@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#202628;background:#f2f0eb;font-family:Manrope,Noto Sans SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #202628;--ink-soft: #5f6868;--muted: #8b9290;--paper: #f2f0eb;--paper-bright: #faf9f6;--line: #dddcd6;--line-dark: #343b3c;--accent: #f36d4d;--accent-dark: #cf4f34;--teal: #4fa99d;--yellow: #e9bf59;--sidebar: #202628;--shadow: 0 16px 40px rgba(41, 46, 45, .09)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(243,109,77,.3);outline-offset:2px}.app-shell{display:flex;min-height:100vh}.sidebar{width:228px;padding:28px 18px 24px;color:#eef0eb;background:var(--sidebar);display:flex;flex-direction:column;flex:0 0 auto}.brand-lockup{display:flex;align-items:center;gap:11px;padding:2px 10px 0}.brand-mark{width:35px;height:35px;display:grid;place-items:center;color:var(--sidebar);background:var(--accent);border-radius:9px;transform:rotate(-8deg)}.brand-mark svg{transform:rotate(8deg)}.brand-name{letter-spacing:.18em;font-size:13px;font-weight:800;line-height:1}.brand-subtitle{margin-top:5px;color:#929b99;letter-spacing:.11em;font:10px DM Mono,monospace}.sidebar-section-label{margin:76px 10px 14px;color:#78817f;font:10px DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.primary-nav{display:grid;gap:4px}.nav-item{width:100%;min-height:47px;padding:0 11px;display:flex;align-items:center;gap:11px;color:#8e9794;background:transparent;border-radius:7px;text-align:left;transition:background .2s,color .2s}.nav-item:hover{color:#f2f3ed;background:#2a3132}.nav-item.active{color:#fcfaf4;background:#303839}.nav-item.active svg{color:var(--accent)}.nav-item span:not(.nav-kicker){font-size:13px;font-weight:600}.nav-item .nav-kicker{margin-left:auto;color:#63706e;font:10px DM Mono,monospace}.nav-item.active .nav-kicker{color:#aeb8b2}.sidebar-bottom{margin-top:auto}.connection-status{padding:12px 11px;display:flex;align-items:center;gap:9px;border-top:1px solid #353c3d;border-bottom:1px solid #353c3d}.connection-status strong{display:block;font-size:11px;font-weight:700}.connection-status small{display:block;max-width:150px;margin-top:3px;overflow:hidden;color:#7f8987;font:10px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.status-dot,.save-dot,.live-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:99px;background:#6f7978}.status-dot.ready,.live-dot,.save-dot{background:var(--teal);box-shadow:0 0 0 3px #4fa99d1c}.sidebar-note{margin:23px 11px 0;color:#737d7a;font-size:11px;line-height:1.7}.sidebar-note em{color:#bbc0b9;font-style:normal}.main-content{width:calc(100% - 228px);min-width:0;padding:0 39px 50px;overflow:hidden}.topbar{height:81px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:10px;font:10px DM Mono,monospace;letter-spacing:.14em}.breadcrumb span{color:var(--muted)}.breadcrumb .breadcrumb-slash{color:#c4c5bf}.breadcrumb strong{color:var(--ink);font-weight:500}.topbar-actions{display:flex;align-items:center;gap:15px}.save-state{display:flex;align-items:center;gap:7px;color:#7b8482;font:10px DM Mono,monospace}.icon-button{width:33px;height:33px;display:grid;place-items:center;color:var(--ink-soft);background:transparent;border-radius:6px;transition:background .2s,color .2s}.icon-button:hover{color:var(--ink);background:#e6e4dd}.avatar{width:31px;height:31px;display:grid;place-items:center;color:#fff9ef;background:#6d8580;border-radius:50%;font-size:12px;font-weight:800}.editor-heading{padding:47px 0 35px;display:flex;justify-content:space-between;gap:30px}.section-eyebrow{color:var(--accent);font:10px DM Mono,monospace;letter-spacing:.16em}h1,h2,p{margin:0}.editor-heading h1{margin-top:12px;color:var(--ink);font-size:clamp(34px,4vw,58px);letter-spacing:-.055em;line-height:1.05;font-weight:800}.editor-heading h1 span{color:#7b8581}.editor-heading p{max-width:410px;margin-top:18px;color:var(--ink-soft);font-size:13px;line-height:1.75}.heading-meta{align-self:flex-end;min-width:188px;padding:0 0 4px 25px;border-left:1px solid var(--line)}.meta-label{margin-bottom:8px;color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.12em}.heading-meta strong{display:block;max-width:220px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.heading-meta small{display:block;margin-top:6px;color:var(--muted);font:10px DM Mono,monospace}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 378px;gap:24px;align-items:start}.canvas-column{min-width:0}.canvas-toolbar{min-height:42px;padding:0 3px 10px;display:flex;align-items:center;justify-content:space-between}.canvas-title{display:flex;align-items:center;gap:8px;color:#47504f;font-size:12px;font-weight:700}.canvas-actions{display:flex;gap:4px}.small-button{height:30px;padding:0 9px;display:flex;align-items:center;gap:6px;color:#68706f;background:transparent;border-radius:5px;font-size:11px}.small-button:hover{color:var(--ink);background:#e6e4dd}.image-canvas{position:relative;min-height:610px;display:grid;place-items:center;overflow:hidden;background-color:#e3e1db;background-image:linear-gradient(45deg,rgba(255,255,255,.3) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.3) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.3) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.3) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;box-shadow:var(--shadow)}.canvas-image-wrap{width:100%;height:100%;min-height:610px;display:grid;place-items:center}.canvas-image-wrap img,.compare-pane img{width:100%;height:100%;object-fit:cover;object-position:center 31%}.canvas-image-wrap img{animation:reveal .55s ease both}.demo-filter{filter:saturate(1.12) contrast(1.05) brightness(1.04)}.canvas-placeholder{display:grid;place-items:center;gap:19px;color:var(--muted);text-align:center}.placeholder-art{position:relative;width:120px;height:120px;display:grid;place-items:center}.art-frame{width:71px;height:88px;display:grid;place-items:center;color:#777f7d;border:1px solid #afb2aa;transform:rotate(7deg)}.art-frame:before{content:"";position:absolute;width:50px;height:50px;border:1px dashed #a5aaa2;transform:rotate(-12deg)}.art-scribble{position:absolute;width:38px;height:12px;border-top:1px solid #bd8b72;border-radius:50%}.scribble-a{top:17px;right:6px;transform:rotate(28deg)}.scribble-b{bottom:17px;left:5px;transform:rotate(-18deg)}.placeholder-copy strong{display:block;color:#5b6462;font-size:13px}.placeholder-copy span{display:block;margin-top:7px;color:#8a908b;font-size:11px}.generating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:9px;color:#f6f4ec;background:#202628c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.generating-overlay strong{font-size:14px}.generating-overlay small{color:#b7c0bb;font:10px DM Mono,monospace}.loader-orbit{width:48px;height:48px;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:50%;animation:spin 1.8s linear infinite}.loader-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent)}.loader-orbit span:nth-child(1){top:-3px;left:20px}.loader-orbit span:nth-child(2){bottom:4px;left:-2px;background:var(--teal)}.loader-orbit span:nth-child(3){right:-2px;bottom:8px;background:var(--yellow)}.canvas-footer{min-height:40px;padding:0 2px;display:flex;align-items:center;gap:16px;color:#8b908a;font:10px DM Mono,monospace}.canvas-footer>div:first-child{display:flex;align-items:center;gap:6px;color:#69726f}.canvas-footer>span{margin-left:auto}.upload-dropzone{min-height:66px;padding:12px 16px;display:flex;align-items:center;gap:12px;border:1px dashed #c7c6be;background:#faf9f666;cursor:pointer;transition:border .2s,background .2s}.upload-dropzone:hover{border-color:var(--accent);background:#f8f6f0}.upload-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--accent);border:1px solid #efb9a8;border-radius:7px}.upload-dropzone strong{display:block;color:#4c5553;font-size:11px}.upload-dropzone span{display:block;margin-top:4px;color:#929791;font:10px DM Mono,monospace}.control-panel{min-width:0;padding:5px 0 0}.panel-block{padding:0 0 22px;margin-bottom:21px;border-bottom:1px solid var(--line)}.prompt-block{padding-bottom:17px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.panel-heading h2{margin-top:8px;font-size:16px;letter-spacing:-.025em}.shortcut{padding:4px 6px;color:#8b908d;background:#e5e4de;border-radius:3px;font:9px DM Mono,monospace}.prompt-block textarea{width:100%;min-height:115px;margin-top:17px;padding:13px 14px;resize:vertical;color:#4b5452;background:#faf9f6;border:1px solid #dcdad2;border-radius:5px;outline:none;font-size:12px;line-height:1.7;transition:border .2s,box-shadow .2s}.prompt-block textarea:focus{border-color:#e6a08d;box-shadow:0 0 0 3px #f36d4d17}.prompt-block textarea::placeholder{color:#9ba09b}.prompt-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;color:#a0a49d;font:10px DM Mono,monospace}.prompt-foot button{width:22px;height:22px;display:grid;place-items:center;color:#a0a49d;background:transparent}.block-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:#505a58;font-size:11px;font-weight:700}.block-title-main{display:flex;align-items:baseline;gap:8px}.template-count{color:#9a9f9a;font:9px DM Mono,monospace;font-weight:400}.text-button{padding:0;color:var(--accent-dark);background:transparent;font-size:10px;font-weight:700}.text-button:hover{text-decoration:underline}.block-caption{color:#9a9f9a;font:10px DM Mono,monospace;font-weight:400}.template-tools{display:flex;align-items:center;gap:7px;margin:0 0 9px}.template-search{min-width:0;height:34px;padding:0 9px;display:flex;align-items:center;gap:7px;flex:1;color:#9a9f9a;background:#faf9f6;border:1px solid #dedcd4;border-radius:4px}.template-search:focus-within{border-color:#e6a08d;box-shadow:0 0 0 3px #f36d4d12}.template-search input{width:100%;min-width:0;padding:0;color:#4b5452;background:transparent;border:0;outline:0;font:11px Manrope,Noto Sans SC,sans-serif}.template-search input::placeholder{color:#a3a7a0}.template-clear{height:34px;padding:0 9px;color:#8c928e;background:transparent;border:1px solid #dedcd4;border-radius:4px;font:10px DM Mono,monospace}.template-clear:hover:not(:disabled){color:var(--accent-dark);border-color:#e6a08d}.template-clear:disabled{cursor:default;opacity:.45}.category-chips{display:flex;gap:5px;margin-bottom:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.category-chips button{flex:0 0 auto;min-height:25px;padding:0 8px;color:#8b918b;background:#e8e6df;border:1px solid transparent;border-radius:99px;font-size:10px;white-space:nowrap}.category-chips button:hover{color:var(--ink)}.category-chips button.selected{color:#9b452f;background:#f7dfd5;border-color:#efb49f}.template-grid{max-height:460px;padding:1px 3px 2px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;overflow-y:auto;scrollbar-color:#c9c7be transparent;scrollbar-width:thin}.template-card{position:relative;min-height:78px;padding:10px 9px;display:flex;align-items:center;gap:9px;color:#616a67;background:#e9e7e0;border:1px solid transparent;border-radius:5px;text-align:left;transition:background .2s,border .2s,color .2s,transform .2s}.template-card:hover{color:var(--ink);background:#e4e2da;transform:translateY(-1px)}.template-card.selected{color:var(--ink);background:#faf9f6;border-color:#e5a08d;box-shadow:0 4px 12px #433b310f}.template-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;color:#78827d;background:#dedcd3;border-radius:5px}.template-card.selected .template-icon{color:var(--accent);background:#f8e4db}.template-card-copy{min-width:0}.template-card small{display:block;overflow:hidden;color:#9da09b;font:8px DM Mono,monospace;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.template-card strong{display:block;margin-top:4px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.template-card-copy>span{display:block;margin-top:5px;overflow:hidden;color:#929790;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.template-check{position:absolute;top:6px;right:6px;color:var(--accent)}.template-empty{grid-column:1 / -1;padding:20px 8px;color:#9b9f98;font-size:11px;line-height:1.6;text-align:center;background:#e9e7e0;border:1px dashed #ceccc3}.tuning-block{padding-bottom:17px}.range-label{display:flex;align-items:center;justify-content:space-between;color:#69716f;font-size:11px}.range-label strong{color:var(--accent-dark);font:11px DM Mono,monospace}.tuning-block input[type=range]{width:100%;height:4px;margin:13px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range, 68%),#dbd9d1 var(--range, 68%),#dbd9d1 100%)}.tuning-block input[type=range]::-webkit-slider-thumb{width:14px;height:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid #f5eee6;border-radius:50%;background:var(--accent);box-shadow:0 1px 4px #39281f40}.range-hints{display:flex;justify-content:space-between;margin-top:7px;color:#a3a59e;font:9px DM Mono,monospace}.setting-row{margin-top:20px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e1dfd8}.setting-row strong{display:block;color:#59615f;font-size:11px}.setting-row small{display:block;margin-top:4px;color:#999e98;font-size:10px}.toggle{width:34px;height:19px;padding:2px;background:#c9cbc4;border-radius:99px;transition:background .2s}.toggle span{display:block;width:15px;height:15px;background:#faf9f6;border-radius:50%;box-shadow:0 1px 2px #00000021;transition:transform .2s}.toggle.on{background:var(--teal)}.toggle.on span{transform:translate(15px)}.inline-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.inline-settings label,.field-label{color:#8c928e;font:10px DM Mono,monospace}.inline-settings select{width:100%;height:32px;margin-top:6px;padding:0 7px;color:#59615f;background:#faf9f6;border:1px solid #dcdad2;border-radius:4px;outline:none;font:11px Manrope,Noto Sans SC,sans-serif}.generate-dock{display:contents}.generate-button{width:100%;min-height:53px;padding:0 14px;display:flex;align-items:center;gap:10px;color:#fffaf2;background:var(--accent);border-radius:5px;box-shadow:0 8px 16px #cc553a2e;font-size:12px;font-weight:800;transition:background .2s,transform .2s,box-shadow .2s}.generate-button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 11px 20px #cc553a3b}.generate-button:disabled{cursor:wait;opacity:.75}.generate-spark{width:27px;height:27px;display:grid;place-items:center;color:var(--accent);background:#ffe6da;border-radius:5px}.button-arrow{margin-left:auto;font-size:18px;font-weight:400}.panel-disclaimer{padding:12px 3px 0;display:flex;gap:7px;color:#9a9d96;font:9px/1.55 DM Mono,monospace}.panel-disclaimer svg{flex:0 0 auto;margin-top:1px;color:#a7aaa2}.history-strip{margin-top:42px;padding-top:20px;border-top:1px solid var(--line)}.strip-title{display:flex;align-items:center;justify-content:space-between}.strip-title .text-button{color:#69736f;font:10px DM Mono,monospace;font-weight:400}.history-row{min-height:79px;margin-top:12px;display:flex;gap:9px}.history-item{min-width:190px;padding:4px;display:flex;align-items:center;gap:2px;color:#515a58;background:transparent;border:1px solid transparent;border-radius:5px}.history-item:hover{background:#e9e7df;border-color:#dddad2}.history-item-open{min-width:0;padding:4px;display:flex;align-items:center;flex:1;gap:9px;color:inherit;background:transparent;text-align:left}.history-item-open>div:last-child{min-width:0}.history-delete-button{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;color:#989b95;background:transparent;border-radius:4px}.history-delete-button:hover:not(:disabled){color:#a54b37;background:#f2dcd4}.history-delete-button:disabled{cursor:wait;opacity:.45}.history-thumb{width:45px;height:55px;overflow:hidden;flex:0 0 auto;background:#d9d8d1}.history-thumb img{width:100%;height:100%;object-fit:cover}.history-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--accent)}.history-item strong{display:block;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.history-item small{display:block;margin-top:6px;color:var(--muted);font:10px DM Mono,monospace}.empty-history{padding:9px 0;color:#9da19a;font:10px DM Mono,monospace}.empty-history small{display:block;margin-top:7px;color:#b1b2ac}.secondary-view{padding-top:53px}.secondary-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding-bottom:32px}.secondary-heading h1{margin-top:12px;color:var(--ink);font-size:45px;letter-spacing:-.055em;line-height:1}.secondary-heading p{max-width:440px;margin-top:15px;color:var(--ink-soft);font-size:13px;line-height:1.7}.outline-button{min-height:40px;padding:0 13px;display:flex;align-items:center;gap:7px;color:var(--ink);background:transparent;border:1px solid #b9b9b1;border-radius:4px;font-size:11px;font-weight:700}.outline-button:hover{border-color:var(--accent);color:var(--accent-dark)}.history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.history-card{background:#faf9f6;border:1px solid #e2e0d8;box-shadow:0 5px 18px #31302a0a}.history-card-image{position:relative;height:255px;background:#e2e0d8}.history-card-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.history-card-image>span{position:absolute;right:9px;bottom:8px;padding:4px 6px;color:#f7f4ec;background:#202628a6;font:9px DM Mono,monospace}.history-card-copy{min-height:74px;padding:12px;display:flex;justify-content:space-between;gap:8px}.history-card-copy>div:first-child{min-width:0}.history-card-copy strong{display:block;color:var(--ink);font-size:12px}.history-card-copy small{display:block;max-width:210px;margin-top:6px;overflow:hidden;color:#8f948e;font-size:10px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.history-card-actions{display:flex;align-items:center;flex:0 0 auto}.history-card-delete:hover:not(:disabled){color:#a54b37;background:#f2dcd4}.history-card-delete:disabled{cursor:wait;opacity:.45}.empty-state{min-height:390px;display:grid;place-content:center;justify-items:center;text-align:center;border-top:1px solid var(--line)}.empty-state-icon{width:64px;height:64px;display:grid;place-items:center;color:var(--accent);background:#f9e3d9;border-radius:50%}.empty-state h2{margin-top:19px;font-size:20px}.empty-state p{margin-top:9px;color:var(--ink-soft);font-size:12px}.generate-button.compact{width:auto;min-height:42px;margin-top:23px;padding:0 15px}.settings-badge,.method-badge{display:flex;align-items:center;gap:8px;padding:8px 10px;color:#6f7975;background:#e7e5de;border-radius:4px;font:10px DM Mono,monospace}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:24px;align-items:start}.settings-form{max-width:620px}.form-section{padding:0 0 28px;margin-bottom:27px;border-bottom:1px solid var(--line)}.form-section-title{display:flex;align-items:flex-start;gap:12px}.step-number{width:27px;height:27px;display:grid;place-items:center;color:var(--accent-dark);background:#f7dfd5;border-radius:4px;font:10px DM Mono,monospace}.form-section-title strong{display:block;color:#4d5754;font-size:13px}.form-section-title small{display:block;margin-top:5px;color:#959b95;font-size:10px}.mode-switch{display:flex;gap:5px;margin-top:20px}.mode-switch button{min-height:34px;padding:0 11px;color:#8b918b;background:#e8e6df;border-radius:4px;font-size:10px}.mode-switch button.selected{color:var(--ink);background:#faf9f6;border:1px solid #e0a38f}.field-label{display:block;margin-top:17px}.field-label input{width:100%;height:40px;margin-top:7px;padding:0 11px;color:#4f5956;background:#faf9f6;border:1px solid #d8d7cf;border-radius:4px;outline:none;font:11px Manrope,Noto Sans SC,sans-serif}.field-label input:focus{border-color:#e59e89}.save-config-button{min-height:39px;margin-top:21px;padding:0 13px;display:flex;align-items:center;gap:8px;color:#fffaf2;background:var(--ink);border-radius:4px;font-size:11px;font-weight:700}.save-config-button:hover{background:#394244}.security-callout{padding:16px;display:flex;gap:11px;color:#67716c;background:#e7eeea;border-left:3px solid var(--teal)}.security-callout svg{flex:0 0 auto;color:var(--teal)}.security-callout strong{display:block;color:#52625d;font-size:11px}.security-callout p{margin-top:6px;font-size:10px;line-height:1.65}.settings-preview{padding:17px;background:#252d2e;box-shadow:var(--shadow)}.preview-top{display:flex;align-items:center;justify-content:space-between}.preview-top .section-eyebrow{color:#e4bd5b}.method-badge{padding:4px 6px;color:#8dd1c5;background:#2f4746;font-size:9px}.settings-preview pre{min-height:260px;margin:18px 0 0;overflow:auto;color:#bccbc3;font:10px/1.75 DM Mono,monospace;white-space:pre-wrap}.preview-foot{padding-top:12px;display:flex;align-items:center;gap:7px;color:#7e8b85;border-top:1px solid #3d4746;font:9px DM Mono,monospace}.toast{position:fixed;right:27px;bottom:25px;z-index:20;max-width:min(390px,calc(100vw - 40px));padding:12px 15px 12px 11px;display:flex;align-items:center;gap:9px;color:#f9f5ec;background:#273031;border:1px solid #465252;box-shadow:0 11px 28px #13191a30;border-radius:5px;font-size:11px;animation:toast-in .3s ease both}.toast-mark{width:21px;height:21px;display:grid;place-items:center;color:#1f2b2a;background:#87c9bb;border-radius:50%}.account-login{min-height:31px;padding:0 10px;color:var(--ink-soft);background:#e7e5de;border-radius:4px;font-size:10px;font-weight:700}.account-login:hover{color:var(--ink);background:#dddbd3}.account-chip{min-height:34px;padding:0 4px 0 0;display:flex;align-items:center;gap:7px;color:var(--ink-soft);background:transparent;border-radius:99px;font-size:10px;max-width:180px}.account-chip:hover{color:var(--ink);background:#e7e5de}.account-chip>span:last-child{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip .avatar{flex:0 0 auto}.upload-dropzone.uploading{cursor:wait;opacity:.7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#181d1e94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-modal{position:relative;width:min(100%,410px);padding:30px;color:var(--ink);background:var(--paper-bright);border:1px solid #e0ddd5;box-shadow:0 24px 80px #11171847;border-radius:7px}.auth-modal h2{margin-top:12px;font-size:27px;letter-spacing:-.04em}.auth-subtitle{margin-top:10px;color:var(--ink-soft);font-size:12px;line-height:1.7}.modal-close{position:absolute;top:14px;right:14px;width:28px;height:28px;display:grid;place-items:center;color:#8b918d;background:transparent;border-radius:4px}.modal-close:hover{color:var(--ink);background:#e8e6df}.auth-modal form{margin-top:19px}.auth-modal .field-label{margin-top:14px}.auth-submit{width:100%;min-height:43px;margin-top:22px;color:#fffaf2;background:var(--accent);border-radius:4px;font-size:12px;font-weight:800}.auth-submit:hover:not(:disabled){background:var(--accent-dark)}.auth-submit:disabled{cursor:wait;opacity:.7}.auth-switch{width:100%;margin-top:15px;color:var(--accent-dark);background:transparent;font-size:11px;font-weight:700}.auth-switch:hover{text-decoration:underline}.auth-note{margin-top:22px;padding-top:13px;display:flex;align-items:flex-start;gap:7px;color:#8b918b;border-top:1px solid var(--line);font:9px/1.55 DM Mono,monospace}.auth-note svg{flex:0 0 auto;margin-top:1px;color:var(--teal)}@keyframes reveal{0%{opacity:.3;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (max-width: 1180px){.main-content{padding:0 26px 44px}.editor-layout{grid-template-columns:minmax(0,1fr) 340px;gap:19px}.image-canvas,.canvas-image-wrap{min-height:540px}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 940px){.sidebar{width:75px;padding:22px 10px}.brand-lockup{justify-content:center;padding:0}.brand-lockup>div:last-child,.sidebar-section-label,.nav-item span,.sidebar-bottom{display:none}.primary-nav{margin-top:66px}.nav-item{justify-content:center;padding:0}.nav-item .nav-kicker{display:none}.main-content{width:calc(100% - 75px)}.editor-layout{grid-template-columns:1fr}.control-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.prompt-block,.control-panel>.generate-dock,.control-panel>.panel-disclaimer{grid-column:1 / -1}.tuning-block{margin-bottom:0;padding-bottom:0;border-bottom:0}.control-panel>.panel-block:nth-child(2){margin-bottom:0;padding-bottom:0;border-bottom:0}.generate-dock{margin-top:4px}.panel-disclaimer{padding-bottom:3px}.settings-grid{grid-template-columns:1fr}.settings-preview{max-width:620px}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.main-content{width:calc(100% - 75px);padding:0 16px 32px}.topbar{height:66px}.save-state,.topbar-actions>.icon-button,.account-chip>span:last-child{display:none}.account-chip{padding-right:0}.editor-heading{padding:32px 0 28px;display:block}.editor-heading h1{font-size:37px}.editor-heading p{font-size:12px}.heading-meta{margin-top:25px;padding:12px 0 0;border-top:1px solid var(--line);border-left:0}.image-canvas,.canvas-image-wrap{min-height:430px}.canvas-footer{gap:8px;font-size:9px}.canvas-footer>span{display:none}.upload-dropzone{margin-top:6px}.control-panel{display:block}.control-panel>.panel-block:nth-child(2){margin-bottom:21px;padding-bottom:22px;border-bottom:1px solid var(--line)}.tuning-block{margin-bottom:21px;padding-bottom:17px;border-bottom:1px solid var(--line)}.template-grid{grid-template-columns:repeat(2,1fr)}.history-row{overflow-x:auto;padding-bottom:4px}.history-item{min-width:174px}.history-delete-button{width:34px;height:34px}.secondary-view{padding-top:34px}.secondary-heading{display:block}.secondary-heading h1{font-size:37px}.secondary-heading p{font-size:12px}.secondary-heading .outline-button{margin-top:20px}.history-grid{grid-template-columns:1fr}.history-card-image{height:300px}.settings-badge{margin-top:18px;width:fit-content}.settings-preview pre{font-size:9px}.toast{right:16px;bottom:16px}.auth-modal{padding:25px 21px}}.text-button:disabled{color:#a3a7a0;cursor:default;text-decoration:none}.selected-template-summary{min-height:27px;margin:-2px 0 9px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#69716f;background:#f5eee7;border-left:2px solid var(--accent);font-size:10px;line-height:1.45}.selected-template-summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-hint{display:block;margin-top:6px;color:#a0a49d;font:9px/1.5 DM Mono,monospace}.template-actions{display:flex;align-items:center;gap:10px}.template-actions .text-button{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.template-modal{max-height:min(720px,calc(100vh - 32px));overflow-y:auto}.template-prompt-input{width:100%;min-height:110px;margin-top:7px;padding:11px;resize:vertical;color:#4f5956;background:#faf9f6;border:1px solid #d8d7cf;border-radius:4px;outline:none;font:11px/1.65 Manrope,Noto Sans SC,sans-serif}.template-prompt-input:focus{border-color:#e59e89}.template-modal .field-label select{width:100%;height:40px;margin-top:7px;padding:0 11px;color:#4f5956;background:#faf9f6;border:1px solid #d8d7cf;border-radius:4px;outline:none;font:11px Manrope,Noto Sans SC,sans-serif}.custom-template-list{margin-top:24px;padding-top:17px;border-top:1px solid var(--line)}.custom-template-list-heading{display:flex;align-items:baseline;justify-content:space-between;color:#5b6561;font-size:11px}.custom-template-list-heading small{color:#9a9f9a;font:9px DM Mono,monospace}.custom-template-row{min-height:52px;margin-top:8px;padding:8px 3px 8px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f2f0e9;border-left:2px solid #d7d5cc}.custom-template-row strong{display:block;color:#59625f;font-size:11px}.custom-template-row small{display:block;max-width:275px;margin-top:4px;overflow:hidden;color:#989d97;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.custom-template-row .icon-button{width:28px;height:28px;flex:0 0 auto}.custom-template-empty{margin:12px 0 0;color:#9a9f9a;font-size:10px}.image-canvas{touch-action:none;cursor:grab}.image-canvas.is-panning{cursor:grabbing}.canvas-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:grid;place-items:center;transform-origin:center;will-change:transform;transition:transform .18s ease}.image-canvas.is-panning .canvas-stage{transition:none}.image-canvas .canvas-stage .canvas-image-wrap{width:100%;height:100%;min-height:0}.canvas-stage .canvas-image-wrap img,.canvas-stage .compare-pane img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.canvas-stage.compare-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);place-items:stretch;gap:2px;padding:2px}.compare-pane{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#d9d8d1}.compare-pane img{width:100%;height:100%;display:block}.compare-pane span{position:absolute;top:10px;left:10px;padding:5px 7px;color:#f8f7f2;background:#202628b8;border-radius:4px;font:9px DM Mono,monospace;letter-spacing:.08em}.compare-pane:nth-child(2) span{right:10px;left:auto;color:#202628;background:#fbf9f2db}.canvas-zoom-controls{display:flex;align-items:center;gap:2px;flex:0 0 auto}.canvas-zoom-controls button{width:24px;height:23px;display:grid;place-items:center;color:#737c78;background:#e8e6df;border-radius:3px;font:12px DM Mono,monospace}.canvas-zoom-controls button:hover:not(:disabled){color:var(--ink);background:#dddbd3}.canvas-zoom-controls button:disabled{cursor:default;opacity:.4}.canvas-zoom-controls span{min-width:40px;color:#69736f;font:9px DM Mono,monospace;text-align:center}.canvas-image-wrap img,.compare-pane img,.history-thumb img,.history-card-image img{object-fit:contain;object-position:center;background:#d9d8d1}@media (max-width: 620px){.sidebar{width:56px;padding:18px 7px}.brand-mark{width:33px;height:33px}.primary-nav{margin-top:52px}.nav-item{min-height:43px}.main-content{width:calc(100% - 56px);padding:0 12px 28px}.topbar{height:60px}.breadcrumb{font-size:9px;letter-spacing:.08em}.topbar-actions{gap:6px}.account-login{min-height:30px;padding:0 7px;font-size:9px}.editor-heading{padding:27px 0 22px}.editor-heading h1{font-size:32px;letter-spacing:-.045em}.editor-heading p{margin-top:14px;font-size:11px;line-height:1.65}.heading-meta{margin-top:20px}.image-canvas,.canvas-image-wrap{min-height:min(430px,92vw)}.canvas-toolbar{padding-bottom:7px}.canvas-footer{min-height:54px;flex-wrap:wrap;gap:6px}.canvas-footer .canvas-help{display:block;width:100%;order:3;margin:0;color:#969c96;text-align:center}.canvas-footer .canvas-zoom-controls{order:2}.template-grid{grid-template-columns:1fr}.template-actions{gap:7px}.template-actions .text-button{font-size:9px}.template-modal{width:100%;max-height:calc(100vh - 24px);padding:24px 19px 20px}.custom-template-row small{max-width:220px}.template-card{min-height:59px}.upload-dropzone{min-height:62px;padding:10px 11px}.upload-dropzone strong{font-size:10px}.upload-dropzone span{font-size:9px;line-height:1.45}}@media (max-width: 620px){body{overflow-x:hidden}.app-shell{display:block;min-height:100dvh}.sidebar{position:fixed;inset:auto 0 0;z-index:35;width:100%;height:calc(66px + env(safe-area-inset-bottom));padding:5px 10px env(safe-area-inset-bottom);display:flex;flex-direction:row;align-items:center;justify-content:center;border-top:1px solid #394143;box-shadow:0 -8px 25px #12181929}.brand-lockup,.sidebar-section-label,.sidebar-bottom{display:none}.primary-nav{width:100%;height:100%;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4px}.nav-item{width:100%;min-height:54px;padding:5px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:8px;text-align:center}.nav-item svg{width:19px;height:19px}.nav-item span:not(.nav-kicker){display:block;color:inherit;font-size:9px;line-height:1.1}.nav-item .nav-kicker{display:none}.main-content{width:100%;padding:0 14px calc(94px + env(safe-area-inset-bottom));overflow:visible}.topbar{position:sticky;top:0;z-index:12;height:59px;background:#f2f0ebf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breadcrumb{gap:7px;font-size:9px}.topbar-actions{gap:5px}.account-login{min-height:38px;padding:0 11px;font-size:10px}.editor-heading{padding:27px 0 22px}.editor-heading h1{max-width:340px;font-size:clamp(32px,9vw,38px);line-height:1.1}.editor-heading p{max-width:340px;margin-top:14px;font-size:12px;line-height:1.7}.canvas-toolbar{min-height:40px;padding:0 0 9px}.canvas-title{font-size:13px}.small-button{min-height:36px;padding:0 8px;font-size:10px}.image-canvas{min-height:0;height:auto;aspect-ratio:1.1 / 1}.canvas-image-wrap{min-height:0;aspect-ratio:1.1 / 1}.canvas-footer{min-height:58px;padding:7px 0 2px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:31px 18px;align-items:center;gap:4px 7px;font-size:10px}.canvas-footer>div:first-child{grid-column:1;grid-row:1;min-width:0}.canvas-footer .canvas-zoom-controls{grid-column:3;grid-row:1;gap:3px}.canvas-footer .canvas-help{grid-column:1 / -1;grid-row:2;display:block;width:100%;margin:0;padding-left:1px;color:#929892;font-size:9px;text-align:left}.canvas-zoom-controls button{min-width:36px;min-height:32px;padding:0 8px;font-size:10px}.canvas-zoom-controls span{min-width:40px;font-size:10px}.upload-dropzone{min-height:76px;margin-top:8px;padding:12px 13px;gap:10px}.upload-icon{width:40px;height:40px}.upload-dropzone strong{font-size:11px}.upload-dropzone span{font-size:9px;line-height:1.5}.control-panel{padding-top:13px}.panel-block{padding-bottom:24px;margin-bottom:23px}.prompt-block textarea{min-height:148px;margin-top:13px;padding:14px;font-size:14px;line-height:1.65}.prompt-foot{margin-top:8px;font-size:10px}.block-title{align-items:flex-start;margin-bottom:12px}.block-title-main{display:block}.template-count{display:block;margin-top:4px}.template-actions{gap:8px}.template-actions .text-button{min-height:34px;padding:0 7px;border:1px solid #e0ddd5;border-radius:4px;font-size:10px;text-decoration:none}.selected-template-summary{min-height:38px;padding:8px 10px;font-size:11px}.template-tools{gap:8px;margin-bottom:11px}.template-search,.template-clear{height:42px}.template-search input{font-size:13px}.template-clear{min-width:51px;padding:0 10px;font-size:10px}.category-chips{gap:7px;margin:0 -2px 12px;padding:0 2px 4px;scroll-snap-type:x proximity}.category-chips button{min-height:34px;padding:0 13px;font-size:11px;scroll-snap-align:start}.template-grid{max-height:430px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-right:2px}.template-card{min-height:70px;padding:11px 10px;gap:8px;border-radius:6px}.template-card strong{font-size:12px;line-height:1.25}.template-card small{font-size:8px}.template-icon{width:32px;height:32px}.template-check{top:7px;right:7px}.tuning-block{padding-bottom:22px;margin-bottom:24px}.range-label{font-size:12px}.tuning-block input[type=range]{height:6px;margin-top:17px}.tuning-block input[type=range]::-webkit-slider-thumb{width:20px;height:20px}.tuning-block input[type=range]::-moz-range-thumb{width:20px;height:20px;border:3px solid #f5eee6;border-radius:50%;background:var(--accent)}.range-hints{margin-top:8px;font-size:10px}.setting-row{min-height:58px;margin-top:21px;padding-top:15px}.setting-row strong{font-size:12px}.setting-row small{font-size:10px}.toggle{width:44px;height:25px;padding:2px}.toggle span{width:21px;height:21px}.toggle.on span{transform:translate(19px)}.inline-settings{gap:10px;margin-top:19px}.inline-settings select{height:42px;font-size:12px}.generate-dock{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));z-index:10;display:block;margin:0 -4px;padding:8px 4px;background:#f2f0ebf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.generate-button{min-height:58px;margin-top:0;border:1px solid rgba(255,250,242,.22);box-shadow:0 8px 22px #9f3d273d}.panel-disclaimer{padding:12px 2px 0;font-size:9px;line-height:1.65}.history-strip{margin-top:35px}.toast{right:12px;left:12px;bottom:calc(76px + env(safe-area-inset-bottom));max-width:none}.modal-backdrop{z-index:40;align-items:end;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.auth-modal{width:100%;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);padding:27px 20px 22px;border-radius:12px 12px 7px 7px}.template-modal{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);padding-bottom:max(22px,env(safe-area-inset-bottom))}.auth-modal h2{font-size:24px}.auth-subtitle{font-size:12px}.field-label input,.template-modal .field-label select{height:46px;font-size:13px}.template-prompt-input{min-height:130px;font-size:13px}.auth-submit{min-height:49px}.custom-template-row{min-height:60px;padding:10px 4px 10px 10px}.custom-template-row small{max-width:calc(100vw - 125px);white-space:normal;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.custom-template-row .icon-button{width:38px;height:38px}}@media (max-width: 360px){.main-content{padding-right:11px;padding-left:11px}.editor-heading h1{font-size:30px}.template-grid{grid-template-columns:1fr}.canvas-footer{grid-template-columns:minmax(0,1fr) auto}.canvas-footer .canvas-zoom-controls{grid-column:2}}