@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{--paper:#f7f6f1;--base:#eeede7;--ink:#303931;--muted:#7e8276;--line:#dedfd5;--accent:#a5533e;--serif:'Noto Serif SC','Songti SC',SimSun,serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:transparent}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit}button svg,.text-button svg{width:18px;height:18px;stroke-width:1.6;display:block}span[data-icon]{display:inline-flex;align-items:center;justify-content:center}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}.masthead{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;flex-shrink:0}.seal{display:grid;place-items:center;width:37px;height:42px;background:var(--accent);color:#fff;border-radius:3px;font-family:var(--serif);font-size:27px}.brand-name{font-family:var(--serif);font-size:27px;letter-spacing:5px;display:flex;align-items:center;gap:14px}.brand-name small{font:11px var(--sans);letter-spacing:3px;border-left:1px solid var(--line);padding-left:16px}.main-nav{display:flex;align-self:stretch;gap:35px}.nav-button{padding:0 4px;font-size:14px;color:var(--muted);position:relative;white-space:nowrap}.nav-button.active{color:var(--ink)}.nav-button.active:after{content:'';position:absolute;bottom:0;left:10px;right:10px;height:2px;background:var(--accent)}#gallery-count{font-size:12px;margin-left:3px}.header-actions{display:flex;gap:18px;align-items:center}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;padding:5px 0;white-space:nowrap}.language-toggle{min-width:38px;height:32px;padding:0 9px;border:1px solid #c9cbbf;border-radius:16px;background:#f4f3ed;font-size:12px;font-weight:600;letter-spacing:.04em}.language-toggle:hover{background:#e7eadf}.header-new{color:#5f6e58}.header-new svg{width:16px;height:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;font-size:14px;padding:13px 20px;min-height:46px;transition:background .2s,transform .2s}.button:hover{filter:brightness(.94);transform:translateY(-1px)}.button.dark{background:#344335;color:#fff}.button.accent{background:var(--accent);color:#fff}.button.outline{border:1px solid var(--line);background:transparent}.button.small{min-height:40px;padding:9px 15px}.studio-layout{display:grid;grid-template-columns:244px minmax(340px,1fr) 272px;max-width:1780px;margin:auto;min-height:calc(100vh - 135px)}.material-panel,.design-panel{padding:29px 24px}.material-panel{border-right:1px solid var(--line)}.design-panel{border-left:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--muted);font-weight:500}.panel-heading h1,.panel-heading h2{font-size:23px;letter-spacing:2px;font-family:var(--serif);margin-top:8px}.tiny-index{font:10px var(--sans);color:var(--muted);align-self:flex-end;padding-bottom:3px;letter-spacing:1px}.material-tabs{display:flex;padding:4px;background:#eaece3;border-radius:5px;margin-bottom:17px}.material-tabs button{width:50%;font-size:14px;padding:7px;border-radius:3px;color:var(--muted)}.material-tabs button[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #2633260b}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.material-card{position:relative;border:1px solid var(--line);background:#f4f3ec;border-radius:5px;min-width:0;overflow:hidden;padding:9px 4px 11px;transition:border-color .2s,background .2s;text-align:center}.material-card:hover{border-color:#aaaf9a;background:#eeeee2}.material-card img{display:block;height:109px;max-width:100%;width:100%;object-fit:contain;margin:0 auto 5px;mix-blend-mode:multiply;pointer-events:none}.material-card strong{display:block;font-size:14px;font-weight:400}.material-card small{font-size:10px;letter-spacing:.3px;color:var(--muted)}.material-card .add-mark{position:absolute;top:4px;right:7px;color:#91967f;font-size:16px}.material-foot{display:flex;gap:10px;color:var(--muted);margin-top:23px}.material-foot svg{width:18px;height:18px}.material-foot p{font-size:12px;line-height:1.85}.source-link{margin-top:22px;border-top:1px solid var(--line);padding:14px 0 0;width:100%;text-align:left;font-size:12px;color:var(--muted)}.source-link span{float:right}.workspace{background:#eeeee8;padding:26px 32px 0;min-width:0;display:flex;flex-direction:column;align-items:center}.workspace-heading{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:18px;gap:12px;max-width:760px}.workspace-heading .eyebrow{font-size:9px;letter-spacing:1.8px}.work-title{display:flex;align-items:center;gap:10px;margin-top:7px}.work-title input{border:0;outline:0;background:transparent;color:var(--ink);font-family:var(--serif);font-size:25px;letter-spacing:2px;width:240px;max-width:100%;padding:0}.work-title span{color:#999e8f}.work-title svg{width:13px;height:13px}.save-state{font-size:11px;color:#898d80;white-space:nowrap}.stage-shell{position:relative;width:100%;max-width:760px;flex:1;display:flex;justify-content:center;align-items:flex-start;min-height:0}.stage{position:relative;aspect-ratio:1;width:100%;max-height:calc(100vh - 266px);max-width:calc(100vh - 266px);min-height:320px;min-width:320px;overflow:hidden;background:radial-gradient(ellipse at 28% 22%,#f9f7ef 0%,#edeadf 58%,#e1ddd1 100%);box-shadow:0 4px 22px #32362608;border:1px solid #e5e3d8;isolation:isolate;touch-action:none;transition:background .4s}.stage[data-scene=stone]{background:radial-gradient(ellipse at 25% 20%,#e2e6e2,#afb9b4)}.stage[data-scene=night]{background:radial-gradient(ellipse at 25% 20%,#58635b,#272f2b);color:#e0dfd1}.stage-grain{position:absolute;inset:0;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.scene-label{position:absolute;top:8%;right:8%;writing-mode:vertical-rl;font:12px var(--serif);letter-spacing:6px;color:#8a897b}.scene-caption{position:absolute;left:7%;bottom:6%;display:flex;align-items:center;gap:12px;z-index:300;pointer-events:none}.scene-caption>span{font-family:var(--serif);font-size:19px;letter-spacing:3px;color:#898575}.scene-caption small{font-size:8px;letter-spacing:1.3px;color:#939184}.stage-floor{position:absolute;left:0;right:0;top:80%;bottom:0;background:linear-gradient(160deg,#f5f2e733,#ada89924);border-top:1px solid #9c9b8810;pointer-events:none;z-index:0}.vessel{position:absolute;left:50%;bottom:14%;height:18%;object-fit:contain;transform:translateX(-50%);z-index:200;pointer-events:none;filter:drop-shadow(12px 14px 8px #3a34211c)}.composition{position:absolute;inset:0;z-index:10;pointer-events:none}.stem{position:absolute;transform-origin:50% 100%;pointer-events:auto;cursor:grab;user-select:none;-webkit-user-select:none;outline:none;touch-action:none}.stem:active{cursor:grabbing}.stem img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none}.stem.selected:after{content:'';position:absolute;inset:-5px;border:1px dashed #8a967360;pointer-events:none;border-radius:3px}.stem.selected:before{content:'';position:absolute;left:50%;bottom:-4px;width:7px;height:7px;border:1px solid #768166;background:var(--paper);transform:translateX(-50%);border-radius:50%;z-index:1}.stage-tools{position:absolute;top:14px;left:14px;z-index:400;display:flex;align-items:center;gap:3px;background:#faf9f0e8;border:1px solid #deddd1aa;border-radius:6px;padding:4px;box-shadow:0 3px 12px #30392a05}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.icon-button:hover{background:#7e8a6315}.icon-button[aria-pressed=true]{color:var(--accent);background:#a5533e12}.tool-separator{height:16px;width:1px;background:var(--line);margin:0 2px}.stage-bottom{width:100%;max-width:760px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px}.scene-picker{display:flex;align-items:center;gap:10px;font-size:12px}.scene-picker>span{margin-right:4px}.scene-dot{width:17px;height:17px;border-radius:50%;border:1px solid #aaa99b}.scene-dot.paper{background:#ebe5d7}.scene-dot.stone{background:#a3b0a8}.scene-dot.night{background:#39483e}.scene-dot.active{outline:1px solid #626e59;outline-offset:3px}.stage-hint{font-size:11px;display:flex;align-items:center;gap:5px;color:#858c7d}.stage-hint svg{width:13px;height:13px}.stage-bottom .text-button{font-size:12px}.stage-bottom .text-button svg{width:15px;height:15px}.selected-material{display:flex;align-items:center;gap:12px;margin-bottom:23px}.selected-material>img{width:45px;height:55px;object-fit:contain;background:#ebece2;border-radius:4px}.selected-material>div{flex:1}.selected-material strong{font-weight:500;font-size:14px;display:block;margin-top:3px}.selected-material .eyebrow{font-size:10px;letter-spacing:.5px}.slider-label{font-size:13px;display:flex;justify-content:space-between;margin:18px 0 8px}.slider-label output{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}input[type=range]{width:100%;display:block;accent-color:#788266;height:16px;cursor:pointer;margin:0}.adjust-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;margin-top:20px}.adjust-actions button{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:4px;padding:8px 0;font-size:12px}.adjust-actions svg{width:15px;height:15px}.section-rule{border-top:1px solid var(--line);margin:24px 0}.label-with-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.label-with-meta h3{font-size:14px}.label-with-meta>span{font-size:11px;color:var(--muted)}.mood-options{display:flex;gap:7px;margin-bottom:13px}.mood-options button{font-size:12px;padding:6px 11px;border:1px solid var(--line);border-radius:4px}.mood-options button.active{color:#626e4f;background:#e8ebde;border-color:#a5af94}textarea{resize:vertical;width:100%;font-size:12px;line-height:1.85;border:1px solid var(--line);padding:10px;background:transparent;color:var(--ink);border-radius:4px}.creative-tip{display:flex;align-items:center;gap:14px;margin:24px 0;color:#8b8e80}.tip-mark{font:31px var(--serif);color:#a6ae98}.creative-tip p{font-family:var(--serif);font-size:12px;line-height:1.9;letter-spacing:1px}.generation-box{border-top:1px solid var(--line);padding-top:23px}.generation-box h3{font:20px var(--serif);letter-spacing:1px;margin:8px 0 10px}.generation-box>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.9}.generation-box>.button{width:100%;margin:17px 0 8px}.generation-box .arrow{margin-left:auto}.generation-box>small{font-size:10px;text-align:center;display:block;color:var(--muted)}.footer{padding:15px 34px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#8d9286;font-size:10px;letter-spacing:1px}.footer>span:last-child{font-size:9px;letter-spacing:1.8px}.composition-guide{position:absolute;inset:12% 20% 24%;z-index:301;pointer-events:none;border-bottom:1px dashed #89947580}.composition-guide i{position:absolute;inset:0;border-left:1px dashed #89947580;left:33%}.composition-guide i:nth-child(2){left:66%}.composition-guide span{position:absolute;bottom:8px;right:0;font-size:11px;color:#81896e}.selection-empty{height:290px;display:grid;place-items:center;color:var(--muted);font-size:14px;line-height:2;text-align:center}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);z-index:1000;opacity:0;pointer-events:none;background:#334134;color:white;border-radius:7px;padding:12px 22px;font-size:14px;transition:.2s;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{padding:24px 30px 30px;border:1px solid var(--line);border-radius:10px;width:min(800px,calc(100% - 32px));max-height:90vh;color:var(--ink);background:var(--paper);box-shadow:0 20px 120px #21291f30}dialog::backdrop{background:#27332755;backdrop-filter:blur(4px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}dialog h2{font:29px var(--serif);margin-bottom:14px}dialog p{font-size:14px;line-height:1.85;color:var(--muted);margin:10px 0}dialog h3{font-size:16px;margin:20px 0 8px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.prompt-area{height:230px;font-family:var(--sans);font-size:12px;background:#eceee5;margin-top:12px}.export-preview{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;margin:22px 0}.export-preview img{width:100%;border:1px solid var(--line);border-radius:4px}.step-list{display:grid;gap:16px;margin:20px 0}.step-list>div{display:flex;gap:14px;align-items:flex-start}.step-number{font:22px var(--serif);color:var(--accent);min-width:28px}.step-list p{margin:0}.step-list strong{font-weight:500;color:var(--ink)}.source-list{line-height:2;font-size:14px}.source-list a{color:var(--accent)}.editorial-view,.gallery-view{max-width:1250px;margin:auto;padding:50px 40px 65px;min-height:calc(100vh - 136px)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:20px}.page-heading h1{font:36px var(--serif);letter-spacing:4px;margin-top:10px}.page-heading p{font-size:14px;color:var(--muted);margin-top:12px}.inspiration-feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.inspiration-feature>img{width:100%;max-height:620px;object-fit:cover;border-radius:5px}.inspiration-copy h2{font:34px var(--serif);line-height:1.6;letter-spacing:4px;margin:14px 0 25px}.inspiration-copy>p{font-size:16px;line-height:2;color:var(--muted);max-width:400px}.principles{display:grid;gap:20px;margin:28px 0}.principles>div{border-top:1px solid var(--line);padding-top:16px;display:flex;gap:20px}.principles b{font:23px var(--serif);color:var(--accent)}.principles h3{font-size:15px}.principles p{font-size:13px;color:var(--muted);margin-top:4px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.art-card{background:#f2f1e9;border:1px solid var(--line);border-radius:6px;overflow:hidden}.art-card>img{display:block;aspect-ratio:1;width:100%;object-fit:cover}.art-card-content{padding:16px 18px}.art-card h2{font:20px var(--serif)}.art-card p{font-size:12px;color:var(--muted);margin:6px 0 12px}.art-card-actions{display:flex;gap:15px;border-top:1px solid var(--line);padding-top:12px}.art-card-actions button{font-size:12px;padding:4px 0}.art-card-actions button:last-child{margin-left:auto;color:var(--muted)}.empty-gallery{border:1px dashed #bdc5af;padding:70px 25px;text-align:center;border-radius:7px}.empty-gallery h2{font:26px var(--serif);margin-bottom:12px}.empty-gallery p{color:var(--muted);margin-bottom:25px;font-size:14px}.file-note{font-size:12px!important;line-height:1.7!important}.share-field{width:100%;font-size:13px;padding:12px;border:1px solid var(--line);border-radius:4px;background:#eeeee6;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1550px){.studio-layout{grid-template-columns:270px minmax(500px,1fr) 302px}.material-panel,.design-panel{padding:32px 28px}.material-card img{height:135px}.stage{max-height:calc(100vh - 275px);max-width:calc(100vh - 275px)}}
@media(max-width:1150px){.masthead{padding:0 22px}.brand-name small{display:none}.main-nav{gap:24px}.header-actions{gap:16px}.studio-layout{grid-template-columns:202px minmax(300px,1fr) 242px}.material-panel,.design-panel{padding:24px 18px}.workspace{padding:24px 20px 0}.save-state{display:none}.material-card img{height:98px}.stage-hint{display:none}.work-title input{width:225px}.mood-options{gap:5px}.mood-options button{padding:6px 9px}.stage{min-width:0;min-height:0}.panel-heading h1,.panel-heading h2{font-size:21px}}
@media(max-width:900px){.masthead{height:76px;padding:0 20px;gap:15px}.brand-name{font-size:23px;letter-spacing:3px}.seal{height:35px;width:30px;font-size:24px}.main-nav{gap:18px}.header-actions>#help-button{display:none}.header-actions>.header-new{display:inline-flex}.studio-layout{grid-template-columns:190px minmax(0,1fr)}.design-panel{grid-column:1/-1;border-top:1px solid var(--line);border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:25px}.design-panel>.panel-heading{grid-column:1}.design-panel>#selection-controls,.design-panel>#selected-empty{grid-column:1;grid-row:2/7}.design-panel>.section-rule,.design-panel>.creative-tip{display:none}.design-panel>.label-with-meta{grid-column:2;grid-row:1}.mood-options{grid-column:2;align-self:start;grid-row:2}.design-panel>textarea{grid-column:2;grid-row:3}.generation-box{grid-column:2;grid-row:4/8;margin-top:18px}.generation-box>p:not(.eyebrow),.generation-box>.eyebrow{display:none}.generation-box h3{font-size:18px}.generation-box .button{margin-top:10px}.stage{max-height:none;max-width:none}.workspace{padding-bottom:0}.workspace-heading .eyebrow{font-size:8px}.stage-bottom{min-height:60px}.material-card img{height:102px}.material-foot{margin-top:15px}.material-panel{padding-bottom:15px}.source-link{margin-top:12px}.footer>span:last-child{display:none}.gallery-grid{grid-template-columns:repeat(2,1fr)}.inspiration-feature{gap:35px}.inspiration-copy h2{font-size:26px}.inspiration-copy>p{font-size:14px}}
@media(max-width:600px){.masthead{height:auto;min-height:108px;padding:14px 16px 0;display:grid;grid-template-columns:1fr auto;gap:10px}.brand{gap:8px}.brand-name small{display:block;font-size:9px;letter-spacing:2px;padding-left:10px}.brand-name{font-size:24px}.header-actions{grid-column:2;grid-row:1}.header-actions .button{font-size:12px;padding:8px 11px;min-height:35px}.main-nav{grid-column:1/-1;grid-row:2;height:41px;gap:30px;justify-content:center}.nav-button{font-size:13px}.studio-layout{display:flex;flex-direction:column}.workspace{order:0;padding:20px 16px 0}.workspace-heading{margin-bottom:15px}.workspace-heading .eyebrow{font-size:8px}.work-title input{font-size:23px;width:230px}.save-state{display:block;font-size:10px}.stage{width:100%;max-width:100%;min-height:0}.stage-tools{left:9px;top:9px;padding:2px}.stage-tools .icon-button{width:30px;height:30px}.scene-label{font-size:10px}.scene-caption small{font-size:6px}.scene-caption>span{font-size:16px}.stage-bottom{min-height:58px}.material-panel{order:1;border-right:0;border-top:1px solid var(--line);padding:20px 16px}.panel-heading{margin-bottom:15px}.panel-heading h1,.panel-heading h2{font-size:21px;margin-top:4px}.material-panel .panel-heading .eyebrow{font-size:9px}.material-tabs{width:180px;position:absolute;right:16px;margin-top:-49px}.material-tabs button{font-size:12px;padding:6px}.tiny-index{display:none}.material-grid{display:flex;overflow-x:auto;gap:10px;padding-bottom:7px;scrollbar-width:thin}.material-card{min-width:105px;padding-bottom:8px}.material-card img{height:100px}.material-foot,.source-link{display:none}.design-panel{order:2;display:block;padding:24px 20px}.selected-material{margin-bottom:16px}.design-panel>#selection-controls{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.selected-material{grid-column:1/-1}.slider-label[for=angle]{grid-column:1;grid-row:2}.slider-label[for=size]{grid-column:2;grid-row:2}#angle{grid-column:1;grid-row:3}#size{grid-column:2;grid-row:3}.slider-label[for=trim]{grid-column:1;grid-row:4}#trim{grid-column:1;grid-row:5}.adjust-actions{grid-column:2;grid-row:4/6;align-self:end;margin:0}.design-panel>.section-rule{display:block}.label-with-meta{margin-top:24px}.mood-options button{font-size:14px;padding:7px 18px}.design-panel>textarea{font-size:14px;min-height:80px}.generation-box{margin-top:22px}.generation-box>small{font-size:12px}.generation-box .button{min-height:48px}.generation-box h3{font-size:23px}.footer{padding:18px 20px}.editorial-view,.gallery-view{padding:30px 20px}.page-heading{display:block}.page-heading h1{font-size:30px}.page-heading .button{margin-top:18px}.gallery-grid{grid-template-columns:1fr}.inspiration-feature{grid-template-columns:1fr;gap:28px}.inspiration-feature>img{max-height:500px}.export-preview{grid-template-columns:120px 1fr;gap:16px}dialog{padding:20px}dialog h2{font-size:25px}.prompt-area{height:210px}.export-preview p{font-size:12px}.modal-actions .button{flex:1}.selection-empty{height:150px}.scene-picker,.stage-bottom .text-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Quiet but legible studio labels. */
.eyebrow,.workspace-heading .eyebrow,.panel-heading .eyebrow{font-size:12px;letter-spacing:1.1px}.brand-name small,.tiny-index,.material-card small,.material-foot p,.source-link,.save-state,.scene-caption small,.stage-hint,.stage-bottom .text-button,.selected-material .eyebrow,.slider-label output,.label-with-meta>span,.generation-box>small,.footer,.footer>span:last-child{font-size:12px}.slider-label,.adjust-actions button,.mood-options button,textarea,.creative-tip p,.generation-box>p:not(.eyebrow),.scene-picker{font-size:14px}.generation-box .eyebrow{font-size:11px;letter-spacing:.7px}.material-card small{font-size:11px}.workspace-heading .eyebrow{font-size:10px}.scene-caption small{font-size:9px}.scene-caption>span{font-size:19px}.brand-name small{font-size:11px}.footer>span:last-child{font-size:10px}.generation-box>small{font-size:11px}.panel-heading .eyebrow{font-size:10px}.design-panel{padding-bottom:27px}.art-card-actions button{font-size:14px}.art-card p,.principles p{font-size:14px}
@media(max-width:600px){.save-state{display:none}.workspace-heading .eyebrow{font-size:10px}.material-card small{font-size:11px}.scene-caption small{font-size:8px}.stage-bottom .text-button,.scene-picker{font-size:12px}.material-card{min-width:112px}.generation-box>small{font-size:12px}.material-tabs{margin-top:-47px}}
.mood-options button{flex:1;min-width:0;white-space:nowrap;padding:7px 0}.material-card small{font-size:12px;display:block;line-height:1.5;white-space:nowrap}.material-card img{margin-bottom:9px}.stage-shell{flex:0 0 auto}.creative-tip{display:none}.generation-box{margin-top:23px}.section-rule{margin:21px 0}.slider-label{margin-top:14px}.selected-material{margin-bottom:15px}.generation-box .eyebrow{display:none}.generation-box h3{margin-top:0}.stage-bottom{align-self:center}.material-card small{color:#929686}.source-list a{overflow-wrap:anywhere}
@media(max-width:600px){.mood-options button{padding:8px 0}.material-card small{font-size:12px}}
/* The second studio adds specimen choices and local, reversible pruning. */
.material-card img,.selected-material>img,.variant-card img{mix-blend-mode:normal;filter:none}.material-card small{white-space:normal;font-size:12px}.material-filters{display:flex;gap:5px;margin-bottom:14px}.material-filters button{font-size:13px;padding:5px 10px;border-radius:4px;color:var(--muted)}.material-filters button.active{background:#e6eade;color:var(--ink)}.material-count{font-size:12px}.tiny-index{font-size:11px;letter-spacing:0}.specimen-image{width:100%;height:100%;display:block;pointer-events:none}.stem.selected:before{left:var(--anchor,50%)}#prune-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:350;pointer-events:none}.stage[data-tool=lasso],.stage[data-tool=brush]{cursor:crosshair}.stage[data-tool=lasso] .stem,.stage[data-tool=brush] .stem{pointer-events:none}.stage[data-tool=lasso] .stem:not(.selected),.stage[data-tool=brush] .stem:not(.selected){opacity:.4}.stage[data-tool=lasso] .vessel,.stage[data-tool=brush] .vessel{opacity:.65}.stage{background:radial-gradient(ellipse at 28% 22%,#f5f4ef 0%,#e7e8df 58%,#dedfd7 100%)}.stage-grain{opacity:.07}.variant-trigger{width:100%;border:1px solid var(--line);border-radius:5px;padding:10px 12px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;background:#eef0e7}.variant-trigger small{display:block;color:var(--muted);font-size:12px}.variant-trigger strong{display:block;font-size:14px;font-weight:500;margin-top:3px}.variant-trigger>span:last-child{font-size:12px;white-space:nowrap;color:var(--accent)}.variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 6px}.variant-card{border:1px solid var(--line);border-radius:6px;padding:15px 10px;background:#f0f0e9;min-width:0;text-align:center}.variant-card:hover,.variant-card.active{border-color:#899b75;background:#e7ebdf}.variant-card img{width:100%;height:220px;object-fit:contain;display:block;margin-bottom:12px}.variant-card strong{display:flex;justify-content:center;align-items:center;gap:7px;font-size:15px;font-weight:500}.variant-card strong i{width:12px;height:12px;border:1px solid #3332;border-radius:50%;flex-shrink:0}.variant-card>span{display:block;font-size:13px;color:var(--muted);margin-top:4px}.range-control{margin:0 0 14px}.slider-label{margin-top:0}.prune-controls{border:1px solid var(--line);border-radius:5px;padding:12px;margin-top:18px}.prune-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.prune-heading strong{font-size:14px;font-weight:500}.prune-heading button{font-size:12px;text-decoration:underline;text-underline-offset:3px;color:var(--muted);padding:0}.prune-modes{display:flex;gap:7px}.prune-modes button{display:flex;gap:5px;align-items:center;justify-content:center;flex:1;border:1px solid var(--line);border-radius:4px;padding:8px 3px;font-size:12px;white-space:nowrap}.prune-modes button.active{border-color:var(--accent);background:#a5533e10;color:var(--accent)}.prune-modes svg{width:15px;height:15px}#prune-help{font-size:12px;line-height:1.7;color:var(--muted);margin-top:9px}#brush-setting{font-size:12px;display:flex;align-items:center;gap:8px;margin-top:12px}#brush-setting input{width:100px;flex:1}.generation-mode-label{display:block;font-size:14px;margin:20px 0 8px}#generation-mode{width:100%;border:1px solid #bac3ab;background:#edf0e5;border-radius:5px;padding:10px;color:var(--ink);font:14px var(--sans)}#generation-mode-help{font-size:12px;line-height:1.75;color:var(--muted);margin-top:8px}.stage-hint{font-size:12px}.selection-empty{height:220px}.generation-box{margin-top:20px}.generation-box h3{font-size:19px}.stage-tools .tool-separator{margin:0 1px}
@media(min-width:901px){.studio-layout{height:calc(100dvh - 135px);min-height:650px}.material-panel{display:flex;flex-direction:column;overflow:hidden}.material-panel>.panel-heading,.material-tabs,.material-filters,.source-link{flex-shrink:0}.material-grid{overflow-y:auto;min-height:0;align-content:start;padding-right:3px;scrollbar-width:thin;scrollbar-color:#c2c9b6 transparent}.material-card img{height:110px}.material-foot{display:none}.design-panel{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c2c9b6 transparent}.stage{max-height:calc(100dvh - 315px);max-width:calc(100dvh - 315px)}.stage-shell{flex:0 0 auto;max-height:calc(100dvh - 315px)}.stage-tools{left:max(14px,calc((100% - (100dvh - 315px))/2 + 14px))}.source-link{margin-top:14px}.workspace-heading{margin-bottom:18px}.stage-bottom{min-height:55px}.generation-box .button{margin-top:12px}.design-panel>.panel-heading{margin-bottom:18px}.section-rule{margin:22px 0}.selected-material{margin-bottom:12px}}
@media(min-width:601px) and (max-width:900px){.design-panel{display:block;columns:2;column-gap:30px}.design-panel>*{break-inside:avoid}.design-panel>#selection-controls{break-inside:avoid}.design-panel>.section-rule{display:block}.design-panel>.label-with-meta{margin-top:20px}.material-grid{max-height:580px;overflow:auto}.stage-tools{left:10px;top:10px}}
@media(max-width:600px){.design-panel>#selection-controls{display:block}.range-control{margin-bottom:18px}.slider-label{margin:0 0 8px}.variant-trigger{margin-bottom:21px}.adjust-actions{margin-top:14px}.prune-modes button{font-size:14px;padding:10px}.prune-controls{margin:20px 0 0}.material-tabs{margin-top:-51px}.material-filters{margin-top:4px}.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.variant-card img{height:180px}.stage-tools{left:8px;top:8px;padding:3px}.stage-tools .icon-button{width:27px;height:30px}.stage-hint{display:none}.stage[data-tool=lasso]~.stage-tools,.stage[data-tool=brush]~.stage-tools{opacity:1}#generation-mode{font-size:16px}.generation-mode-label{margin-top:22px}.generation-box h3{font-size:23px}}
@media(min-width:901px){.material-grid{grid-auto-rows:180px;flex:1}.material-card{min-height:174px}.material-card strong{font-size:14px}.material-card img{height:110px}}

.material-card.active{border-color:#7b8c68;background:#e7ebdf;box-shadow:inset 0 0 0 1px #7b8c6830}#vessel-filters{gap:2px}#vessel-filters button{padding-left:7px;padding-right:7px}

.insert-position{border:0;margin:20px 0 2px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.insert-position legend{font-size:13px;color:var(--muted);margin-bottom:9px}.insert-position button{border:1px solid var(--line);border-radius:6px;padding:11px 13px;text-align:left;background:#f1f1ea;transition:.16s ease}.insert-position button:hover,.insert-position button.active{border-color:#899b75;background:#e5eadc;box-shadow:inset 0 0 0 1px #899b7530}.insert-position strong{font-size:14px;font-weight:500;display:block}.insert-position small{font-size:12px;color:var(--muted);display:block;margin-top:3px}
.layer-menu{position:absolute;z-index:500;width:min(258px,calc(100% - 20px));max-height:min(470px,calc(100% - 20px));overflow:hidden;background:#f6f5efee;border:1px solid #aeb7a2;border-radius:8px;box-shadow:0 18px 55px #28302735;backdrop-filter:blur(10px);color:var(--ink);cursor:default}.layer-menu-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:13px 12px 10px 15px;border-bottom:1px solid var(--line)}.layer-menu-heading strong{font:17px var(--serif);letter-spacing:1px}.layer-menu-heading small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.layer-menu-heading .icon-button{width:28px;height:28px}.layer-list{padding:7px;max-height:330px;overflow:auto;scrollbar-width:thin}.layer-row{position:relative;display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:5px;border:1px solid transparent;border-radius:5px;min-height:48px;padding:3px 4px 3px 3px;background:transparent}.layer-row+.layer-row{margin-top:3px}.layer-row:hover{background:#e9ebe2}.layer-row.active{border-color:#98a589;background:#e4e8dc}.layer-row.dragging{opacity:.42}.layer-row.drop-before:before,.layer-row.drop-after:after{content:"";position:absolute;left:4px;right:4px;height:2px;background:var(--accent);border-radius:2px}.layer-row.drop-before:before{top:-3px}.layer-row.drop-after:after{bottom:-3px}.layer-grip{font-size:16px;color:#92988c;cursor:grab;line-height:1}.layer-row:active .layer-grip{cursor:grabbing}.layer-select{min-width:0;display:flex;align-items:center;gap:8px;text-align:left}.layer-select img{width:38px;height:42px;object-fit:contain;background:#ecece5;border-radius:3px}.layer-select>span{min-width:0}.layer-select strong,.layer-select small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-select strong{font-size:13px;font-weight:500}.layer-select small{font-size:11px;color:var(--muted);margin-top:2px}.layer-step{display:flex;gap:2px}.layer-step button{width:25px;height:27px;border:1px solid #c2c8ba;border-radius:4px;font-size:14px;color:#5f6858;background:#f7f6f1}.layer-step button:hover:not(:disabled){border-color:#849276;background:#fff}.layer-step button:disabled{opacity:.26;cursor:not-allowed}.layer-menu-tip{font-size:11px;line-height:1.55;color:var(--muted);padding:8px 14px 11px;border-top:1px solid var(--line)}.layer-empty{font-size:12px;color:var(--muted);padding:22px 10px;text-align:center}
@media(max-width:600px){.insert-position{margin-top:16px}.insert-position button{padding:10px}.insert-position small{font-size:11px}.layer-menu{width:min(250px,calc(100% - 16px));max-height:calc(100% - 16px)}.layer-list{max-height:260px}.layer-menu-tip{display:none}.layer-step button{width:29px;height:31px}}
.export-preview-v3{grid-template-columns:minmax(300px,1.45fr) minmax(180px,1fr);align-items:center}.reference-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.reference-pair figure{margin:0;min-width:0}.reference-pair img{display:block;aspect-ratio:1;object-fit:cover}.reference-pair figcaption{text-align:center;font-size:11px;letter-spacing:.08em;color:var(--muted);margin-top:6px}.export-preview-v3>div:last-child>strong{font:18px var(--serif)}
@media(max-width:600px){.export-preview-v3{grid-template-columns:1fr}.reference-pair{max-width:330px}.reference-pair figcaption{font-size:10px}.export-preview-v3>div:last-child{margin-top:3px}}

@media(max-width:680px){.masthead{height:auto;min-height:108px;padding:14px 16px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.brand{gap:8px}.brand-name{font-size:24px}.brand-name small{display:block;font-size:9px;letter-spacing:2px;padding-left:10px}.header-actions{grid-column:2;grid-row:1;gap:7px}.main-nav{grid-column:1/-1;grid-row:2;height:41px;gap:30px;justify-content:center}.nav-button{font-size:13px}.header-new,.language-toggle,#save-button{width:34px;min-width:34px;height:34px;min-height:34px;padding:0}.header-new{border:1px solid #c9cbbf;border-radius:50%}.header-new>span:last-child,#save-button>span:last-child{display:none}}
@media(max-width:360px){.masthead{padding-left:10px;padding-right:10px}.brand-name{font-size:22px;letter-spacing:2px}.brand-name small{display:none}.main-nav{gap:18px}.header-actions{gap:5px}}