.app-title.svelte-1n46o8q{color:var(--color-text);text-decoration:none;font-size:20px;font-weight:650;letter-spacing:-.025em}.header-actions.svelte-1n46o8q{display:flex;align-items:center;gap:18px}.header-actions.svelte-1n46o8q .demo-label:where(.svelte-1n46o8q){margin:0;font-size:12px}.login-area.svelte-1n46o8q{display:flex;flex:1;padding:40px 0;align-items:center;justify-content:center}.empty-state.svelte-1n46o8q{width:min(100%,60vh);height:100%;max-height:60vh;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:1px solid var(--color-border);border-radius:8px;text-align:center;color:var(--color-muted)}.empty-state.svelte-1n46o8q svg:where(.svelte-1n46o8q){margin-bottom:20px}.empty-state.svelte-1n46o8q h1:where(.svelte-1n46o8q),.empty-state.svelte-1n46o8q h2:where(.svelte-1n46o8q){font-weight:500;font-size:20px}.empty-state.svelte-1n46o8q p:where(.svelte-1n46o8q){font-size:14px;line-height:1.5;max-width:380px}.composer-wrapper.svelte-1n46o8q{width:100%}.mock-explanation.svelte-1n46o8q{font-size:11px}@media(max-width:720px){.empty-state.svelte-1n46o8q{width:100%;max-height:none}.app-title.svelte-1n46o8q{font-size:16px}.header-actions.svelte-1n46o8q{gap:4px}.header-actions.svelte-1n46o8q .demo-label:where(.svelte-1n46o8q){max-width:120px;font-size:10px;text-align:right}.composer-wrapper.svelte-1n46o8q{order:3;padding:0 16px 16px}.composer-wrapper.svelte-1n46o8q .composer-zone{width:100%;margin:0}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#292e2b;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-text: #292e2b;--color-muted: #69717a;--color-border: #d9dfe3;--color-accent: #23865b;--color-accent-dark: #176d48;--color-selected: #edf6f0;--color-surface: #fff;--color-soft: #f7f9fa;--color-danger: #a73e3e;--focus-ring: 0 0 0 3px rgb(35 134 91 / 22%)}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-surface)}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,label:has(input:focus-visible){outline:none;box-shadow:var(--focus-ring)}button:disabled{cursor:not-allowed}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.app-shell{display:flex;min-height:100vh;flex-direction:column;background:#fff}.app-header{z-index:1;display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:16px;padding:0 28px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.workspace{display:grid;flex:1;min-height:0;grid-template-columns:minmax(0,72fr) minmax(290px,28fr)}.main-panel{display:flex;min-width:0;flex-direction:column;padding:30px 2.2vw 28px 2.6vw}.settings-panel{display:flex;min-width:0;flex-direction:column;gap:30px;padding:30px clamp(22px,2.4vw,38px);border-left:1px solid var(--color-border);background:#fff}.preview-area{display:flex;width:100%;height:min(66vh,700px);min-height:400px;flex:1 0 auto;align-items:center;justify-content:center;overflow:hidden;container-type:size;border:1px solid var(--color-border);border-radius:8px;background:#fff}.composer-zone{display:block;width:100%;margin-top:20px}.privacy{display:flex;gap:10px;align-items:flex-start;color:var(--color-muted);font-size:12px;line-height:1.55}.demo-label{margin:8px 0 0;color:var(--color-muted);font-size:13px;line-height:1.5}.demo-label code{padding:2px 6px;border:1px solid #cfe3d6;border-radius:5px;color:var(--color-accent-dark);background:var(--color-selected);font-family:inherit;font-size:12px;font-weight:650;letter-spacing:.04em}.error-message{margin:10px 0;color:var(--color-danger);font-size:13px;line-height:1.5}.text-button{min-height:44px;padding:8px 10px;border:0;border-radius:6px;color:var(--color-accent-dark);background:transparent;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.text-button:hover{background:var(--color-selected)}.control-section{min-width:0}.section-label{margin:0 0 12px;color:var(--color-muted);font-size:13px;font-weight:600;line-height:1.4;text-transform:uppercase;letter-spacing:.035em}.model-options{display:grid;gap:10px}.model-option{position:relative;display:flex;min-height:76px;align-items:center;gap:13px;padding:13px 14px;border:1px solid var(--color-border);border-radius:8px;background:#fff;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.model-option:hover{border-color:#9abfac}.model-option:has(input:checked),.model-option.selected{border-color:var(--color-accent);background:var(--color-selected)}.model-option:has(input:focus-visible){box-shadow:var(--focus-ring)}.radio-indicator{display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center;border:1.5px solid #aeb8bf;border-radius:50%;background:#fff}.radio-indicator span{width:10px;height:10px;border-radius:50%;background:transparent}.model-option:has(input:checked) .radio-indicator{border-color:var(--color-accent)}.model-option:has(input:checked) .radio-indicator span{background:var(--color-accent)}.model-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.model-name{overflow:hidden;color:var(--color-text);font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.model-meta{color:var(--color-muted);font-size:12px;line-height:1.35}.model-capability{color:var(--color-muted);font-size:11px;line-height:1.35}.empty-models{margin:0;padding:14px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-muted);font-size:13px;line-height:1.5}.ratio-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.ratio-option{min-width:0;min-height:48px;padding:6px 3px;border:1px solid var(--color-border);border-radius:7px;background:#fff;color:var(--color-text);font-size:13px;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,color .14s ease}.ratio-option:hover:not(:disabled){border-color:#9abfac}.ratio-option.selected{border:1.5px solid var(--color-accent);color:var(--color-accent-dark);background:var(--color-selected);font-weight:600}.ratio-option:disabled{color:#9ba3a9;background:#f6f7f8;cursor:not-allowed}.ratio-option-original{grid-column:1 / -1}.control-hint{margin:8px 0 0;color:var(--color-muted);font-size:11px;line-height:1.4}.quota-indicator{margin-top:6px;padding-top:22px;border-top:1px solid var(--color-border)}.quota-title{color:var(--color-muted);font-size:14px;font-weight:500}.quota-value{display:flex;align-items:baseline;gap:8px;margin-top:8px;color:var(--color-accent);font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.quota-divider{color:#aeb8b1;font-size:20px;font-weight:400}.quota-reserved{margin:6px 0 0;color:var(--color-muted);font-size:12px}.login-form{width:min(100%,440px);margin:auto;padding:34px;border:1px solid var(--color-border);border-radius:12px;background:#fff;box-shadow:0 8px 32px #14261c0d}.login-heading{margin-bottom:28px}.form-kicker{color:var(--color-accent);font-size:11px;font-weight:650;letter-spacing:.09em}.login-heading h1{margin:10px 0 8px;color:var(--color-text);font-size:25px;font-weight:650;letter-spacing:-.03em}.login-heading p{margin:0;color:var(--color-muted);font-size:14px;line-height:1.5}.field-label{display:block;margin-bottom:8px;color:var(--color-text);font-size:13px;font-weight:600}.text-input{width:100%;min-height:48px;padding:0 13px;border:1px solid var(--color-border);border-radius:7px;color:var(--color-text);background:#fff;font-size:15px}.text-input::placeholder{color:#929ba1}.text-input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}.login-code{letter-spacing:.04em}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,opacity .14s ease}.button svg{width:19px;height:19px}.button-primary{border-color:var(--color-accent);color:#fff;background:var(--color-accent)}.button-primary:hover:not(:disabled){border-color:var(--color-accent-dark);background:var(--color-accent-dark)}.button:disabled{opacity:.48}.login-submit{width:100%;margin-top:22px}.login-form .privacy{margin:20px 0 0;font-size:12px}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;padding:0;list-style:none}.attachment-card{display:flex;width:min(100%,230px);min-height:54px;align-items:center;gap:9px;padding:5px 7px;border:1px solid var(--color-border);border-radius:8px;background:#fff}.attachment-thumb{width:42px;height:42px;flex:0 0 42px;border-radius:5px;object-fit:cover;background:var(--color-soft)}.attachment-name{min-width:0;flex:1;overflow:hidden;color:var(--color-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.icon-button{display:inline-grid;width:44px;height:44px;flex:0 0 44px;place-items:center;padding:0;border:1px solid var(--color-border);border-radius:7px;color:var(--color-text);background:#fff;cursor:pointer;transition:border-color .14s ease,color .14s ease,background-color .14s ease}.icon-button:hover:not(:disabled){border-color:#9abfac;color:var(--color-accent-dark);background:var(--color-selected)}.icon-button:disabled{opacity:.48}.icon-button svg{width:20px;height:20px}.attachment-remove{width:44px;height:44px;flex-basis:44px;border:0}.attachment-remove svg{width:18px;height:18px}.composer-box{padding:12px 13px 10px;border:1px solid var(--color-border);border-radius:9px;background:#fff;transition:border-color .14s ease,box-shadow .14s ease}.composer-box:focus-within{border-color:#94bea6;box-shadow:0 0 0 2px #23865b17}.composer-disabled{background:#f9faf9}.prompt-input{display:block;width:100%;min-height:54px;max-height:200px;resize:none;overflow-y:hidden;padding:2px 1px 8px;border:0;outline:0;color:var(--color-text);background:transparent;font-size:15px;line-height:1.5}.prompt-input:focus{outline:0;box-shadow:none}.prompt-input::placeholder{color:#818a91;opacity:1}.prompt-input:disabled{color:#89918c}.composer-tools,.composer-left-tools,.composer-right-tools{display:flex;align-items:center}.composer-tools{min-height:44px;justify-content:space-between;gap:12px}.composer-left-tools{min-width:0;gap:10px}.composer-right-tools{flex:0 0 auto;gap:12px}.attachment-hint{color:var(--color-muted);font-size:12px;line-height:1.35}.character-count{color:var(--color-muted);font-size:11px;font-variant-numeric:tabular-nums}.submit-prompt{width:46px;height:46px;flex:0 0 46px;padding:0}.submit-prompt svg{width:22px;height:22px}.generation-placeholder{position:relative;display:grid;width:min(100cqw,calc(100cqh * var(--frame-ratio-value, 1)));height:min(100cqh,calc(100cqw / var(--frame-ratio-value, 1)));min-width:0;min-height:0;place-items:center;overflow:hidden;border-radius:4px;isolation:isolate;background:#f1f5f2}.placeholder-source,.placeholder-visual{position:absolute;inset:0;width:100%;height:100%}.placeholder-source{z-index:-2;object-fit:cover;filter:blur(22px) brightness(1.08);transform:scale(1.07)}.edit-mode .placeholder-source{filter:blur(18px) brightness(1.1) saturate(.72)}.placeholder-visual{z-index:-1;overflow:hidden;background:linear-gradient(140deg,#edf6f0eb,#f9faf8f5 48%,#e6f1eae5)}.placeholder-glow{position:absolute;width:68%;aspect-ratio:1;border-radius:50%;filter:blur(55px);opacity:.48;animation:glow-drift 8s ease-in-out infinite alternate}.glow-one{top:-25%;left:-4%;background:#badcc8}.glow-two{right:-12%;bottom:-45%;background:#d5e9cc;animation-delay:-4s}.placeholder-shimmer{position:absolute;inset:-30% -60%;background:linear-gradient(110deg,transparent 42%,rgb(255 255 255 / 33%) 49%,rgb(255 255 255 / 46%) 51%,transparent 58%);transform:translate(-45%);animation:shimmer-sweep 5.5s ease-in-out infinite}.placeholder-grain{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.placeholder-status{position:relative;display:inline-flex;max-width:calc(100% - 32px);min-height:44px;align-items:center;gap:10px;padding:10px 15px;border:1px solid rgb(217 223 227 / 82%);border-radius:999px;color:var(--color-text);background:#ffffffdb;box-shadow:0 4px 18px #1f3f2b12;font-size:13px;line-height:1.4;text-align:center}.placeholder-spinner{width:15px;height:15px;flex:0 0 15px;border:2px solid #c5d9cc;border-top-color:var(--color-accent);border-radius:50%;animation:spinner-turn 1.15s linear infinite}.edit-mode .placeholder-shimmer{animation-duration:6.8s}.result-viewer{position:relative;display:grid;width:100%;height:100%;min-height:280px;place-items:center;overflow:hidden}.result-image{display:block;width:100%;height:100%;min-height:0;object-fit:contain;opacity:0;transition:opacity .45s ease}.result-image.is-loaded{opacity:1}.result-actions{position:absolute;right:16px;bottom:16px;display:flex;gap:8px}.button-secondary{border-color:#d9dfe3f0;color:var(--color-text);background:#fffffff0;box-shadow:0 2px 8px #14261c14}.button-secondary:hover{border-color:#a9c8b5;color:var(--color-accent-dark);background:#fff}.result-loading{color:var(--color-muted);font-size:13px}.result-load-error{max-width:420px;padding:20px;text-align:center}.generation-history{min-width:0;margin-top:20px;padding-top:14px;border-top:1px solid var(--color-border)}.history-title{margin:0 0 10px;color:var(--color-text);font-size:14px;font-weight:550}.history-empty{display:grid;min-height:58px;margin:0;padding:12px;place-items:center;border:1px solid #e5e9ec;border-radius:8px;color:var(--color-muted);background:#f8f9fa;font-size:12px;text-align:center}.history-strip{display:flex;max-width:100%;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-color:#cbd5cf transparent;scrollbar-width:thin}.history-item{display:flex;width:146px;min-width:146px;min-height:44px;flex-direction:column;gap:4px;padding:5px;border:1px solid var(--color-border);border-radius:8px;background:#fff;text-align:left;cursor:pointer}.history-item:hover{border-color:#9abfac}.history-item.selected,.history-item[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-selected)}.history-item img{display:block;width:100%;height:76px;border-radius:4px;object-fit:cover;background:#f2f4f3}.history-model,.history-prompt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-model{color:var(--color-text);font-size:11px;font-weight:600}.history-prompt{color:var(--color-muted);font-size:10px}@keyframes glow-drift{0%{transform:translate3d(-3%,1%,0) scale(.94)}to{transform:translate3d(7%,-5%,0) scale(1.08)}}@keyframes shimmer-sweep{0%,20%{transform:translate(-52%);opacity:.45}70%,to{transform:translate(52%);opacity:.72}}@keyframes spinner-turn{to{transform:rotate(360deg)}}@media(max-width:940px){.workspace{grid-template-columns:minmax(0,65fr) minmax(270px,35fr)}.settings-panel{padding-right:20px;padding-left:20px}.ratio-options{gap:5px}}@media(max-width:720px){.app-header{min-height:56px;padding:0 16px}.workspace{display:flex;flex-direction:column;gap:0}.main-panel{display:contents}.preview-area{order:0;width:auto;height:min(54vh,480px);min-height:280px;flex:0 0 auto;margin:16px 16px 0;border-radius:8px}.settings-panel{order:1;gap:22px;padding:22px 16px 18px;border:0}.composer-zone{order:2;width:auto;margin:0 16px 20px}.generation-history{order:3;margin:0 16px 18px}.result-actions{right:10px;bottom:10px}.quota-indicator{margin-top:0;padding-top:17px}.ratio-options{gap:7px}.ratio-option{min-height:48px}.login-form{width:calc(100% - 32px);margin:auto 16px;padding:26px 22px}}@media(max-width:430px){.model-option{min-height:72px;padding:10px;gap:10px}.ratio-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.ratio-option{min-height:46px;font-size:12px}.composer-box{padding:10px}.attachment-hint{max-width:160px;font-size:11px}.composer-left-tools,.composer-right-tools{gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.placeholder-glow,.placeholder-shimmer,.placeholder-spinner{animation:none}}@media(min-width:721px){.app-shell{height:100dvh}.main-panel{overflow-y:auto}.preview-area{min-height:250px;height:auto;flex:1 1 250px;border:0}}@media(max-width:720px){.preview-area{border:0}}.result-viewer{display:flex;flex-direction:column;min-height:250px}.result-image-frame{position:relative;display:grid;place-items:center;flex:1;width:100%;min-height:0}.result-image-frame .result-image{position:absolute;inset:0}.result-placeholder-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.result-actions{position:static;flex-shrink:0;justify-content:center;padding:10px 0}.quota-divider{margin:0 8px}