@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap";:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#f2f2f2;background:#090909;font-synthesis:none;--accent: #f0fa1e;--panel: #111;--line: #292929;--muted: #858585;color-scheme:dark;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.6}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .18s,color .18s,border-color .18s,transform .18s}button:hover{color:#fff}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}svg{flex-shrink:0}fieldset{margin:0;padding:0;border:0;min-width:0}.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.app{min-height:100svh;display:flex;flex-direction:column}.app-header{height:92px;flex-shrink:0;border-bottom:1px solid #1e1e1e;display:flex;align-items:center;padding:0 48px;gap:27px;background:#090909}.brand{width:174px;padding:0;flex-shrink:0}.brand img{width:100%;filter:invert(1);mix-blend-mode:screen}.header-divider{height:25px;width:1px;background:#323232}.product-title{font-size:14px;font-weight:500;display:flex;gap:10px;align-items:center;letter-spacing:1px}.beta{font-size:8px;color:#929292;border:1px solid #373737;border-radius:3px;letter-spacing:1px;padding:2px 4px}.app-header nav{margin-left:auto;display:flex;gap:16px;align-items:center}.text-button{display:flex;align-items:center;justify-content:center;gap:8px;color:#a3a3a3;font-size:12px;padding:6px 0}.text-button:hover{color:var(--accent)}.count{border:1px solid #363636;padding:1px 5px;border-radius:4px;font-size:10px}.nav-divider{width:1px;height:18px;background:#2c2c2c;margin:0 5px}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:#919191;border-radius:4px;padding:0}.icon-button:hover{background:#242424;color:#eee}.home{width:min(100% - 80px,1040px);margin:auto;padding:48px 0 40px}.home-caption{text-align:center;margin-bottom:35px}.eyebrow{font-family:Arial,sans-serif;font-size:9px;letter-spacing:2.1px;color:#777}.home-caption h1{font-size:24px;font-weight:500;letter-spacing:3px;margin-top:13px}.home-caption h1>span{color:var(--accent)}.upload-card{border:1px solid #313131;background:#0d0d0d;padding:42px;display:grid;grid-template-columns:1.2fr 1fr;gap:62px;min-height:490px}.visual-showcase{position:relative;min-width:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;height:386px}.feature{border-radius:9px;background:#292929;position:relative;overflow:hidden;padding:12px 17px;color:#8c8c8c;display:flex;flex-direction:column;justify-content:space-between}.feature>span{font-weight:800;font-size:47px;line-height:1.17;letter-spacing:-1px}.feature small{font-family:Arial,sans-serif;font-size:7px;letter-spacing:1.5px;color:#696969;white-space:nowrap}.feature-1,.feature-3{text-align:right;align-items:flex-end}.feature-2,.feature-3{flex-direction:column-reverse}.hero-image{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-5deg);width:242px;height:272px;border-radius:8px;overflow:hidden;padding:0;box-shadow:0 20px 60px #0009;border:1px solid #ffffff24;transition:transform .3s}.hero-image:hover{transform:translate(-50%,-50%) rotate(-1deg) scale(1.025)}.hero-image>img{width:100%;height:100%;object-fit:cover}.reference-label{position:absolute;top:12px;right:12px;border-radius:20px;background:#fff;color:#151515;font-size:9px;padding:6px 9px;display:flex;align-items:center;gap:4px;font-weight:600}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:14px;background:#0005;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.showcase-caption{display:flex;justify-content:space-between;align-items:center;color:#696969;font-size:9px;letter-spacing:1px;margin-top:20px}.showcase-caption span:last-child{font:9px Arial}.upload-controls{padding-top:0}.upload-title{text-align:center;margin-bottom:23px}.upload-title h2{font-size:17px;letter-spacing:2px;font-weight:650}.upload-title>span{font:8px Arial;letter-spacing:2px;color:#696969;display:block;margin-top:9px}.dropbox{border:1px solid #353535;background:#141414}.upload-target{display:flex;flex-direction:column;align-items:center;width:100%;padding:23px 10px 18px;min-height:236px}.upload-target:hover{background:#1c1d12}.upload-icon{width:60px;height:60px;border-radius:50%;background:#252525;display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:15px}.upload-target strong{font-size:21px;letter-spacing:1px;font-weight:650}.upload-target>span:not(.upload-icon):not(.paste-hint){color:#909090;font-size:11px;margin-top:9px;letter-spacing:1px}.upload-target>small{font:9px Arial;color:#666;margin-top:11px}.paste-hint{display:flex;align-items:center;gap:5px;font-size:9px;color:#6f6f6f;margin-top:18px}.paste-hint kbd{font:9px Arial;border:1px solid #3a3a3a;padding:2px 5px;border-radius:3px;color:#929292}.paste-hint>span:last-child{margin-left:4px}.asset-button{width:100%;border-top:1px solid #333;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;font-size:11px;font-weight:500}.asset-button:hover{background:#232323}.asset-button>svg:last-child{color:#717171;margin-left:5px}.sample-heading{display:flex;justify-content:space-between;font-size:10px;color:#797979;margin:22px 0 12px}.sample-heading>span:last-child{display:flex;align-items:center;gap:5px;color:#676767;font-size:9px}.sample-list{display:flex;gap:13px}.sample-list button{padding:0;position:relative;flex:1;min-width:0}.sample-list img{width:100%;height:66px;object-fit:cover;border-radius:3px;border:1px solid #ffffff15;transition:opacity .2s}.sample-list button:hover img{outline:1px solid var(--accent);outline-offset:2px}.sample-list button>span{font-size:9px;color:#818181;display:block;margin-top:7px}.home-bottom{display:flex;justify-content:space-between;color:#686868;font-size:10px;margin-top:18px}.home-bottom>span:first-child{display:flex;align-items:center;gap:7px}.home-bottom>span:last-child{letter-spacing:1px}.app-footer{padding:24px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#606060;font-size:9px;letter-spacing:1px}.app-footer>span:first-child{font:9px Arial;letter-spacing:1.5px}.app-footer b{font-weight:400;color:#444;padding:0 13px}.app-footer button{display:flex;align-items:center;gap:8px;font-size:9px;color:#747474}.is-workspace{height:100svh;min-height:620px}.is-workspace .app-header{height:77px}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);flex:1;min-height:0;animation:appear .3s}.workspace.has-result{grid-template-columns:300px minmax(0,1fr) 374px}.settings-panel{background:#111;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.panel-heading{padding:24px 24px 20px;display:flex;justify-content:space-between;align-items:center}.panel-heading h1{font-size:17px;font-weight:600;letter-spacing:1px}.help-button{background:#252525;display:flex;gap:5px;align-items:center;padding:5px 7px;font-size:9px;border-radius:2px;color:#c2c2c2}.image-field{padding:0 24px 22px;border-bottom:1px solid #282828}.field-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8c8c8c;margin-bottom:12px}.field-label i{color:var(--accent);font-style:normal;margin-right:5px}.field-label>button{font-size:10px;color:#818181;padding:0}.field-label>button:hover{color:var(--accent)}.thumbnail{width:100%;height:163px;border:1px solid #313131;background:#0e0e0e;border-radius:3px;display:flex;justify-content:center;align-items:center;position:relative;padding:10px;overflow:hidden}.thumbnail img{height:100%;width:auto;object-fit:contain;border-radius:2px}.thumbnail>span{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;gap:6px;align-items:center;justify-content:center;opacity:0;transition:opacity .18s;font-size:11px}.thumbnail:hover>span{opacity:1}.image-meta{display:flex;justify-content:space-between;gap:10px;color:#696969;margin-top:10px;font-size:9px}.image-meta>span:first-child{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-meta>span:last-child{white-space:nowrap;font-family:Arial}.settings-body{padding:23px 24px 16px}.settings-body fieldset{margin-bottom:22px}.settings-body legend{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;font-size:11px;color:#949494}.settings-body legend>span{font:8px Arial;letter-spacing:1px;color:#505050}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{border:1px solid #3b3b3b;min-height:68px;border-radius:2px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;position:relative;background:#111}.option>span:not(.option-check){font-size:12px;color:#888}.option strong{font-size:11px;font-weight:500}.option.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#f0fa1e05;color:var(--accent)}.option.selected>span:not(.option-check){color:var(--accent)}.option:hover:not(.selected){background:#1c1c1c;border-color:#717171}.option-check{position:absolute;right:4px;top:4px;color:var(--accent)}.text-option{gap:8px;min-height:65px}.option small{font-size:9px;color:#686868;font-weight:400}.extra-label{font-size:11px;color:#969696;display:flex;align-items:center;gap:8px;margin-bottom:11px}.extra-label>span{font-size:9px;color:#575757}.instructions{width:100%;resize:vertical;min-height:66px;max-height:130px;border:1px solid #303030;border-radius:2px;background:#0e0e0e;font-size:11px;color:#ccc;padding:11px;line-height:1.8}.instructions::placeholder{color:#595959}.generate-area{padding:6px 24px 19px;margin-top:auto}.primary{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:#111!important;border:1px solid var(--accent);min-height:44px;border-radius:2px;font-size:12px;font-weight:650;padding:10px 20px;width:100%}.primary:hover{background:#f7ff59;border-color:#f7ff59}.generate{height:46px;position:relative}.generate>svg:last-child:not(:first-child){position:absolute;right:14px}.generate-area>p{font-size:9px;text-align:center;margin-top:12px;color:#606060;line-height:1.6}.canvas-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#090909}.canvas-top{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:63px;flex-shrink:0;gap:12px}.canvas-top>span{font-size:10px;color:#5d5d5d;letter-spacing:1px}.canvas-top .text-button{font-size:10px;gap:7px}.canvas-top-right{display:flex;align-items:center;gap:12px;min-width:50px;justify-content:flex-end}.sample-tag{font-size:9px;border:1px solid #303030;color:#767676;padding:4px 7px;border-radius:3px}.image-stage{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;padding:10px 42px 16px}.image-stage:active{cursor:grabbing}.preview-image{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:4px;will-change:transform}.image-stage:fullscreen{background:#090909;padding:40px}.canvas-bottom{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:8px}.canvas-hint{font-size:9px;color:#606060;display:flex;align-items:center;gap:7px}.zoom-toolbar{display:flex;align-items:center;background:#151515;border:1px solid #2b2b2b;border-radius:5px;padding:2px}.zoom-toolbar .icon-button{width:29px;height:29px}.zoom-toolbar .icon-button svg{width:16px}.zoom-value{font:10px Arial;width:42px;padding:5px 0;color:#bbb}.tool-divider{width:1px;height:13px;background:#383838;margin:0 4px}.result-panel{border-left:1px solid #2a2a2a;display:flex;flex-direction:column;min-height:0;background:#111;animation:appear .25s}.result-heading{display:flex;justify-content:space-between;padding:26px 22px 21px;border-bottom:1px solid #292929;align-items:center}.result-heading .eyebrow{font-size:7px;letter-spacing:1.4px;color:#666}.result-heading h2{font-size:18px;letter-spacing:1px;margin-top:9px;font-weight:550;display:flex;align-items:center;gap:10px}.status-dot{height:5px;width:5px;background:var(--accent);border-radius:50%}.result-content{padding:20px 22px;overflow-y:auto;flex:1}.result-labels{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.result-labels>span{font-size:9px;color:#8c8c8c;border:1px solid #353535;border-radius:2px;padding:4px 6px}.result-labels>.demo-label{color:var(--accent);border-color:#f0fa1e40}.demo-note{font-size:10px;line-height:1.8;color:#8b8b72;margin-top:12px}.editor-label{display:flex;align-items:center;justify-content:space-between;color:#bbb;font-size:11px;margin-top:24px;margin-bottom:13px}.editor-label>span{font-size:9px;color:#636363}.prompt-editor{width:100%;min-height:275px;padding:0;border:none;outline:none;resize:vertical;background:transparent;line-height:2;color:#c2c2c2;font-size:12px;scrollbar-width:thin}.prompt-editor:focus-visible{outline:1px solid #60652b;outline-offset:5px}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;color:#646464;margin-top:10px}.breakdown{margin-top:24px;border-top:1px solid #2a2a2a;padding-top:18px}.breakdown summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12px;list-style:none;color:#b9b9b9}.breakdown summary::-webkit-details-marker{display:none}.breakdown[open] summary svg{transform:rotate(180deg)}.breakdown>div{margin-top:15px}.detail-row{display:grid;grid-template-columns:48px 1fr;gap:12px;margin-bottom:13px;align-items:start;font-size:10px;line-height:1.8}.detail-row>span{color:#717171}.detail-row>p{color:#aaa}.result-actions{padding:17px 22px 22px;border-top:1px solid #292929;background:#111}.result-actions>div{display:flex;gap:10px;margin-top:10px}.secondary{border:1px solid #383838;background:#171717;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;font-size:11px;color:#b1b1b1}.secondary:hover{background:#252525;border-color:#666}.result-actions .secondary{flex:1}.loading-result{padding:42px 25px;display:flex;flex-direction:column;align-items:center}.loading-result>svg{color:var(--accent);margin:24px 0}.loading-result h3{font-size:16px;font-weight:500}.loading-result p{font-size:11px;color:#777;margin:13px 0 35px}.loading-result>span{font-size:10px;color:#555;margin-top:30px}.skeleton{height:9px;width:100%;background:#262626;margin-bottom:14px;border-radius:2px;animation:pulse 1.6s infinite}.skeleton.short{width:65%;align-self:flex-start}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:28px;display:flex;align-items:center;justify-content:center;animation:appear .18s}.modal{width:480px;max-height:calc(100svh - 56px);overflow:auto;border:1px solid #3a3a3a;border-radius:8px;background:#151515;padding:28px;box-shadow:0 24px 100px #0008;outline:0}.modal.wide{width:720px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.modal-heading h2{font-size:19px;letter-spacing:1px;font-weight:550}.settings-intro{display:flex;align-items:center;gap:15px;padding:15px;background:#1e1e17;border:1px solid #343526;margin-bottom:22px;border-radius:3px;color:var(--accent)}.settings-intro>p{font-size:11px;color:#b8b8a7;line-height:1.9}.settings-form{display:flex;flex-direction:column;gap:17px}.settings-form label{font-size:11px;color:#a6a6a6;display:flex;flex-direction:column;gap:9px}.settings-form input{border:1px solid #3c3c3c;border-radius:3px;background:#0f0f0f;padding:12px;font-size:12px;color:#e5e5e5;width:100%}.settings-form input::placeholder{color:#666}.muted{color:#777}.small{font-size:10px;line-height:1.9}.error,.inline-error{color:#edaa9a;font-size:11px;line-height:1.8}.inline-error{display:flex;align-items:flex-start;gap:6px;margin:0 0 12px}.inline-error svg{margin-top:3px}.help-steps{display:flex;flex-direction:column;gap:25px;margin:28px 0}.help-steps>div{display:flex;gap:20px}.help-steps>div>span{color:var(--accent);font:18px Arial}.help-steps h3{font-size:13px;font-weight:550;margin-bottom:8px}.help-steps p{font-size:11px;line-height:1.9;color:#939393}.help-note{padding:15px;background:#202020;font-size:10px;color:#909090;line-height:1.9;margin-bottom:24px}.history-caption{display:flex;align-items:center;justify-content:space-between;color:#818181;font-size:11px;margin-bottom:20px}.history-caption .text-button{font-size:10px}.history-empty{display:flex;flex-direction:column;align-items:center;padding:35px 0 30px;text-align:center}.history-empty>svg{color:#626262}.history-empty h3{font-size:16px;font-weight:500;margin-top:20px}.history-empty p{font-size:11px;color:#818181;margin:12px 0 24px}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.history-item{position:relative;border:1px solid #303030;background:#111;border-radius:4px;overflow:hidden}.history-item>button:first-child{width:100%;text-align:left;padding:0 0 13px}.history-item img{width:100%;aspect-ratio:1;object-fit:cover}.history-item strong{display:block;font-size:11px;font-weight:500;margin:12px 12px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item p,.history-item time{font-size:9px;color:#737373;display:block;margin:0 12px}.history-item time{margin-top:7px}.history-item>.icon-button{position:absolute;top:5px;right:5px;background:#0009;color:#ddd;width:27px;height:27px}.history-item>.icon-button svg{width:15px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:100;background:#25271a;border:1px solid #696d28;border-radius:5px;padding:14px 22px;font-size:12px;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);box-shadow:0 10px 40px #0006}.toast svg{color:var(--accent)}.drag-overlay{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:40;border:2px dashed var(--accent);border-radius:8px;background:#131506f5;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;color:var(--accent)}.drag-overlay h2{margin:25px 0 12px;font-weight:500}.drag-overlay p{color:#92977a;font-size:12px}.spin{animation:spin 1s linear infinite}.pulse{animation:pulse 1.7s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes appear{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#373737;border-radius:4px}::-webkit-scrollbar-track{background:transparent}@media(min-width:1600px){.home{width:1080px}.upload-card{padding:48px;gap:74px}.feature-grid{height:408px}.hero-image{width:254px;height:287px}.workspace{grid-template-columns:330px minmax(0,1fr)}.workspace.has-result{grid-template-columns:330px minmax(0,1fr) 400px}.thumbnail{height:187px}.image-stage{padding:12px 50px 22px}.settings-body{padding-top:27px}.option{min-height:74px}}@media(max-height:800px)and (min-width:901px){.app-header{height:76px}.home{padding:26px 0}.home-caption{margin-bottom:24px}.home-caption h1{font-size:21px;margin-top:9px}.upload-card{padding:30px 38px;min-height:0}.feature-grid{height:370px}.app-footer{padding:18px 48px}.is-workspace .app-header{height:65px}.panel-heading{padding-top:18px;padding-bottom:16px}.thumbnail{height:133px}.image-field{padding-bottom:16px}.settings-body{padding-top:17px}.settings-body fieldset{margin-bottom:16px}.option{min-height:58px}.settings-body legend{margin-bottom:9px}.instructions{min-height:55px}.canvas-top{height:49px}.canvas-bottom{height:53px}}@media(max-width:1180px){.workspace.has-result{grid-template-columns:275px minmax(0,1fr) 330px}.workspace{grid-template-columns:275px minmax(0,1fr)}.canvas-hint{display:none}.canvas-bottom{justify-content:center}.has-result .canvas-top>span{display:none}.image-stage{padding:10px 22px}.upload-card{gap:42px}.feature>span{font-size:42px}.hero-image{width:220px;height:248px}.app-header{padding:0 30px}.result-heading,.result-content,.result-actions{padding-left:18px;padding-right:18px}}@media(max-width:960px){.workspace.has-result{grid-template-columns:275px minmax(0,1fr)}.has-result .result-panel{grid-column:1/-1;border-top:1px solid #333;min-height:450px;max-height:none}.workspace.has-result{overflow:auto;grid-template-rows:minmax(610px,calc(100svh - 77px)) auto}.has-result .result-content{overflow:visible}.result-panel .prompt-editor{min-height:190px}.has-result .canvas-panel{height:100%;min-height:0}.has-result .result-actions{max-width:none}.home{width:calc(100% - 48px)}.upload-card{padding:32px;gap:32px}.feature-grid{height:374px;gap:14px}.feature>span{font-size:38px}.feature{padding:13px}.hero-image{width:195px;height:227px}.home-caption h1{font-size:22px}.sample-heading>span:last-child{display:none}.app-footer{padding-left:30px;padding-right:30px}}@media(max-width:700px){.app-header,.is-workspace .app-header{height:72px;padding:0 20px;gap:16px}.brand{width:133px}.header-divider{height:20px}.product-title{font-size:11px;letter-spacing:0}.beta{display:none}.app-header nav{gap:5px}.app-header nav .text-button>span,.nav-divider{display:none}.app-header nav .text-button{width:30px}.app-header nav .icon-button{width:29px}.home{width:calc(100% - 36px);padding:35px 0 26px}.home-caption{margin-bottom:25px}.home-caption .eyebrow{font-size:7px;letter-spacing:1.9px}.home-caption h1{font-size:18px;letter-spacing:1px;white-space:nowrap}.upload-card{display:flex;flex-direction:column;padding:25px;gap:28px}.visual-showcase{width:100%;max-width:380px;margin:0 auto}.feature-grid{height:220px;gap:12px}.feature>span{font-size:29px}.feature small{font-size:6px;letter-spacing:.8px}.feature{padding:9px 12px;border-radius:6px}.hero-image{width:153px;height:175px;top:46%;border-radius:5px}.reference-label{font-size:7px;top:8px;right:8px;padding:4px 6px}.reference-label svg{width:9px}.hero-bottom{font-size:8px;padding:9px}.showcase-caption{font-size:8px;margin-top:13px}.upload-title{margin-bottom:17px}.upload-title h2{font-size:17px}.upload-title>span{font-size:7px}.upload-target{min-height:216px;padding-top:20px}.upload-target strong{font-size:21px}.upload-icon{width:52px;height:52px}.sample-list img{height:80px}.home-bottom{justify-content:center;font-size:8px}.home-bottom>span:last-child{display:none}.app-footer{padding:20px;font-size:8px;gap:10px}.app-footer>span:first-child{font-size:7px}.app-footer>span:nth-child(2){font-size:8px;letter-spacing:0}.app-footer b{padding:0 5px}.app-footer button{display:none}.is-workspace{height:auto;min-height:100svh}.workspace,.workspace.has-result{display:flex;flex-direction:column;overflow:visible}.canvas-panel,.has-result .canvas-panel{order:0;height:430px;flex:none}.settings-panel{order:1;border-top:1px solid #2a2a2a;border-right:0;overflow:visible}.result-panel{order:2;border-left:0}.canvas-top{padding:0 20px;height:50px}.canvas-top>span{display:none}.image-stage{padding:0 20px 5px}.canvas-bottom{height:50px}.panel-heading{padding:23px 24px 15px}.image-field{display:none}.settings-body{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:8px 24px 16px}.settings-body fieldset{margin-bottom:20px}.option-grid{gap:7px}.option{min-height:65px}.option strong{font-size:10px}.option small{font-size:8px}.settings-body legend{font-size:11px}.settings-body legend>span{display:none}.extra-label,.instructions{grid-column:1/-1}.instructions{min-height:62px}.generate-area{padding-bottom:22px}.has-result .result-panel{min-height:0}.result-heading{padding-top:23px}.result-content{padding-top:18px}.result-panel .prompt-editor{min-height:280px}.modal-backdrop{padding:16px}.modal{padding:22px;max-height:calc(100svh - 32px)}.modal-heading h2{font-size:17px}.history-grid{grid-template-columns:repeat(2,1fr)}.toast{font-size:11px;padding:12px 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.home{padding:28px 0}.home-caption{margin-bottom:26px}.home-caption h1{line-height:1.4}.upload-title{margin-bottom:18px}.upload-target{min-height:216px;padding-top:18px;padding-bottom:12px}.upload-icon{height:52px;width:52px;margin-bottom:12px}.sample-heading{margin-top:18px}.sample-list img{height:60px}@media(max-height:800px)and (min-width:901px){.home{padding:16px 0}.home-caption{margin-bottom:20px}.app-footer{padding-top:14px;padding-bottom:14px}.home-caption .eyebrow{font-size:8px}}@media(max-width:700px){.home{padding:30px 0 24px}.sample-list img{height:80px}}@media(max-width:390px){.app-header,.is-workspace .app-header{padding:0 14px;gap:11px}.brand{width:116px}.app-header nav{gap:1px}.product-title{font-size:10px}.home-caption h1{font-size:16px}.upload-card{padding:21px}}.sample-list{gap:12px}.sample-list img{height:auto;aspect-ratio:1;object-fit:contain}.sample-upload-icon{width:100%;aspect-ratio:1;border:1px dashed #414141;border-radius:3px;background:#161616;display:flex;align-items:center;justify-content:center;color:#929292}.sample-list button:hover .sample-upload-icon{color:var(--accent);border-color:var(--accent)}@media(min-width:1600px){.upload-card{padding-top:40px;padding-bottom:40px}}.sample-list img,.sample-upload-icon{width:80px;max-width:100%;height:auto;aspect-ratio:1;margin-inline:auto}.home{padding-top:24px;padding-bottom:24px}@media(max-height:800px)and (min-width:901px){.home{padding-top:12px;padding-bottom:12px}.upload-title>span{display:none}.upload-title{margin-bottom:17px}}:root{--accent: #f0fa1e;--panel: rgba(24, 32, 45, .62);--line: rgba(226, 236, 255, .14);--muted: #9ca9bc;--glass-rim: rgba(242, 247, 255, .22);--glass-shadow: 0 24px 64px rgba(0, 5, 15, .28), inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(255, 255, 255, .035);background:#000;color:#f5f7fc;-webkit-font-smoothing:antialiased}.app{position:relative;isolation:isolate;background:#000}.app:before,.app:after{content:none}.app-header{background:#10182457;border-bottom-color:#e8f2ff1f;box-shadow:inset 0 -1px #ffffff06;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}.header-divider,.nav-divider,.tool-divider{background:#edf4ff2e}.brand{filter:drop-shadow(0 2px 8px rgba(0,0,0,.14))}.product-title{color:#eef2fa;font-weight:500}.beta,.count,.sample-tag,.result-labels>span{border-color:#e3eeff2e;border-radius:999px;background:#f5f9ff11;color:#c1cad9;box-shadow:inset 0 1px #ffffff0f}.text-button{color:#c3ccda}.icon-button{border-radius:50%;color:#c1ccdb}.icon-button:hover{color:#fff;background:#f5faff21;box-shadow:inset 0 1px #fff3,0 3px 12px #00050f1a}.app-header nav>.icon-button{background:#e0ebff0b;box-shadow:inset 0 0 0 1px #edf6ff17}.eyebrow{color:#a3afc1}.home-caption h1{color:#f5f7fc;font-weight:600;text-shadow:0 3px 18px rgba(0,4,15,.2)}.home-caption h1>span{text-shadow:0 0 14px rgba(240,250,30,.2)}.upload-card{border-color:var(--glass-rim);border-radius:32px;background:linear-gradient(135deg,#f7faff1d,#b1c4e40a 54%,#f0f7ff13);backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%);box-shadow:var(--glass-shadow),0 1px 1px #0003}.feature{border-radius:23px;background:linear-gradient(145deg,#f5f9ff17,#e0edff06);box-shadow:inset 0 0 0 1px #edf6ff21,inset 0 1px #ffffff26,0 8px 20px #00050f0d;color:#ebf2ffab}.feature>span{font-weight:600;text-shadow:0 2px 5px rgba(0,0,0,.08)}.feature small{color:#a6b3c5;opacity:.62}.hero-image{border-radius:23px;border-color:#ffffff8c;box-shadow:0 24px 48px #00040f61,0 2px 8px #00000024}.reference-label{color:#28313d;background:#ffffffc7;box-shadow:inset 0 1px #fff,0 3px 12px #0000000f;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}.hero-bottom{background:#e7eef821;box-shadow:inset 0 1px #ffffff4d;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);text-shadow:0 1px 5px rgba(0,0,0,.2)}.showcase-caption,.home-bottom{color:#a5b0c1}.upload-title h2{color:#f1f5fb;font-weight:600}.upload-title>span{color:#a0adc0}.dropbox{border-radius:24px;border-color:#edf5ff3b;background:linear-gradient(150deg,#eef7ff16,#e0eeff06);box-shadow:inset 0 1px #fff3,0 8px 28px #0006121a;overflow:hidden}.upload-target{border-radius:23px 23px 0 0}.upload-target:hover{background:#f4faff13}.upload-icon{background:linear-gradient(145deg,#ffffff2b,#edf6ff0e);box-shadow:inset 0 1px 1px #ffffff73,inset 0 0 0 1px #ffffff1f,0 8px 22px #0005121f}.upload-target strong{font-weight:550;color:#f4f7fc}.upload-target>span:not(.upload-icon):not(.paste-hint){color:#b5c0d1}.upload-target>small,.paste-hint{color:#98a6bc}.paste-hint kbd{border-color:#edf5ff30;border-radius:5px;background:#e2edff0f;color:#c1cada}.asset-button{border-top-color:#eff7ff21;background:#e8f3ff06;color:#d6dfeb}.asset-button:hover{background:#f4faff1a}.asset-button>svg:last-child{color:#aebcd0}.sample-heading,.sample-heading>span:last-child,.sample-list button>span{color:#a8b5c8}.sample-list img{object-fit:cover;object-position:center;border-radius:16px;border-color:#ffffff52;box-shadow:0 7px 18px #00051229}.sample-list button:hover img{outline-color:#f0fa1ecc}.sample-upload-icon{border-color:#e8f3ff47;border-radius:16px;background:#e6f1ff0b;color:#b7c5d9;box-shadow:inset 0 1px #ffffff1a}.app-footer,.app-footer button{color:#a0acc0}.app-footer b{color:#8491a6}@media(min-width:701px){.home{padding-top:30px;padding-bottom:26px}}.upload-card--editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding:28px 40px}.reference-study{min-width:0}.reference-study__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#d0d6df;font-size:12px;letter-spacing:1px}.reference-study__heading small{margin-left:10px;color:#7e8895;font-size:8px;letter-spacing:1.8px}.reference-study__count{color:#8e98a5;font-size:10px;font-variant-numeric:tabular-nums}.reference-study__image{display:block;width:100%;max-width:336px;aspect-ratio:1;padding:0;margin:0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:22px;background:#101214;box-shadow:0 16px 40px #0000004d;transition:border-color .18s,box-shadow .18s}.reference-study__image:hover{border-color:#f0fa1eb3;box-shadow:0 16px 40px #0000004d,0 0 0 3px #f0fa1e0f}.reference-study__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.reference-study__caption{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px}.reference-study__caption>div>span{color:#9aabbd;font-size:10px;letter-spacing:1px}.reference-study__caption h2{color:#f2f4f7;font-size:21px;font-weight:500;letter-spacing:2px;margin:5px 0 0}.reference-study__caption>button{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(238,245,255,.18);border-radius:999px;background:#eef5ff12;box-shadow:inset 0 1px #ffffff1f;color:#e0e5ed;font-size:11px;white-space:nowrap}.reference-study__caption>button:hover{color:var(--accent);border-color:#f0fa1e66}.reference-study__facets{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:17px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.reference-study__facets>span{font-size:10px;color:#c0c8d3;border:1px solid rgba(230,240,255,.12);background:#e6f0ff09;border-radius:6px;padding:4px 8px}.reference-study__facets>span:first-child{border:0;background:none;padding-left:0;margin-right:auto;color:#818b99}@media(min-width:701px)and (max-height:820px){.home{padding-top:18px;padding-bottom:18px}.upload-card--editorial{padding:25px 36px;gap:56px}.reference-study__image{max-width:290px}.reference-study__heading{margin-bottom:12px}.reference-study__caption{margin-top:13px}.reference-study__facets{margin-top:12px;padding-top:11px}}@media(max-width:700px){.upload-card--editorial{grid-template-columns:minmax(0,1fr);gap:34px;padding:23px 22px}.reference-study__image{max-width:366px;border-radius:18px}.reference-study__heading small{display:none}.reference-study__caption h2{font-size:20px}.reference-study__facets{gap:5px}.reference-study__facets>span{padding:4px 6px}.upload-card--editorial .upload-controls{border-top:1px solid rgba(255,255,255,.1);padding-top:28px}}.settings-panel,.result-panel{background:linear-gradient(160deg,#2f3a4ca1,#111927c7);border-color:#edf5ff26;backdrop-filter:blur(35px) saturate(130%);-webkit-backdrop-filter:blur(35px) saturate(130%);box-shadow:inset 0 1px #ffffff21}.settings-panel{border-radius:0 26px 26px 0;box-shadow:inset -1px 0 #ffffff0a,12px 0 40px #0005101a}.result-panel{border-radius:26px 0 0 26px}.panel-heading h1,.result-heading h2{font-weight:550;color:#f3f6fd}.help-button{border-radius:999px;color:#d9e1ee;background:#e9f3ff1a;box-shadow:inset 0 1px #ffffff2b}.image-field,.result-heading{border-color:#ebf4ff1c}.field-label,.field-label>button,.settings-body legend,.extra-label{color:#b6c1d3}.field-label i{color:var(--accent)}.thumbnail{border-radius:18px;border-color:#e5f0ff2b;background:#040c192e;box-shadow:inset 0 1px 2px #0000001a,0 1px #ffffff0d}.thumbnail img{border-radius:11px}.thumbnail>span{background:#0a16268f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.image-meta{color:#95a4bb}.settings-body legend>span,.extra-label>span{color:#8c9db6}.option{border-radius:16px;border-color:#e9f3ff29;background:linear-gradient(155deg,#eff6ff17,#dbeaff06);box-shadow:inset 0 1px #ffffff1c,0 3px 10px #00050f09;color:#dce4f0}.option>span:not(.option-check){color:#aebbd0}.option small{color:#99a9c0}.option.selected{background:linear-gradient(150deg,#f0fa1e29,#f0fa1e0b);border-color:#f0fa1ea6;box-shadow:inset 0 1px #ffffde33,0 3px 18px #f0fa1e0b}.option-check{top:7px;right:7px}.option:hover:not(.selected){background:#f5f9ff24;border-color:#eff7ff59}.instructions,.settings-form input{background:#070f1c40;border-color:#e1eeff29;border-radius:14px;box-shadow:inset 0 2px 6px #00050f0f,0 1px #ffffff06;color:#e7ecf6}.instructions::placeholder,.settings-form input::placeholder{color:#91a1b9}.primary{border-radius:16px;border-color:#f9ffa3bf;background:linear-gradient(165deg,#ffffec4d,#fff0 60%),var(--accent);box-shadow:inset 0 1px #ffffefcc,inset 0 -1px #737d0624,0 6px 20px #f0fa1e1a;color:#232909!important}.primary:hover{background:linear-gradient(165deg,#fffff780,#ffffff05 65%),var(--accent);border-color:#f8ff9b;box-shadow:inset 0 1px #ffffffe6,0 8px 26px #f0fa1e26}.primary:active,.secondary:active{transform:scale(.985)}.generate-area>p{color:#99a8bc}.canvas-panel{background:#000}.canvas-top>span,.canvas-hint{color:#a0afc6}.preview-image{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:20px;box-shadow:0 20px 65px #00040f47,0 0 0 1px #ffffff2e}.image-stage:fullscreen{background:#000}.zoom-toolbar{border-radius:999px;background:#abbfdf1a;border-color:#f1f8ff3b;box-shadow:0 8px 24px #0005102e,inset 0 1px #fff3;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}.zoom-value{color:#d6dfed}.result-heading .eyebrow{color:#98a9c0}.status-dot{box-shadow:0 0 9px #f0fa1e4d}.result-labels>.demo-label{color:#eef490;background:#f0fa1e11;border-color:#f0fa1e3d}.demo-note{color:#babf9e}.editor-label{color:#d5dfec}.editor-label>span,.editor-footer{color:#98a9c0}.prompt-editor{color:#dde5f2}.prompt-editor:focus-visible{outline-color:#f0fa1e80;border-radius:5px}.breakdown{border-top-color:#ebf4ff21}.breakdown summary{color:#d7e1ef}.detail-row>span{color:#9fadc3}.detail-row>p{color:#c4d0e3}.result-actions{background:#0f182842;border-color:#ebf4ff1c}.secondary{border-radius:12px;border-color:#e2efff30;background:linear-gradient(150deg,#e8f2ff18,#ebf5ff0a);box-shadow:inset 0 1px #ffffff1a;color:#ccd8eb}.secondary:hover{background:#ebf6ff29;border-color:#ebf6ff59}.loading-result h3{color:#e7edf8}.loading-result p,.loading-result>span{color:#a1b0c6}.skeleton{background:#e0efff1a;border-radius:999px}.modal-backdrop{background:#0308125c;backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%)}.modal{border-radius:28px;border-color:#ebf6ff42;background:linear-gradient(145deg,#3a4960cc,#172132e3);backdrop-filter:blur(44px) saturate(145%);-webkit-backdrop-filter:blur(44px) saturate(145%);box-shadow:var(--glass-shadow),0 32px 100px #00030c61}.modal-heading h2{color:#f1f5fd;font-weight:550}.settings-intro{background:#f0fa1e11;border-color:#f0fa1e26;border-radius:16px}.settings-intro>p{color:#d1d7bd}.settings-form label{color:#c6d3e5}.service-key-help{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#a8b6cc}.service-key-help a{display:inline-flex;align-items:center;gap:4px;color:var(--accent);text-decoration:none;white-space:nowrap}.service-key-help a:hover{text-decoration:underline}.service-advanced{border:1px solid rgba(235,246,255,.13);border-radius:13px;padding:13px 14px;background:#08101d21}.service-advanced summary{cursor:pointer;color:#d7e1ef;font-size:12px}.service-advanced summary span{color:#96a6bd;font-size:10px;margin-left:8px}.service-advanced>div{display:grid;gap:14px;margin-top:16px}.service-advanced .secondary{padding:10px 12px}.muted{color:#a8b6cc}.help-steps p{color:#b8c5d9}.help-note{border-radius:14px;background:#dcebff11;box-shadow:inset 0 0 0 1px #e9f5ff14;color:#b6c4d8}.history-caption,.history-empty p{color:#aabbd2}.history-empty>svg{color:#a4b6cf}.history-item{border-radius:18px;border-color:#e9f4ff30;background:#d2e8ff0e;box-shadow:0 7px 18px #00050f1f}.history-item p,.history-item time{color:#a7b8d0}.history-item>.icon-button{background:#19253685;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.toast{border-radius:999px;background:#303d4ede;border-color:#f5ffaa4d;color:#eef4de;box-shadow:var(--glass-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.drag-overlay{background:#17232ed9;border-radius:30px;border-color:#f0fa1eb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.drag-overlay p{color:#c6cfad}.error,.inline-error{color:#ffc2b2}::-webkit-scrollbar-thumb{background:#d3e4fa42}@media(max-width:960px){.has-result .result-panel{border-radius:24px 24px 0 0;border-top-color:#edf5ff2e}}@media(max-width:700px){.upload-card{border-radius:27px}.feature{border-radius:16px}.hero-image{border-radius:17px}.sample-list img,.sample-upload-icon{border-radius:13px}.settings-panel{border-radius:24px 24px 0 0;border-top-color:#edf5ff2b}.result-panel{border-radius:24px 24px 0 0}.option{border-radius:13px}.modal{border-radius:24px}}@supports not (backdrop-filter: blur(1px)){.upload-card,.settings-panel,.result-panel,.modal{background:#1f2b3df5}.app-header{background:#111c2df2}}@media(prefers-reduced-transparency:reduce){.upload-card,.settings-panel,.result-panel,.modal{background:#243146;-webkit-backdrop-filter:none;backdrop-filter:none}.app-header{background:#162338;-webkit-backdrop-filter:none;backdrop-filter:none}}