@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap";:root{--paper:#efe7d2;--warm:#ece4cf;--bone:#f7f1de;--ink:#15140f;--muted:#5a5448;--accent:#ed6f5c;--accent-text:#9f3829;--line:#d4cbb6;--line-dark:#b8ae99;--white:#fffdf6;--sage:#8b9a7b;--pine:#3e594a;--clay:#bc7a59;--sand:#d4af7f;--error:#a43c2b;--font-display:"Instrument Serif", Georgia, "Songti SC", "Noto Serif CJK SC", serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", sans-serif;--font-mono:"SFMono-Regular", Consolas, monospace;font-family:var(--font-body);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.48}button{background:0 0;border:0}a{color:inherit}svg{stroke-width:1.6px;flex-shrink:0}input,select,textarea{max-width:100%;color:var(--ink)}textarea{resize:vertical;min-height:72px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--pine);outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);font-weight:400}h1{letter-spacing:-.6px;font-size:38px;line-height:1.12}h2{font-size:25px}h3{font-size:14px;font-weight:600}.muted,.field-help{color:var(--muted);line-height:1.65}.field-help{font-size:12px}.eyebrow,.mono{font-family:var(--font-mono)}.eyebrow{letter-spacing:1.3px;color:var(--muted);margin-bottom:13px;font-size:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--bone);z-index:100;padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:10px}.icon-button{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover{background:var(--warm)}.button{border-radius:5px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:12px 20px;font-size:13px;font-weight:550;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.button:active{transform:translateY(1px)}.button.dark{background:var(--ink);color:var(--bone)}.button.dark:hover{background:var(--pine)}.button.primary{background:var(--accent);color:var(--ink)}.button.primary:hover{background:var(--clay)}.text-button{align-items:center;gap:8px;min-height:36px;padding:4px 0;font-size:12px;display:inline-flex}.text-button:hover{text-underline-offset:4px;text-decoration:underline}.full-width{width:100%}.app-shell{grid-template-rows:76px minmax(calc(100dvh - 76px),auto);grid-template-columns:182px minmax(0,1fr);display:grid}.topbar{border-bottom:1px solid var(--line);z-index:10;background:var(--paper);grid-column:1/-1;align-items:center;gap:24px;padding:0 26px 0 22px;display:flex}.brand{text-align:left;align-items:center;gap:11px;min-width:205px;padding:0;display:flex}.brand-mark{background:var(--ink);width:39px;height:39px;color:var(--bone);font:italic 40px/40px var(--font-display);letter-spacing:-10px;padding-left:5px;overflow:hidden}.brand-mark span{color:var(--accent);font-style:normal}.brand-name{letter-spacing:-.8px;font-size:19px;font-weight:600;line-height:1}.brand-name>span{font-weight:450}.brand-name small{font-family:var(--font-mono);letter-spacing:2.1px;color:var(--muted);margin-top:7px;font-size:8px;display:block}.topbar-center{color:var(--muted);flex:1;align-items:center;gap:9px;font-size:12px;display:flex}.workspace-dot{background:var(--pine);border-radius:50%;width:5px;height:5px}.topbar-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.language-select{color:var(--muted);background:0 0;border:0;padding:8px 17px 8px 4px;font-size:12px}.login-button{border:1px solid var(--line-dark);background:var(--bone);border-radius:4px;align-items:center;gap:10px;min-height:36px;padding:6px 14px;font-size:12px;display:flex}.google-g{font-family:Arial;font-size:16px;font-weight:700}.credit-pill{align-items:center;gap:9px;min-height:34px;font-size:12px;display:flex}.credit-pill>span{background:var(--ink);color:var(--bone);border-radius:50%;width:23px;height:23px;margin-left:5px;line-height:23px}.avatar-button{background:var(--sand);border-radius:50%;width:33px;height:33px;font-size:12px;font-weight:600}.navigation{border-right:1px solid var(--line);flex-direction:column;height:calc(100dvh - 76px);padding:28px 15px 18px;display:flex;position:sticky;top:0}.nav-top{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 10px;display:flex}.nav-label{font:9px var(--font-mono);letter-spacing:1px;color:var(--muted)}.collapse-button{width:20px;height:20px;color:var(--muted)}.nav-item{text-align:left;width:100%;min-height:43px;color:var(--muted);border-radius:4px;align-items:center;gap:11px;margin:3px 0;padding:10px;font-size:12px;display:flex}.nav-item.active{background:var(--ink);color:var(--bone)}.nav-item:hover:not(.active){background:var(--warm);color:var(--ink)}.nav-count{font-family:var(--font-mono);opacity:.55;margin-left:auto;font-size:10px}.nav-bottom{margin-top:auto}.studio-note{border-bottom:1px solid var(--line);margin:30px 10px;padding-bottom:24px}.note-mark{font:italic 44px var(--font-display);color:var(--pine)}.studio-note p{color:var(--muted);margin:12px 0;font-size:12px;line-height:1.7}.studio-note>.mono{letter-spacing:.4px;font-size:7px}.nav-colophon{font:7px var(--font-mono);color:var(--muted);letter-spacing:.5px;justify-content:space-between;padding:25px 10px 0;display:flex}.main-content{min-width:0;position:relative}.studio-layout{grid-template-columns:minmax(0,1fr) 326px;min-height:calc(100dvh - 76px);display:grid}.canvas-area{min-width:0;padding:32px 34px 20px}.deployment-notice{border-bottom:1px solid var(--line);color:var(--muted);margin:0 0 20px;padding-bottom:12px;font-size:12px;line-height:1.6}.workspace-heading{justify-content:space-between;align-items:flex-start;margin-bottom:29px;display:flex}.workspace-subtitle{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.7}.expand-button{color:var(--muted);margin-top:28px}.canvas-toolbar{border-bottom:1px solid var(--line);border-top:1px solid var(--line);align-items:center;gap:10px;min-height:48px;display:flex}.view-tabs{align-items:center;gap:1px;display:flex}.view-tabs button{min-height:29px;color:var(--muted);border-radius:3px;align-items:center;gap:3px;padding:6px 10px;font-size:11px;display:flex}.view-tabs button[aria-pressed=true]{background:var(--ink);color:var(--bone)}.canvas-meta{font-family:var(--font-mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1;font-size:8px;overflow:hidden}.canvas{background:var(--warm);aspect-ratio:1.16;justify-content:center;align-items:center;min-height:330px;max-height:calc(100dvh - 312px);margin-top:20px;display:flex;position:relative;overflow:hidden}.study{width:100%;height:100%;position:relative;overflow:hidden}.study-image{object-fit:cover;width:100%;height:100%;display:block}.study-label{background:var(--bone);color:var(--muted);border-radius:2px;padding:6px 8px;font-size:9px;position:absolute;top:17px;left:17px}.study-caption{font:8px var(--font-mono);letter-spacing:.8px;color:var(--white);justify-content:space-between;display:flex;position:absolute;bottom:15px;left:17px;right:17px}.upload-on-canvas{background:var(--bone);border:1px solid var(--line-dark);border-radius:5px;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;min-width:225px;padding:18px 29px;display:flex;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px #15140f17}.upload-on-canvas>span{font-size:13px;font-weight:550}.upload-on-canvas small{color:var(--muted);flex-basis:100%;font-size:9px;display:block}.upload-on-canvas:hover{background:var(--white)}.canvas-footer{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:52px;display:flex}.canvas-dimensions{font:8px var(--font-mono);color:var(--muted);letter-spacing:.4px;white-space:nowrap;margin-left:auto}.image-caveat{color:var(--muted);margin-top:13px;font-size:10px;line-height:1.6}.has-image{background-color:var(--warm);background-image:linear-gradient(45deg, var(--line) 25%, transparent 25%), linear-gradient(-45deg, var(--line) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--line) 75%), linear-gradient(-45deg, transparent 75%, var(--line) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.photo-frame{width:100%;height:100%;min-height:inherit;justify-content:center;align-items:center;display:flex;position:relative}.photo-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.compare-image{z-index:1}.compare-slider{opacity:0;cursor:ew-resize;z-index:4;width:100%;height:100%;position:absolute;inset:0}.compare-slider:focus-visible{opacity:.12}.compare-line{border-left:1px solid var(--white);z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.compare-line svg{background:var(--bone);border-radius:50%;width:31px;height:31px;margin-left:-16px;padding:8px}.compare-label{background:var(--bone);z-index:3;border-radius:3px;padding:5px 9px;font-size:10px;position:absolute;bottom:14px}.before{left:15px}.after{right:15px}.drop-overlay,.processing-overlay{z-index:5;text-align:center;background:#f7f1deed;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex;position:absolute;inset:0}.drop-overlay{outline:2px dashed var(--ink);outline-offset:-14px}.processing-overlay p{color:var(--muted);max-width:290px;font-size:12px;line-height:1.7}.progress-ring,.tiny-loader{border:2px solid var(--line-dark);border-top-color:var(--ink);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.tiny-loader{width:17px;height:17px}.expanded{background:var(--paper);z-index:30;padding:30px;position:fixed;inset:0;overflow:auto}.expanded .canvas{aspect-ratio:auto;height:calc(100dvh - 270px);max-height:none}.expanded .workspace-heading{margin-bottom:16px}.inspector{background:var(--bone);border-left:1px solid var(--line);flex-direction:column;min-width:0;height:calc(100dvh - 76px);display:flex;position:sticky;top:0}.inspector-scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;overflow:auto}.inspector-heading{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:22px 22px 18px;font-size:12px;display:flex}.inspector-heading .mono{color:var(--muted);margin-left:auto;font-size:10px}.inspector-section{border-bottom:1px solid var(--line);padding:20px 22px}.inspector-section h2{font:550 12px var(--font-body);align-items:center;gap:9px;margin-bottom:14px;display:flex}.inspector-section h2>span{font:9px var(--font-mono);color:var(--muted);min-width:18px}.scope-tabs{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;display:grid}.scope-tabs>button{border:1px solid var(--line);border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:38px;font-size:11px;display:flex}.scope-tabs>button.selected{background:var(--ink);color:var(--bone);border-color:var(--ink)}.scope-tabs>button:not(.selected):hover{border-color:var(--ink)}.filter-tabs{border-bottom:1px solid var(--line);gap:17px;margin:1px 0 15px;display:flex}.filter-tabs button{min-height:30px;color:var(--muted);padding:0 0 9px;font-size:10px;position:relative}.filter-tabs button.active{color:var(--ink)}.filter-tabs button.active:after{background:var(--ink);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.material-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;display:grid}.material{text-align:center;min-width:0;padding:0;font-size:9px;line-height:1.4}.material>span{overflow-wrap:anywhere;min-height:24px;margin-top:6px;display:block}.material-swatch{background:var(--sand);border:2px solid #0000;border-radius:4px;height:49px;position:relative;overflow:hidden}.material.selected .material-swatch{border-color:var(--ink);outline:2px solid var(--bone);outline-offset:-4px}.material-swatch>span{background:var(--clay);border-radius:50% 50% 10% 10%;width:32px;height:38px;display:block;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.material-swatch>i{background:var(--pine);border-radius:45% 40% 4px 3px;width:23px;height:25px;position:absolute;bottom:-2px;left:50%;transform:rotate(-30deg)}.material-swatch>svg{background:var(--ink);color:var(--bone);border-radius:50%;width:14px;height:14px;padding:2px;position:absolute;top:3px;right:3px}.swatch-anime{background:var(--sage)}.swatch-anime>span{background:var(--bone);border:1.5px solid var(--ink);border-radius:40% 40% 20% 10%;transform:translate(-50%)rotate(10deg)}.swatch-anime>i{border:1.5px solid var(--ink);background:var(--clay)}.swatch-comic-halftone{background-color:var(--sand);background-image:radial-gradient(var(--ink) .6px, transparent 1px);background-size:4px 4px}.swatch-comic-halftone>span{background:var(--bone);border:2px solid var(--ink)}.swatch-pixel-art{background:var(--pine)}.swatch-pixel-art>span{clip-path:polygon(25% 0,75% 0,75% 20%,100% 20%,100% 100%,0 100%,0 20%,25% 20%);background:var(--sand);border-radius:0}.swatch-pixel-art>i{background:var(--sage);border-radius:0;transform:none}.swatch-watercolor{background:var(--warm)}.swatch-watercolor>span{background:var(--sage);filter:blur(1px);opacity:.8;border-radius:40% 60% 20% 40%}.swatch-watercolor>i{filter:blur(1px);background:var(--clay);opacity:.6}.swatch-ink-wash{background:var(--warm)}.swatch-ink-wash>span{background:var(--ink);opacity:.7;clip-path:polygon(50% 0,63% 34%,91% 58%,100% 100%,0 100%,24% 59%,34% 53%)}.swatch-ink-wash>i{background:var(--muted);opacity:.4}.swatch-linocut{background:var(--ink)}.swatch-linocut>span{background:var(--bone);border-radius:0;transform:translate(-50%)rotate(20deg)}.swatch-linocut>i{background:repeating-linear-gradient(100deg, var(--ink) 0 2px, var(--bone) 2px 4px)}.swatch-impasto{background:var(--clay)}.swatch-impasto>span{background:repeating-linear-gradient(20deg, var(--sand) 0 4px, var(--bone) 4px 7px);border-radius:10%;transform:translate(-50%)rotate(-20deg)}.swatch-soft-3d{background:var(--sage)}.swatch-soft-3d>span{background:var(--bone);box-shadow:inset -7px -4px 0 var(--sand)}.swatch-low-poly{background:var(--sand)}.swatch-low-poly>span{clip-path:polygon(40% 0,75% 15%,100% 70%,80% 100%,0 100%,4% 50%);background:var(--pine);border-radius:0}.swatch-low-poly>i{clip-path:polygon(0 0,100% 20%,50% 100%);background:var(--sage)}.swatch-voxel{background:var(--pine)}.swatch-voxel>span{background:var(--sand);box-shadow:7px 4px 0 var(--clay);border-radius:0;width:25px;height:28px;bottom:5px}.swatch-voxel>i{background:var(--bone);border-radius:0;width:17px;height:17px;transform:none}.swatch-clay{background:var(--sand)}.swatch-clay>span{background:var(--clay);box-shadow:inset -4px -3px 0 var(--muted);border:1px solid var(--clay)}.swatch-clay>i{background:var(--bone)}.swatch-papercut{background:var(--sage)}.swatch-papercut>span{background:var(--sand);width:35px;height:37px;box-shadow:-4px -3px 0 var(--bone), -8px -6px 0 var(--pine);border-radius:70% 70% 0 0}.swatch-origami{background:var(--warm)}.swatch-origami>span{background:var(--clay);clip-path:polygon(0 0,100% 30%,60% 100%);border-radius:0;transform:translate(-50%)rotate(-10deg)}.swatch-origami>i{background:var(--sand);clip-path:polygon(0 0,100% 40%,10% 100%);border-radius:0}.swatch-felt{background:var(--clay)}.swatch-felt>span{background:var(--bone);filter:blur(.6px);border:2px dashed var(--sand)}.swatch-felt>i{filter:blur(.7px);background:var(--sage)}.swatch-embroidery{background:var(--warm)}.swatch-embroidery>span{background:repeating-linear-gradient(35deg, var(--pine) 0 2px, var(--sage) 2px 3px);border:1px dashed var(--pine)}.swatch-embroidery>i{background:repeating-linear-gradient(-40deg, var(--sand) 0 2px, var(--clay) 2px 3px)}.swatch-stained-glass{background:var(--sand)}.swatch-stained-glass>span{border:2px solid var(--ink);background:var(--clay);border-radius:0;transform:translate(-50%)rotate(20deg)}.swatch-stained-glass>i{background:var(--sage);border:2px solid var(--ink)}.custom-style{border:1px dashed var(--line-dark);border-radius:4px;justify-content:space-between;align-items:center;width:100%;min-height:33px;margin-top:10px;padding:7px 9px;font-size:10px;display:flex}.custom-style small{color:var(--muted);font-size:8px}.custom-style.selected{background:var(--warm);border-style:solid;border-color:var(--ink)}.inspector input:not([type=checkbox]):not([type=file]),.inspector textarea,.inspector select,.review-panel textarea{border:1px solid var(--line-dark);background:var(--white);border-radius:4px;width:100%;padding:10px;font-size:11px;line-height:1.6}.inspector textarea::placeholder,.inspector input::placeholder{color:var(--muted);opacity:.8}.custom-style+textarea{margin-top:8px}.recommend-button{text-align:left;background:var(--warm);border-radius:4px;align-items:center;gap:10px;width:100%;min-height:54px;margin:8px 0 16px;padding:10px;display:flex}.recommend-button>span{flex:1;font-size:10px}.recommend-button small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.recommend-button:hover{background:var(--line)}.field-label{margin:12px 0 7px;font-size:11px;display:block}.inline-field{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:11px;display:flex}.segment{background:var(--warm);border-radius:4px;padding:3px;display:flex}.segment button{border-radius:3px;min-height:27px;padding:5px 12px;font-size:10px}.segment button.active{background:var(--white);box-shadow:0 1px 2px #15140f14}.advanced summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:20px;font-size:12px;list-style:none;display:flex}.advanced summary::-webkit-details-marker{display:none}.advanced[open] summary svg{transform:rotate(180deg)}.advanced-fields{padding-top:7px}.reference-heading{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.reference-upload{border:1px dashed var(--line-dark);border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:53px;margin-bottom:6px;font-size:11px;display:flex}.reference-preview{align-items:center;gap:12px;margin-bottom:8px;font-size:10px;display:flex}.reference-preview img{object-fit:cover;border-radius:3px;width:48px;height:48px}.reference-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.checkbox-label{align-items:center;gap:8px;min-height:22px;margin-top:13px;font-size:11px;display:flex}.checkbox-label input{accent-color:var(--ink);width:15px;height:15px}.generate-footer{border-top:1px solid var(--line);background:var(--bone);padding:16px 22px 13px}.cost-line{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.quality-label{color:var(--muted);font-size:10px}.generate-button{flex-direction:row-reverse;justify-content:space-between;width:100%;min-height:43px}.footer-note{text-align:center;color:var(--muted);margin-top:10px;font-size:9px;display:block}.recommendations{padding:13px 0}.recommendations h3{margin-bottom:8px}.recommendation{text-align:left;border:1px solid var(--line-dark);border-radius:4px;width:100%;margin-top:8px;padding:10px;font-size:11px;display:block}.recommendation strong,.recommendation span,.recommendation small{line-height:1.65;display:block}.recommendation small{color:var(--muted);margin:5px 0}.recommendation b{align-items:center;gap:6px;font-size:10px;display:flex}.recommendation:hover{background:var(--warm)}.error-banner{z-index:15;background:var(--white);color:var(--error);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 22px;font-size:12px;display:flex;position:sticky;top:0}.error-banner span{overflow-wrap:anywhere}.review-panel{border:1px solid var(--line);margin-top:24px;padding:20px}.review-panel h2{font:500 14px var(--font-body);align-items:center;gap:8px;margin-bottom:12px;display:flex}.review-panel p{margin-bottom:8px;font-size:12px;line-height:1.7}.review-panel summary{cursor:pointer;margin-top:18px;font-size:12px}.review-panel summary span{font:10px var(--font-mono);color:var(--muted);margin-left:10px}.review-panel textarea{margin:7px 0 12px}.content-page{max-width:1100px;margin:auto;padding:46px 50px}.content-page>.muted{margin-top:16px;font-size:13px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin:34px 0 22px;display:flex}.content-page>.section-heading{margin:0 0 20px}.section-heading h1{margin:0}.section-heading h2{font-size:25px}.history-empty{text-align:center;flex-direction:column;align-items:center;padding:90px 20px;display:flex}.history-empty h2{margin:24px 0 12px}.history-empty p{color:var(--muted);margin-bottom:25px;font-size:12px;line-height:1.7}.empty-frame{border:1px solid var(--line-dark);background:var(--bone);width:102px;height:122px;color:var(--muted);justify-content:center;align-items:center;display:flex;transform:rotate(-5deg)}.creation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px;margin-top:35px;display:grid}.creation{text-align:left;min-width:0;padding:0}.creation-image{background:var(--warm);height:220px;color:var(--muted);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.creation-image img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.creation:hover img{transform:scale(1.02)}.status-tag{background:var(--bone);border-radius:3px;padding:5px 8px;font-size:10px;position:absolute;bottom:10px;left:10px}.status-failed{color:var(--error)}.creation-meta{justify-content:space-between;gap:12px;margin-top:14px;font-size:11px;display:flex}.creation-meta>span{color:var(--muted);font-size:10px}.creation>p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.creation>small{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.balance-panel{border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);justify-content:space-between;align-items:center;gap:24px;margin:36px 0 18px;padding:30px 0;display:flex}.balance-panel>div>span{color:var(--muted);font-size:12px}.balance-panel strong{font-family:var(--font-display);margin-top:8px;font-size:56px;font-weight:400;display:block}.balance-panel strong small{font-family:var(--font-body);color:var(--muted);font-size:13px}.setup-note{background:var(--bone);border:1px solid var(--line);overflow-wrap:anywhere;margin:24px 0;padding:16px;font-size:12px;line-height:1.8}.setup-note strong{font-weight:500}.setup-note p{color:var(--muted);margin-top:7px;font-size:10px}.data-table{overflow:auto}.data-table table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}.data-table th{color:var(--muted);border-bottom:1px solid var(--line-dark);padding:12px 16px 12px 0;font-size:11px;font-weight:400}.data-table td{border-bottom:1px solid var(--line);padding:16px 16px 16px 0}.empty-row{color:var(--muted);border-bottom:1px solid var(--line);padding:30px 0;font-size:12px}.metric-row{border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);grid-template-columns:1fr 1fr;margin:30px 0;padding:30px 0;display:grid}.metric-row>div+div{border-left:1px solid var(--line);padding-left:30px}.metric-row span{color:var(--muted);font-size:12px;display:block}.metric-row strong{font:52px var(--font-display)}dialog{border:1px solid var(--line-dark);color:var(--ink);background:var(--bone);border-radius:8px;width:min(480px,100% - 32px);max-height:calc(100dvh - 40px);padding:28px;overflow:auto;box-shadow:0 16px 90px #15140f33}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#15140f59}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.dialog-heading .eyebrow{margin:0}.topup-dialog h2{margin-bottom:12px;font-size:36px}.topup-dialog>.muted{font-size:12px}.pack-list{border-top:1px solid var(--line);margin:28px 0 18px}.pack-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:16px;padding:20px 12px;display:flex}.pack-row.selected{background:var(--warm)}.pack-row input{accent-color:var(--ink);width:16px;height:16px}.pack-row>div strong{font-size:24px;font-weight:500;display:block}.pack-row>div span{color:var(--muted);font-size:11px}.pack-price{text-align:right;margin-left:auto}.pack-row>.pack-price strong{margin-bottom:4px;font-size:14px}.topup-dialog>.field-help{margin-bottom:22px}.topup-dialog>p{margin-bottom:20px;font-size:12px;line-height:1.7}.form-error{color:var(--error)}.mask-dialog{width:min(1000px,100% - 32px)}.mask-dialog>.muted{margin-bottom:20px;font-size:12px}.paint-surface{max-height:65dvh;margin:auto;display:table;position:relative}.paint-surface img{object-fit:contain;max-width:100%;max-height:58dvh;display:block}.paint-surface canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.paint-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.paint-tools>label{align-items:center;gap:12px;font-size:12px;display:flex}.paint-tools input{width:120px;accent-color:var(--ink)}.nav-collapsed{grid-template-columns:72px minmax(0,1fr)}.nav-collapsed .navigation{padding-left:10px;padding-right:10px}.nav-collapsed .nav-label,.nav-collapsed .nav-item>span,.nav-collapsed .studio-note,.nav-collapsed .nav-colophon{display:none}.nav-collapsed .nav-item,.nav-collapsed .nav-top{justify-content:center}.nav-collapsed .nav-bottom .nav-item>svg:last-child:not(:first-child){display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1600px){.canvas-area{padding:38px 48px}.studio-layout{grid-template-columns:minmax(0,1fr) 356px}.canvas{aspect-ratio:1.26;max-height:calc(100dvh - 330px)}.inspector-section{padding:22px 26px}.material-swatch{height:58px}.inspector-heading,.generate-footer{padding-left:26px;padding-right:26px}.workspace-heading h1{font-size:43px}}@media (width<=1200px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.navigation{padding-left:10px;padding-right:10px}.navigation .nav-label,.navigation .nav-item>span,.navigation .studio-note,.navigation .nav-colophon{display:none}.navigation .nav-item,.navigation .nav-top{justify-content:center}.navigation .nav-bottom .nav-item>svg:last-child:not(:first-child){display:none}.canvas-area{padding:28px 24px}.studio-layout{grid-template-columns:minmax(0,1fr) 310px}.inspector-section{padding:18px}.inspector-heading,.generate-footer{padding-left:18px;padding-right:18px}.canvas{aspect-ratio:.98}.workspace-heading h1{font-size:31px}.canvas-meta{display:none}.canvas-toolbar>.icon-button{margin-left:auto}.content-page{padding:40px 35px}.creation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding-left:17px}}@media (width<=900px){.studio-layout{display:block}.canvas-area{padding:26px 30px 28px}.canvas{aspect-ratio:1.3;max-height:550px}.inspector{border-top:1px solid var(--line);border-left:0;height:auto;position:static}.inspector-scroll{grid-template-columns:1fr 1fr;align-items:start;display:grid;overflow:visible}.inspector-heading{grid-column:1/-1}.inspector-section{border-right:1px solid var(--line);padding:22px}.inspector-section:nth-of-type(2){grid-area:2/2/span 2}.brief-section{grid-column:1}.advanced{border-right:0;grid-column:1/-1}.material-swatch{height:64px}.material>span{font-size:10px}.generate-footer{z-index:6;grid-template-columns:1fr 1fr;align-items:center;column-gap:24px;padding:20px 24px;display:grid;position:sticky;bottom:0}.cost-line{margin-bottom:0}.footer-note{grid-column:1/-1;margin-top:10px}.workspace-subtitle{font-size:13px}.workspace-heading h1{font-size:36px}.topbar-center{display:none}.topbar-actions{gap:12px}.brand{min-width:0}.canvas-dimensions{font-size:9px}.canvas-meta{display:block}.material-grid{gap:12px 8px}.content-page{padding:34px 28px}}@media (width<=620px){:root{font-size:14px}.app-shell,.nav-collapsed{display:block}.topbar{gap:8px;height:69px;padding:0 15px;position:relative}.brand{gap:8px}.brand-mark{width:31px;height:34px;padding-left:3px;font-size:34px;line-height:34px}.brand-name{letter-spacing:-.7px;font-size:15px}.brand-name small{letter-spacing:1.5px;font-size:6px}.topbar-actions{gap:4px}.language-select{max-width:70px;padding-left:0;padding-right:0;font-size:10px}.login-button{background:0 0;border:0;gap:6px;padding:8px;font-size:0}.google-g{border:1px solid var(--line-dark);border-radius:50%;width:31px;height:31px;font-size:18px;line-height:31px}.credit-pill{gap:4px;padding:5px;font-size:10px}.credit-pill>span{width:19px;height:19px;margin-left:2px;line-height:19px}.credit-pill>svg,.avatar-button{display:none}.navigation{z-index:20;background:var(--paper);border-top:1px solid var(--line-dark);width:100%;height:64px;padding:0 8px max(0px, env(safe-area-inset-bottom));border-right:0;position:fixed;inset:auto 0 0}.navigation .nav-top,.navigation .nav-bottom{display:none}.navigation nav{grid-template-columns:repeat(4,1fr);height:100%;display:grid}.navigation .nav-item{min-height:54px;color:var(--muted);border-radius:0;flex-direction:column;gap:5px;margin:0;padding:10px 5px;font-size:9px}.navigation .nav-item>span{display:block}.navigation .nav-item>.nav-count{display:none}.navigation .nav-item.active{color:var(--ink);background:0 0;position:relative}.navigation .nav-item.active:before{content:"";background:var(--ink);width:32px;height:2px;position:absolute;top:0}.main-content{padding-bottom:64px}.canvas-area{padding:24px 16px 18px}.workspace-heading{margin-bottom:20px}.workspace-heading .eyebrow{letter-spacing:1px;margin-bottom:11px;font-size:8px}.workspace-heading h1{font-size:31px}.workspace-subtitle{max-width:270px;margin-top:8px;font-size:11px;line-height:1.7}.expand-button{width:27px;height:27px;margin-top:20px}.canvas-toolbar{min-height:44px}.view-tabs button{padding:6px 8px;font-size:10px}.canvas-meta{display:none}.canvas{aspect-ratio:1.07;min-height:255px;max-height:none;margin-top:14px}.study-label{padding:5px 7px;font-size:8px;top:12px;left:12px}.study-caption{letter-spacing:.4px;font-size:6px;bottom:12px;left:12px;right:12px}.study-caption span:last-child{display:none}.upload-on-canvas{min-width:205px;padding:15px 20px;top:60%}.upload-on-canvas>span{font-size:12px}.upload-on-canvas small{font-size:8px}.canvas-footer{flex-wrap:wrap;gap:8px;min-height:49px}.canvas-footer .text-button{font-size:10px}.canvas-dimensions{letter-spacing:0;font-size:7px}.inspector-scroll{display:block}.inspector-heading{padding:17px 20px}.inspector-section{border-right:0;padding:20px}.scope-tabs>button{min-height:43px;font-size:12px}.inspector-section h2{font-size:13px}.field-help{font-size:12px}.filter-tabs{gap:24px}.filter-tabs button{min-height:34px;font-size:11px}.material-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 10px}.material-swatch{height:59px}.material>span{min-height:24px;font-size:10px}.custom-style{min-height:41px;font-size:12px}.custom-style small{font-size:10px}.inspector input:not([type=checkbox]):not([type=file]),.inspector textarea,.inspector select,.review-panel textarea{padding:12px;font-size:14px}.field-label{font-size:12px}.recommend-button{min-height:59px}.recommend-button>span{font-size:12px}.recommend-button small{font-size:10px}.inline-field{font-size:12px}.segment button{min-height:33px;font-size:12px}.advanced summary{min-height:28px;font-size:13px}.checkbox-label{min-height:30px;font-size:13px}.reference-upload{min-height:60px;font-size:12px}.generate-footer{box-shadow:0 -1px 0 var(--line);padding:14px 20px 12px;display:block;position:sticky;bottom:64px}.cost-line{margin-bottom:9px;font-size:11px}.generate-button{min-height:47px;font-size:14px}.footer-note{margin-top:9px;font-size:9px}.error-banner{padding:10px 16px;font-size:12px;position:relative}.content-page{padding:30px 20px}.content-page h1{font-size:33px}.section-heading{gap:12px}.history-empty{padding:75px 0}.history-empty h2{font-size:25px}.creation-grid{gap:22px 14px}.creation-image{height:160px}.creation-meta{font-size:11px;display:block}.creation-meta>span{margin-top:5px;display:block}.creation>p{font-size:11px}.balance-panel{gap:15px;padding:23px 0}.balance-panel strong{font-size:42px}.balance-panel .button{padding:11px 14px;font-size:12px}.balance-panel strong small{font-size:11px}.topup-dialog{padding:22px}.topup-dialog h2{font-size:32px}.pack-row{gap:12px;padding:17px 6px}.pack-row>div strong{font-size:23px}.pack-row>.pack-price strong{font-size:13px}.dialog-heading{margin-bottom:17px}.mask-dialog{padding:18px}.mask-dialog h2{font-size:25px}.paint-tools{gap:10px}.paint-tools>label{justify-content:space-between;width:100%}.paint-tools input{width:65%}.paint-tools .button{padding:10px 14px;font-size:11px}.paint-tools .text-button{font-size:11px}.expanded{padding:20px 16px}.expanded .canvas{height:calc(100dvh - 300px);min-height:300px}.metric-row strong{font-size:40px}.review-panel{padding:16px}.reference-preview span{font-size:12px}}@media (width<=360px){.workspace-heading h1{font-size:27px}.brand-name{font-size:14px}.topbar-actions{gap:0}.brand{gap:6px}.language-select{max-width:64px;font-size:9px}.canvas-dimensions{font-size:6px}.inspector-section{padding:18px 16px}.material-grid{gap:12px 7px}.material-swatch{height:51px}.material>span{font-size:9px}.canvas-footer{gap:5px}.pack-row{gap:8px}.topup-dialog{padding:18px}.pack-row>div strong{font-size:21px}.pack-row>.pack-price strong{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.material>span,.filter-tabs button,.custom-style,.scope-tabs>button,.inspector-section h2,.field-label,.inline-field,.segment button,.reference-upload,.checkbox-label,.recommend-button>span,.view-tabs button,.canvas-footer .text-button,.recommendation,.reference-preview span,.inspector input:not([type=checkbox]):not([type=file]),.inspector textarea,.inspector select,.review-panel textarea{font-size:12px}.material>span{min-height:32px}.material-swatch{height:52px}.cost-line,.quality-label,.footer-note{font-size:11px}.material-grid{row-gap:10px}@media (width<=620px){.inspector input:not([type=checkbox]):not([type=file]),.inspector textarea,.inspector select,.review-panel textarea{font-size:16px}.material-swatch{height:60px}.material>span{font-size:11px}.canvas-dimensions{font-size:7px}.canvas-footer .text-button{font-size:11px}}