:root{color-scheme:dark;--bg:#131615;--panel:#1b1e1c;--raised:#252925;--line:#343a34;--text:#e8e9e2;--muted:#9bA398;--accent:#cfb583;--accent-dim:#393629;--red:#d98278;--green:#9dbb97;font-family:'Segoe UI',Arial,sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:transparent;color:var(--text);padding:9px 13px;border-radius:5px;cursor:pointer;transition:background .16s,border-color .16s}button:hover:not(:disabled){background:#343a32;border-color:#626956}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button.primary{background:var(--accent);border-color:var(--accent);color:#24271f;font-weight:650}button.primary:hover:not(:disabled){background:#e3cda2}button.primary span{margin-left:14px}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:22px;background:var(--panel)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-size:13px;letter-spacing:1.6px;flex-shrink:0}.brand b{font-weight:400;color:var(--accent)}.brand small{display:block;font-size:9px;letter-spacing:3.6px;color:var(--muted);margin-top:5px}.mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;font:25px Georgia,serif;color:var(--accent)}.project-title{display:flex;align-items:center;gap:10px;min-width:160px}.project-title input{background:transparent;border:0;width:140px;padding:8px 0;color:var(--text)}.prototype{font-size:10px;white-space:nowrap;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:4px 7px}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--green)}.top-actions{display:flex;gap:8px;white-space:nowrap}.workspace{display:grid;grid-template-columns:232px minmax(380px,1fr) 306px;min-height:calc(100vh - 112px)}.left-panel{background:var(--panel);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column}.side-heading{font-size:10px;letter-spacing:1.8px;color:var(--muted);display:flex;justify-content:space-between;margin:0 3px 14px}.side-heading span{color:var(--accent)}.sample-card{padding:10px;border:1px solid var(--line);display:flex;gap:11px;align-items:center;text-align:left;background:#20241f;min-height:81px}.sample-card img{width:52px;height:52px;object-fit:cover;border-radius:50%}.sample-card span{font-size:13px;font-weight:600}.sample-card small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:6px}.wide{width:100%;margin-top:10px}.subtle{font-size:11px;border-style:dashed;color:var(--muted);padding:11px 6px}.section-space{margin-top:30px}.steps{display:flex;flex-direction:column;gap:7px}.step{display:flex;align-items:center;gap:12px;padding:13px 9px;border-color:transparent;text-align:left;min-height:61px}.step>span{color:#818b7f;font-size:11px;font-variant-numeric:tabular-nums}.step div{font-weight:550;font-size:12px}.step small{display:block;color:var(--muted);font-weight:400;font-size:10px;margin-top:6px}.step i{margin-left:auto;color:var(--muted);font-style:normal}.step.active{background:var(--accent-dim);border-color:#514b37}.step.active>span,.step.active i{color:var(--accent)}.layers{display:flex;flex-direction:column;gap:1px}.layers button{border:0;text-align:left;padding:10px 8px;font-size:12px;display:flex;align-items:center;gap:11px}.layer-icon{color:var(--accent);font-size:18px}.layer-icon.protected{color:var(--red)}.layer-state{margin-left:auto;font-size:9px;color:var(--muted)}.local-note{display:flex;gap:9px;margin-top:auto;padding:34px 5px 0;font-size:11px;color:var(--green)}.local-note .status-dot{margin-top:4px}.local-note small{display:block;color:var(--muted);font-size:10px;line-height:1.65;margin-top:8px}.center-panel{display:flex;flex-direction:column;min-width:0}.canvas-toolbar{height:64px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.view-tabs{display:flex;gap:3px}.view-tabs button{border:0;color:var(--muted);font-size:12px;padding:9px 12px}.view-tabs button.selected{background:var(--raised);color:var(--accent)}.history{display:flex;gap:4px}.history button{border:0;font-size:21px;padding:3px 8px}.stage{position:relative;flex:1;min-height:450px;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#252b26 0,#181d19 65%,#151a16 100%)}.stage-top{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 8px;color:var(--muted);font-size:9px;letter-spacing:1.7px}.stage-top span:last-child{letter-spacing:.3px;color:var(--accent);font-size:11px}.canvas-wrap{position:relative;width:min(100% - 60px,570px);aspect-ratio:1;margin:auto;flex-shrink:0}.canvas-wrap canvas{width:100%;height:100%;touch-action:none;display:block;cursor:grab}.canvas-wrap canvas[hidden]{display:none}.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 24px 16px;font-size:10px;color:var(--muted)}.quiet{border-color:transparent;color:var(--muted);font-size:11px}.stage-bottom button{white-space:nowrap;padding:5px}.view-options{padding:10px 24px;border-top:1px solid var(--line);font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.view-options select{margin-left:8px;padding:5px}.view-options>span{color:var(--muted);font-size:10px}.profile-panel{background:#191e19;border-top:1px solid var(--line);padding:18px 25px 11px}.profile-title{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.profile-title small{font-size:10px;letter-spacing:0;margin-left:15px;color:#7d897c}.profile-title strong{font-size:10px;color:var(--accent);font-weight:500;white-space:nowrap}.profile-panel canvas{width:100%;height:72px;display:block;margin-top:6px}.profile-axis{display:flex;justify-content:space-between;font-size:9px;color:#758271}.canvas-status{display:flex;justify-content:space-between;padding:10px 24px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);gap:10px}.right-panel{border-left:1px solid var(--line);background:var(--panel)}.property-panel{padding:27px 24px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--accent);margin-bottom:17px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:29px;letter-spacing:-.6px;line-height:1.18;margin:0 0 16px}h2{font-size:13px;font-weight:600;margin:26px 0 13px}.intro{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 24px;overflow-wrap:anywhere}.assumption{font-size:10px;line-height:1.65;background:#353223;border:1px solid #4c4530;color:#d2bc8b;padding:10px 11px;border-radius:4px;margin:18px 0}.field{display:block;margin:19px 0 0;font-size:11px;color:#bbc2b6}.field input,.field select,.field textarea{display:block;margin-top:9px;width:100%}input[type=number],select,textarea{background:#141914;border:1px solid #3b4238;color:var(--text);border-radius:4px;padding:10px 11px;min-width:0}textarea{resize:vertical;line-height:1.6;font-size:12px}.unit-input{display:flex;align-items:center;position:relative}.unit-input input{padding-right:55px;appearance:textfield}.unit-input>span{position:absolute;right:12px;top:21px;color:var(--muted);font-size:11px;pointer-events:none}.metric{padding:22px 0;margin-top:19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:11px}.metric strong{font-size:28px;color:var(--text);font-weight:400}.metric small{font-size:13px;color:var(--muted)}.explanation{margin-top:25px;font-size:11px;line-height:1.7;color:var(--muted)}.explanation b{color:#ced3c8;font-weight:500}.explanation p{margin:8px 0}.next{margin-top:28px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.slider-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#bbc2b6;margin-top:20px}.slider-label output{color:var(--accent);font-variant-numeric:tabular-nums;font-size:11px}input[type=range]{accent-color:var(--accent);width:100%;margin:13px 0 1px;height:4px;cursor:pointer}input[type=checkbox]{accent-color:var(--accent)}.check{display:flex;align-items:center;gap:8px;margin:19px 0;font-size:11px}.tool-buttons{display:flex;flex-wrap:wrap;gap:5px}.tool-buttons button{font-size:10px;padding:8px 7px;flex:1}.tool-buttons button.selected{background:var(--accent-dim);border-color:#736342;color:var(--accent)}.hint{font-size:10px;line-height:1.7;color:var(--muted);margin-top:15px}.depth-legend{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:22px;gap:8px;font-size:10px;color:var(--muted)}.depth-legend div{width:100%;height:8px;background:linear-gradient(to right,black,white);border:1px solid var(--line);border-radius:2px}.ai-presets{margin-top:12px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px}.comparison figure{margin:0}.comparison img{width:100%;aspect-ratio:1;object-fit:contain;background:#10130f;border-radius:4px}.comparison figcaption{font-size:10px;color:var(--muted);margin-top:5px}details{border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-size:11px;color:var(--muted);line-height:1.8}summary{cursor:pointer}code{font-size:10px;color:var(--accent);overflow-wrap:anywhere}.app-footer{border-top:1px solid var(--line);height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:10px;color:var(--muted);background:#171b17;gap:20px}.app-footer .status-dot{margin-right:7px}#toast{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);background:#d6c396;color:#24271f;padding:14px 22px;border-radius:6px;box-shadow:0 8px 35px #0006;z-index:20;font-size:13px;max-width:min(580px,90vw)}dialog{max-width:570px;width:calc(100% - 40px);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid #56604e;color:var(--text);border-radius:12px;padding:34px;box-shadow:0 25px 120px #0008}dialog::backdrop{background:#060a07bd;backdrop-filter:blur(4px)}dialog h2{font:28px Georgia,serif;margin:0 0 18px}dialog>p{font-size:12px;color:var(--muted);line-height:1.7}.close{float:right;font-size:23px;line-height:22px;border:0;margin-top:-16px;margin-right:-16px}.file-list{list-style:none;margin:20px 0;padding:0}.file-list li{padding:12px 0;border-top:1px solid var(--line)}.file-list b{display:block;font-size:12px;font-weight:500;color:var(--text)}.file-list span{display:block;font-size:10px;color:var(--muted);margin-top:7px}.export-summary{display:flex;gap:16px;justify-content:space-between;font-size:11px;color:var(--accent);margin-top:20px}[hidden]{display:none!important}.busy{opacity:.6;pointer-events:none}@media(min-width:1550px){.workspace{grid-template-columns:250px minmax(480px,1fr) 330px}.canvas-wrap{width:min(100% - 80px,690px)}.property-panel{padding:32px}.left-panel{padding:25px 22px}}@media(max-width:1100px){.workspace{grid-template-columns:190px minmax(320px,1fr) 270px}.topbar{padding:0 16px;gap:10px}.brand{font-size:11px}.brand small{font-size:8px}.prototype{display:none}.project-title input{width:100px}.property-panel{padding:22px 18px}.left-panel{padding:22px 10px}.canvas-toolbar{padding:0 10px}.view-tabs button{padding:9px;font-size:11px}.profile-title small{display:none}.canvas-wrap{width:calc(100% - 24px)}.stage{min-height:380px}.stage-bottom{padding:10px 15px;align-items:flex-start}.stage-top{padding:20px 15px 10px}.top-actions button{padding:9px;font-size:11px}}@media(max-width:850px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:15px}.project-title{display:none}.workspace{grid-template-columns:minmax(280px,1fr) 260px}.left-panel{display:none}.center-panel{grid-column:1}.right-panel{grid-column:2}.canvas-wrap{width:calc(100% - 24px)}.stage{min-height:360px}.app-footer{height:auto;padding:10px;font-size:9px}.app-footer>span:nth-child(2){display:none}}@media(max-width:590px){.workspace{display:flex;flex-direction:column}.top-actions{width:100%}.top-actions button{flex:1}.canvas-wrap{width:min(90%,430px)}.right-panel{border-top:1px solid var(--line);border-left:0}.property-panel{padding:25px}.property-panel h1 br{display:none}.canvas-toolbar{height:55px}.stage{min-height:360px}.profile-panel{padding:15px}.view-options{flex-direction:column;align-items:flex-start}.stage-bottom{font-size:9px}.right-panel:before{content:attr(data-properties-label);display:block;padding:16px 25px 0;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:2px}.topbar .brand{font-size:12px}.canvas-status{font-size:9px}.app-footer{gap:10px}}
#stepSelect{display:none}@media(max-width:850px){#stepSelect{display:block;width:calc(100% - 36px);margin:18px 18px 0}}
/* Process workflow v2 */
.workspace{grid-template-columns:225px minmax(340px,1fr) 320px}.steps{gap:4px}.step{padding:12px 10px}.step small{line-height:1.4}.channel-status{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:25px;padding:18px 5px;gap:9px}.channel-status span{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-top:7px}.channel-status strong{font-size:10px;font-weight:500;line-height:1.6;color:var(--accent)}.mobile-step{display:none}.property-panel{padding:26px 22px}.property-panel .primary{margin-top:16px}.property-panel details>.field:first-of-type{margin-top:13px}.finish-legend{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.finish-legend span{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.finish-legend span:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--chip)}.stale{border-color:#9b6850;color:#f4b39b}.ai-running{margin:10px 22px 25px;padding:15px;background:var(--accent-dim);border:1px solid #685c40;font-size:11px;line-height:1.8}.empty-overlay{position:absolute;inset:25% 8%;padding:30px;background:#151b16ed;border:1px solid #555d4d;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:20px;color:var(--accent);font:24px Georgia;pointer-events:none}.empty-overlay small{font:12px/1.8 'Segoe UI',sans-serif;color:var(--muted)}.view-options{flex-wrap:wrap;justify-content:flex-start;gap:15px}.canvas-toolbar{padding:0 14px}.view-tabs button{padding:9px 10px}.right-panel{overflow-wrap:anywhere}.stage{min-height:400px}#handoffStatus{font-size:10px}.local-note{padding-top:15px}#aiDialog{width:min(850px,92vw);max-width:850px}.comparison img{border:1px solid var(--line)}.comparison figcaption{margin:9px 0 18px}.profile-title small{font-size:9px}
@media(min-width:1550px){.workspace{grid-template-columns:245px minmax(480px,1fr) 360px}.property-panel{padding:30px}.canvas-wrap{width:min(100% - 70px,650px)}}
@media(max-width:1100px){.workspace{grid-template-columns:185px minmax(300px,1fr) 280px}.property-panel{padding:22px 18px}.view-tabs button{padding:9px 7px}.side-heading{font-size:8px}.step{padding:11px 7px}}
@media(max-width:850px){.workspace{grid-template-columns:minmax(280px,1fr) 275px}.mobile-step{display:block;padding:15px 18px 0;font-size:10px;color:var(--accent)}#stepSelect{display:block;width:100%;margin:8px 0 0}.left-panel{display:none}.canvas-toolbar{padding:0 8px}.view-tabs{gap:0}}
@media(max-width:590px){.workspace{display:flex}.mobile-step{position:relative}.right-panel:before{display:none}.property-panel{padding:22px}.stage{min-height:360px}.channel-status{display:none}}
.saved-location{font:10px/1.7 Segoe UI,sans-serif;color:#c8b687;background:#1a201b;overflow-wrap:anywhere;padding:0 24px}.saved-location:not(:empty){padding:12px 24px;border-top:1px solid #394335}

.view-navigation{display:flex;align-items:center;gap:4px;flex-shrink:0}.view-navigation output{min-width:48px;text-align:center;color:var(--accent);font-variant-numeric:tabular-nums}.view-navigation #zoomIn,.view-navigation #zoomOut{font-size:18px;min-width:28px}.stage-bottom{flex-wrap:wrap}.stage-bottom #canvasHint{flex:1;min-width:180px}

/* A shared start action follows the active process preview. */
.process-action{padding:18px 24px 20px;border-top:1px solid #3b5140;background:#1a241d;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.process-description{margin:0;color:#b9caba;font-size:11px;line-height:1.6}
button.process-start{display:flex;align-items:center;justify-content:center;gap:14px;width:min(100%,520px);min-height:58px;padding:15px 25px;border:1px solid #86d19b;border-radius:7px;background:#79c48f;color:#102618;font-size:19px;font-weight:650;box-shadow:0 3px 12px #07110a33}
button.process-start:hover:not(:disabled){background:#92d7a6;border-color:#abe7bb}
button.process-start:focus-visible{outline-color:#adf2bd}
button.process-start:disabled{background:#456c51;border-color:#62846b;color:#d0e2d3;opacity:1}
.start-icon{font-size:16px}.process-start-hint{margin:0;font-size:10px;line-height:1.6;color:#a3b8a7}
.process-result{font-size:11px;line-height:1.7;color:#bee6c6;overflow-wrap:anywhere;max-width:760px}.process-result:empty,.process-location:empty{display:none}.process-result.process-error{color:var(--red)}
.process-location{font-size:10px;line-height:1.5;color:var(--muted);margin:0;overflow-wrap:anywhere;max-width:760px}
@media(max-width:590px){.process-action{padding:16px}.process-start{font-size:17px}}

.create-motif{border-color:#6f6548;color:var(--accent);background:#2b2c22;font-size:11px}.history .alignment-trigger{font-size:11px;padding:8px 10px;border:1px solid var(--line);color:var(--accent)}
.design-dialog{width:min(920px,94vw);max-width:920px}.alignment-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.alignment-layout canvas{display:block;width:100%;height:auto;background:#101710;border:1px solid var(--line);border-radius:6px}.alignment-report{padding:12px 14px;border:1px solid #405344;background:#202c23;color:#bed4bf;font-size:12px;line-height:1.9;white-space:pre-line;margin-top:16px}.alignment-layout .field:first-child{margin-top:0}
.style-catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.style-card{padding:16px 10px;text-align:left;background:#20251f}.style-card[aria-pressed=true]{border-color:var(--accent);background:#363426}.style-symbol{display:flex;align-items:center;justify-content:center;height:62px;margin-bottom:12px;border:1px solid #49533e;border-radius:50%;width:62px;color:var(--accent);font:36px Georgia,serif;background:radial-gradient(#3d4536,#1a211b)}.style-card strong{display:block;font-size:12px}.style-card small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:6px}.generation-status{font-size:12px;line-height:1.8;color:var(--accent);white-space:pre-line}.generation-status:empty{display:none}.comparison.single{grid-template-columns:1fr}.comparison.single figure:last-child{max-width:580px;margin:auto;width:100%}
@media(max-width:850px){.history .alignment-trigger{max-width:100px;font-size:10px;padding:5px}.canvas-toolbar{height:auto;min-height:64px;flex-wrap:wrap;padding:8px}.style-catalog{grid-template-columns:repeat(2,1fr)}}
@media(max-width:590px){.alignment-layout{grid-template-columns:1fr}.design-dialog{padding:22px}.style-catalog{gap:7px}.style-card{padding:12px}}

.recent-projects{display:flex;flex-direction:column;gap:7px;max-height:55vh;overflow:auto}.recent-projects button{text-align:left;display:flex;flex-direction:column;gap:6px;padding:12px}.recent-projects small{color:var(--muted);font-size:10px}
.result-layers{margin:24px 0;border-top:1px solid var(--line)}.result-layers>div{padding:16px 0;border-bottom:1px solid var(--line)}.result-layers dt{font-size:10px;color:var(--accent);margin-bottom:8px}.result-layers dd{margin:0;font-size:12px;line-height:1.7;color:var(--text)}
.lighting-control{display:flex;align-items:center;gap:6px}.view-options .lighting-hint{flex-basis:100%;line-height:1.6}

.smart-mask-tools{margin-top:18px;padding:14px 12px;border:1px solid #4c6251;border-radius:6px;background:#202b23}.smart-mask-tools .field{margin-top:13px}.smart-mask-tools>.field:first-child{margin-top:0}.smart-mask-tools .slider-label{margin-top:14px}.smart-mask-tools .hint{margin:10px 0 0;font-size:10px}.mask-feedback{margin:10px 0 0;font-size:10px;line-height:1.6;color:#b4dec3;min-height:32px}.muted-control{opacity:.45}.compact-field{margin-top:12px}

.relief-depth-controls{padding:18px 0 10px;margin:18px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.relief-depth-controls .eyebrow{margin-bottom:10px}.relief-depth-controls .slider-label{margin-top:14px}
.connection-banner{padding:10px 20px;background:#3c3221;color:#f3d99c;border-bottom:1px solid #9b8050;font-size:12px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.connection-banner[hidden]{display:none}.connection-banner button{font-size:11px}.status-dot.offline{background:#d89767}.recovery-projects{max-height:240px}#projectDialog{max-height:90vh;overflow:auto}#projectDialog h3{font-size:13px;color:var(--accent);margin-top:24px}

.language-picker{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.language-picker select{padding:8px 5px;min-width:54px;color:var(--accent)}
@media(max-width:1250px){.language-picker>span{display:none}.top-actions{gap:5px}}
@media(max-width:590px){.top-actions{flex-wrap:wrap}.language-picker{flex:0 0 auto}.top-actions button{white-space:normal}.view-tabs button{padding:9px 6px}.canvas-toolbar{height:auto;min-height:55px;flex-wrap:wrap;padding:8px 10px}}

.material-stage{flex:1;min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 32px;background:radial-gradient(ellipse at center,#29302a,#151a16 70%)}.material-stage>.eyebrow{align-self:flex-start}.material-stage h1{margin-top:28px;font-size:36px}.material-disc{--metal-base:#bcc2c7;width:230px;height:230px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 25deg,#ffffff80,#ffffff08,#00000060,#ffffff55,#ffffff0d,#00000066,#ffffff80),var(--metal-base);box-shadow:inset 0 0 0 2px #fff5,inset 0 0 20px #0007,0 22px 55px #0004}.material-disc span{font:64px Georgia,serif;color:#17201bd9;text-shadow:0 1px 0 #fff6}.material-palette{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:12px 0}.material-tone{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:58px}.material-tone>span{width:46px;height:46px;border-radius:50%;border:1px solid #ffffff30}.material-tone small{color:var(--muted);font-size:11px}.material-caption{max-width:420px}.material-capabilities{border-top:1px solid var(--line);margin-top:25px;max-width:520px;width:100%}.material-context{font-size:11px;line-height:1.7;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:10px}.material-context strong{color:var(--accent)}.field input[type=text]{background:#141914;border:1px solid #3b4238;border-radius:4px;padding:10px 11px;color:var(--text)}.view-tabs{flex-wrap:wrap}.canvas-toolbar{height:auto;min-height:64px;padding-top:8px;padding-bottom:8px}.canvas-toolbar .history{flex-shrink:0}
@media(max-width:590px){.material-stage{min-height:520px;padding:25px 20px}.material-disc{width:180px;height:180px}.material-tone{min-width:42px}.material-tone>span{width:36px;height:36px}}

.material-stage{padding:30px 28px}.material-disc{width:160px;height:160px}.material-disc span{font-size:50px}.material-stage h1{margin:20px 0 5px}.material-palette{max-width:720px;gap:14px 16px}.material-tone{min-width:68px}.material-tone .material-tone-ref{font-size:9px;color:var(--accent)}.material-caption{max-width:600px}.material-evidence{max-width:660px;width:100%;text-align:left;border:1px solid var(--line);border-radius:8px;padding:16px 20px;margin-top:14px;background:#151b1670}.material-evidence h2{margin:0 0 12px;color:var(--accent)}.material-evidence p{font-size:11px;line-height:1.65;margin:8px 0}.material-evidence details{margin:12px 0 0;padding-top:10px}.material-evidence summary{font-size:11px}#materialSources a{display:block;color:var(--accent);font-size:11px;line-height:1.7;margin-top:10px}.material-capabilities{margin-top:16px}.material-capabilities h2{margin-top:16px}.material-mini-palette{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 18px}.material-mini-tone{font-size:10px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.material-mini-tone:before{content:'';display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--tone);border:1px solid #ffffff30;flex-shrink:0}
.laser-context{margin:20px 0;padding:14px 12px;border:1px solid var(--line);border-radius:5px;background:#19231d}.laser-context dl{margin:12px 0}.laser-context dl>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:11px}.laser-context dt{color:var(--muted)}.laser-context dd{margin:0;color:var(--accent);white-space:nowrap}.laser-context .hint{font-size:10px;line-height:1.65}.material-mini-palette+[data-material-candidate-note]{color:var(--accent);font-size:10px}
.material-disc.has-motif{position:relative;width:220px;height:220px;background:#111611}.material-disc canvas{width:100%;height:100%;border-radius:50%;display:block}.material-disc.has-motif span{position:absolute;right:-5px;bottom:6px;border-radius:50%;background:var(--metal-base);border:1px solid #ffffff60;width:45px;height:45px;display:grid;place-items:center;font-size:24px}.material-adaptation{margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:5px;background:#1a241d}.material-adaptation .hint{font-size:10px;line-height:1.65;margin:0 0 10px}.material-adaptation .hint:last-child{margin:10px 0 0}.material-adaptation button{font-size:10px}#compareMotifOriginal[aria-pressed=true]{border-color:var(--accent);background:#393628;color:var(--accent)}
.collection-list{display:flex;flex-direction:column;gap:7px;max-height:252px;overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#a18d60 #121713;padding-right:3px;flex-shrink:0}
.collection-list::-webkit-scrollbar{width:7px}.collection-list::-webkit-scrollbar-track{background:#121713;border-radius:6px}.collection-list::-webkit-scrollbar-thumb{background:#a18d60;border:1px solid #121713;border-radius:6px}
.collection-row{display:flex;position:relative;min-height:75px;border:1px solid var(--line);border-radius:5px;background:#181e19;flex-shrink:0}.collection-row.active{border-color:#a18d60;background:#302f23;box-shadow:inset 3px 0 var(--accent)}
.collection-card{display:flex;align-items:center;gap:9px;text-align:left;width:100%;min-width:0;border:0;background:transparent;padding:10px 21px 10px 9px}.collection-card:hover{background:#ffffff06}.collection-card img{width:43px;height:43px;object-fit:cover;border:1px solid #ffffff25;border-radius:50%;flex-shrink:0}.collection-copy{min-width:0}.collection-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.collection-copy small{display:block;color:var(--muted);font-size:9px;line-height:1.4;margin-top:5px}.collection-dirty{position:absolute;right:9px;bottom:11px;font-size:7px;color:var(--accent)}.collection-close{position:absolute;right:3px;top:4px;padding:0;width:18px;height:20px;border:0;font-size:15px;color:var(--muted);background:transparent}.collection-close:hover{color:var(--text);background:#ffffff12}.collection-close:disabled{visibility:hidden}.collection-add{margin-top:9px!important;font-size:11px;color:var(--accent)}
@media(max-width:900px){.collection-list{max-height:210px}}
.catalog-material{margin:18px 0 24px;padding:16px 18px;background:#171e19;border:1px solid #86764e80;border-radius:7px}.catalog-material-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.catalog-material-fields .field{margin:0;min-width:0}.catalog-material .material-mini-palette{margin:14px 0 10px}.catalog-material>.hint{margin:8px 0;font-size:11px;line-height:1.6}.catalog-material-details{margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.catalog-material-details>summary{color:var(--accent);font-size:11px;cursor:pointer}.catalog-material-details .material-evidence{max-width:none;box-sizing:border-box}.catalog-material-details .assumption{margin-top:14px}.catalog-material-details .material-palette{justify-content:flex-start}.catalog-material-details h2{font-size:18px}.catalog-material-details #materialPaletteTitle{font-size:12px;color:var(--accent)}
@media(max-width:600px){.catalog-material-fields{grid-template-columns:1fr;gap:12px}.catalog-material{padding:14px}}
.motif-overlay-controls{display:grid;grid-template-columns:1fr auto;gap:9px 16px;padding:14px 24px;background:#1a211c;border-top:1px solid var(--line);font-size:11px}
.motif-overlay-controls[hidden]{display:none}.motif-overlay-controls output{color:var(--accent);font-variant-numeric:tabular-nums}.motif-overlay-range{grid-column:1/-1;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:10px}.motif-overlay-range input{flex:1;min-width:70px;width:100%;margin:0;accent-color:var(--accent)}.motif-overlay-controls p{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px}
.heightmap-download{max-width:620px;margin:12px auto 20px;padding:14px;border:1px solid var(--line);border-radius:6px;background:#171e19}.heightmap-download[hidden]{display:none}.heightmap-download button{width:100%;border-color:var(--accent);color:var(--accent);font-weight:600}.heightmap-download p{font-size:10px;color:var(--muted);margin:8px 0 0}.heightmap-download p:first-of-type{color:var(--text)}





/* Keep motif creation accessible when the collection sidebar is hidden. */
.mobile-motif-actions{display:none}
@media(max-width:850px){.mobile-motif-actions{display:block;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.mobile-motif-actions button{width:100%;min-height:44px}}

.ai-task-progress{margin:12px 0;padding:14px;border:1px solid #736344;border-radius:6px;background:#28291f;color:var(--accent)}
.ai-task-progress[hidden]{display:none}.ai-task-label{margin:0 0 10px;font-size:12px;line-height:1.6}.ai-task-track{height:10px;background:#111713;border-radius:20px;overflow:hidden}.ai-task-track[hidden]{display:none}.ai-task-fill{position:relative;display:block;height:100%;width:3%;background:linear-gradient(90deg,#a88d56,#e1ca96);border-radius:inherit;transition:width .12s linear;overflow:hidden}.ai-task-progress[data-state=running] .ai-task-fill:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff70,transparent);animation:ai-task-shimmer 1.8s linear infinite}.ai-task-progress[data-state=complete] .ai-task-fill{transition:width .35s ease-out}.ai-task-progress[data-state=error]{border-color:var(--red);color:var(--red)}.ai-task-progress small{display:block;font-size:10px;line-height:1.5;margin-top:8px;color:var(--muted)}.ai-task-progress small[hidden]{display:none}@keyframes ai-task-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(prefers-reduced-motion:reduce){.ai-task-fill{transition:none!important}.ai-task-progress[data-state=running] .ai-task-fill:after{animation:none}}