@import url('/shared/ui-text-fonts-v1.css');@font-face{font-family:Kimpo;src:url('/assets/fonts/Kimpo-Regular.ttf');font-display:swap}:root{--paper:#f0eafa;--ink:#173f73;--body:#355a85;--muted:#6d7795;--accent:#aa87c8;--line:#173f7326;--white:#fffcf5;--font:'Yuanti SC','STYuanti','Avenir Next','PingFang SC',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 var(--font)}button,input{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{text-decoration:none;color:inherit}h1,h2,p{margin:0}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #6479c3;outline-offset:4px}button{background:none}fieldset{border:0;margin:0;padding:0;min-width:0}[hidden]{display:none!important}.header{max-width:1416px;margin:auto;padding:17px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:9px}.brand img{object-fit:contain;transform:rotate(-6deg)}.brand>span{font:36px/1.15 PF,cursive}.brand small{display:block;font:12px/1.7 var(--font);letter-spacing:.12em;margin:7px 0 0 2px}.draft-tag{font-size:11px;color:#6d7795;padding:5px 11px;border:1px dashed #a7a4c6;border-radius:5px;transform:rotate(2deg);white-space:nowrap}main{max-width:1320px;margin:auto;padding:0 32px}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:25px 0 25px;gap:24px}.eyebrow{font-size:12px;letter-spacing:.16em;margin:0 0 5px 3px}.intro h1{font:clamp(38px,3.8vw,54px)/1.4 PF,cursive}.intro h1 span{color:#9870b7}.intro-note{font-size:13px;line-height:1.9;color:var(--body);padding:0 8px 7px}.workspace{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(350px,1fr);gap:24px;align-items:start}.preview-panel{position:sticky;top:18px;background:#e4d9f3;min-width:0;border:1.5px solid var(--ink);border-radius:23px;overflow:hidden;box-shadow:4px 5px 0 #173f730a;isolation:isolate}.preview-panel:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#173f7324 .75px,transparent .75px);background-size:18px 18px;opacity:.48}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:23px 26px 0;gap:15px}.preview-label{font:25px PF,cursive}.view-badge{font-size:11px;color:#6d7795;background:#f8f3ffbb;border:1px solid #173f7326;border-radius:5px;padding:3px 8px}.mode-switch{display:flex;border:1px solid #173f7340;border-radius:99px;padding:3px;background:#f8f3ffa8;width:max-content;max-width:95%;margin:17px auto 0;gap:3px}.mode-switch button{display:flex;align-items:center;gap:6px;font-size:12px;padding:7px 13px;min-height:36px;border:1px solid transparent;border-radius:99px}.mode-switch button[aria-pressed=true]{background:#fffcf5;border-color:#173f7355}.mode-switch img{width:21px;height:21px}.viewport{position:relative;width:100%;height:370px;touch-action:pan-y;cursor:grab}.viewport canvas{width:100%;height:100%;display:block}.view-tools{display:flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid #173f733b;border-radius:99px;background:#fffcf5e0;width:max-content;max-width:95%;margin:auto}.view-tools button{border:0;min-height:38px;padding:4px 11px;font-size:12px;display:flex;align-items:center;gap:5px;border-radius:30px}.view-tools button[aria-pressed=true]{background:#e5dcf2}.view-tools button:hover{background:#eee6f7}.view-tools img{width:24px;height:24px}.view-tools>span{height:16px;width:1px;background:var(--line)}.drag-hint{text-align:center;font-size:11px;color:var(--muted);margin:10px 0 19px}.click-box{max-width:390px;padding:0 20px;margin:auto;text-align:center}.press-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:53px;padding:5px 20px;border:1.5px solid var(--ink);border-radius:46% 5% 45% 6%/6% 45% 6% 45%;background:#fff6d9;box-shadow:2px 4px 0 #173f7324;font:22px PF,cursive;width:100%;transition:transform .12s,box-shadow .12s}.press-button:active{transform:translateY(3px);box-shadow:0 1px 0 #173f7324}.press-button img{height:38px;width:38px;object-fit:contain}.press-button>span{margin-left:auto}.click-box p{font-size:12px;color:#6b6c93;margin:12px 0 21px;min-height:20px}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 26px;border-top:1px solid var(--line);padding:17px 0 20px}.mini-label{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}.preview-bottom strong{font-size:14px;font-weight:500}.sample-note{padding:2px 8px;border:1px solid #173f7333;border-radius:4px;transform:rotate(-5deg);font-size:12px}.customizer{border:1.5px solid var(--ink);border-radius:20px;padding:23px 25px;background:#fffcf5;box-shadow:3px 4px 0 #173f7309}.editor-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eee7f6;padding:4px;border-radius:11px;gap:4px}.editor-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 5px;min-height:44px;border:1.5px solid transparent;border-radius:8px;font-size:13px}.editor-tabs button[aria-selected=true]{border-color:var(--ink);background:#d8c5ed;box-shadow:1px 2px 0 #173f7317}.editor-tabs img{width:26px;height:26px;object-fit:contain}.control-section{margin-top:24px}.control-section legend{display:flex;gap:7px;width:100%;font-size:14px;font-weight:500;align-items:center;margin-bottom:13px;line-height:1.5}.step{font:22px Kimpo,cursive;color:#9a74b6}.shape-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.shape-tile{border:1px solid #173f7333;border-radius:9px;background:#fffcf5;min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 3px;font-size:12px;position:relative}.shape-tile svg{width:47px;height:47px;overflow:visible}.shape-tile[aria-pressed=true]{background:#f0e6fa;border:1.5px solid var(--ink)}.shape-tile[aria-pressed=true]:after{content:'✓';position:absolute;top:2px;right:6px;font-size:11px}.shape-tile:hover{background:#f5effb}.compact .shape-tile{min-height:76px;gap:4px}.compact .shape-tile svg{height:33px;width:33px}.control-note{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.8}.selection-name{margin-left:auto;font-size:11px;font-weight:400;color:var(--muted)}.palette-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.palette{display:flex;align-items:center;gap:8px;border:1px solid #173f7330;border-radius:8px;background:#fffdf9;padding:9px 10px;min-height:45px;font-size:11px}.palette[aria-pressed=true]{background:#f0e6fa;border:1.5px solid var(--ink);padding:8.5px 9.5px}.palette>i{width:24px;height:24px;flex-shrink:0;border:1px solid #173f7333;border-radius:50%;background:linear-gradient(90deg,var(--a) 50%,var(--b) 50%)}.custom-colors{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.custom-colors label{display:flex;align-items:center;gap:9px;font-size:11px}.custom-colors input{width:31px;height:31px;background:transparent;border:0;padding:0;cursor:pointer}.custom-colors button{border:1px solid #173f7333;border-radius:7px;padding:1px 9px;font-size:24px;line-height:1.2}.next-section{width:100%;padding:11px 13px;margin-top:20px;border:1px dashed #173f7355;border-radius:8px;font-size:12px;display:flex;justify-content:space-between;background:#f6f0fb}.actions{margin-top:23px;padding-top:19px;border-top:1px dashed var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary,.secondary{min-height:45px;border:1.5px solid var(--ink);border-radius:8px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.primary{background:#d8c5ed;box-shadow:2px 3px 0 #173f731a}.primary>span{font-size:23px;line-height:1}.secondary{background:#fffcf5}.secondary img{width:22px;height:22px}.actions p{grid-column:1/-1;font-size:10px;text-align:center;color:var(--muted);margin-top:3px}.field-label{font-size:12px;display:flex;justify-content:space-between;margin-bottom:7px}.field-label span{color:var(--muted);font-size:11px}#label{width:100%;border:1px solid #173f7340;border-radius:8px;background:#fffefa;padding:11px;font-size:16px}.suggestions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.suggestions button,.text-button{border:0;text-decoration:underline;text-underline-offset:4px;font-size:11px;min-height:34px;color:#6c678f;padding:3px 0}.upload{position:relative;border:1.5px dashed #9d8bb7;border-radius:12px;background:#f4eefb;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.upload img{width:37px;height:37px}.upload strong{font-size:14px;font-weight:500}.upload span{font-size:10px;color:var(--muted)}.upload input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.relief-note{display:flex;gap:13px;align-items:center;border:1px solid #dcd0ec;background:#f8f3fc;border-radius:10px;padding:14px;margin-top:22px}.relief-note>span{font-size:36px;color:#a683c3}.relief-note p{font-size:13px}.relief-note small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.prototype-note{text-align:center;color:var(--muted);font-size:11px;margin:23px 0 32px}footer{max-width:1320px;margin:auto;border-top:1px solid var(--line);padding:19px 32px 25px;display:flex;align-items:center;gap:17px}footer>span{font:27px PF,cursive}footer p{font-size:12px;color:var(--body)}footer small{font-size:11px;color:var(--muted);margin-left:auto}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);max-width:90%;padding:10px 20px;background:#173f73;color:#fffaf1;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:30}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1440px){.viewport{height:410px}.customizer{padding:25px 29px}.preview-panel{top:20px}}@media(max-width:1000px){.header{padding:16px 28px}main{padding:0 24px}.workspace{grid-template-columns:minmax(0,1.1fr) minmax(330px,1fr);gap:18px}.customizer{padding:20px}.intro h1{font-size:44px}.intro-note{font-size:12px}.preview-top{padding:22px 20px 0}.preview-label{font-size:23px}.preview-bottom{margin:0 20px}.view-badge{font-size:10px}.sample-note{display:none}.viewport{height:360px}}@media(max-width:760px){.header{padding:11px 18px}.brand img{width:58px;height:58px}.brand>span{font-size:28px}.brand small{font-size:10px;margin-top:5px;letter-spacing:.02em}.draft-tag{font-size:9px;padding:4px 7px}main{padding:0 18px}.intro{display:block;padding:23px 0 20px}.intro h1{font-size:39px}.eyebrow{font-size:11px}.intro-note{font-size:12px;margin-top:7px;padding:0}.intro-note br{display:none}.workspace{grid-template-columns:1fr;gap:20px}.preview-panel{position:relative;top:auto}.preview-top{padding:19px 19px 0}.preview-label{font-size:24px}.viewport{height:320px}.mode-switch{margin-top:14px}.preview-bottom{padding:13px 0 17px}.sample-note{display:block}.click-box{max-width:300px}.press-button{font-size:22px}.click-box p{font-size:11px}.customizer{padding:22px}.control-section{margin-top:23px}.shape-tile{min-height:90px}.actions{margin-top:24px}footer{margin:0 18px;padding:20px 0;gap:10px;flex-wrap:wrap}footer>span{font-size:24px}footer small{width:100%;margin:0}.prototype-note{text-align:left;line-height:1.9;margin:19px 5px 25px;font-size:10px}.header{gap:10px}.view-tools button{font-size:11px;padding:4px 9px}}@media(max-width:360px){main{padding:0 13px}.header{padding:10px 13px}.brand>span{font-size:25px}.brand img{width:48px;height:48px}.brand small{font-size:9px}.draft-tag{font-size:8px}.intro h1{font-size:33px}.customizer{padding:19px 16px}.control-section legend{font-size:13px}.selection-name{font-size:10px}.shape-options{gap:6px}.shape-tile{font-size:11px}.viewport{height:290px}.custom-colors{gap:8px}.custom-colors label{gap:5px}.view-tools button{padding:4px 7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Milk-white canvas with small lavender and blush accents; no green theme. */
:root{--paper:#faf7ef;--accent:#a685bd;--blush:#f6dfe5}.preview-panel{background:#f5efe6}.intro h1 span{color:#9572af}.header-actions{display:flex;gap:20px;align-items:center}.header-actions .text-button{font-size:12px;text-decoration:none}.mode-switch{background:#fffdf8dd}.preview-top .view-badge{background:#efe5f5}.editor-tabs{background:#f2eee7}.customizer{background:#fffdf8}.press-button{background:var(--blush)}.sample-note{background:#f7e8ec}.primary{background:#e7dcf2}.secondary{background:#fffdf8}.shape-tile,.motif-options button{background:#fffdf8}.shape-tile[aria-pressed=true]{background:#f0e8f7;--shape-fill:#e4d5ef}.next-section{background:#faf1f3}.relief-note{background:#faf0f3;border-color:#ebd7df}.view-tools button[aria-pressed=true]{background:#eee4f5}.custom-colors{flex-wrap:wrap;gap:10px}.custom-colors label{gap:6px}.custom-colors label:last-child{flex-basis:100%;justify-content:flex-end}.custom-colors button{font-size:20px}.size-control{display:flex;align-items:center;gap:12px;margin-top:14px;min-width:0;font-size:11px}.size-control label{white-space:nowrap}.size-control input{width:100%;min-width:0;accent-color:#aa8ac6}.size-control output{white-space:nowrap;min-width:49px;text-align:right;color:#727894;font-size:11px}.content-types{display:flex;gap:6px}.content-types button{flex:1;min-height:39px;padding:6px 3px;border:1px solid #173f7333;border-radius:7px;background:#fffefa;font-size:11px}.content-types button[aria-pressed=true]{background:#e7dbf3;border:1.5px solid #173f73}.motif-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:17px}.motif-options button{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;border:1px solid #173f7333;border-radius:9px;min-height:86px;font-size:11px;background:#fffcf5}.motif-options span{font:35px/1.2 sans-serif;color:#a586c0}.motif-options button[aria-pressed=true]{background:#efe6f7;border:1.5px solid var(--ink)}#text-settings,#upload-settings{margin-top:18px}.outline-options{display:flex;flex-direction:column;gap:7px}.outline-options button{min-height:39px;padding:8px 12px;text-align:left;font-size:12px;border:1px solid #173f7333;border-radius:7px;background:#fffefa}.outline-options button:before{content:'○';margin-right:9px}.outline-options button[aria-pressed=true]{background:#f0e6f8;border:1.5px solid var(--ink)}.outline-options button[aria-pressed=true]:before{content:'●'}.outline-options button:disabled{cursor:not-allowed;opacity:.45}#art-summary{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px;border:1px solid #173f7326;border-radius:8px}#art-thumb{width:54px;height:54px;object-fit:contain;background:white;border-radius:5px}#art-note{font-size:10px;color:var(--muted);flex:1}.threshold-control{margin-top:16px}.threshold-control label{font-size:11px;display:flex;justify-content:space-between}.threshold-control label span{font-size:10px;color:var(--muted)}.threshold-control input{width:100%;accent-color:#aa8ac6;margin-top:10px}#upload-error{color:#a94d59;font-size:11px;margin-top:9px}#layer-tags{display:flex;gap:16px;justify-content:center;margin:0 12px 14px;font-size:11px;color:var(--muted)}#layer-tags span{background:#fffcf5c9;border:1px solid #173f7322;padding:3px 9px;border-radius:5px}.viewport:focus-visible{outline:2px dashed #7d679c;outline-offset:-8px}.render-error{padding:80px 25px;text-align:center;font-size:13px;color:var(--muted)}.shape-tile.custom-shape{border-style:dashed;background:#f8eaf0}.busy .viewport{opacity:.65}.upload.busy{opacity:.65;pointer-events:none}@media(max-width:760px){.header-actions{gap:6px}.header-actions .text-button{display:none}.custom-colors label:last-child{flex-basis:auto}.custom-colors{justify-content:space-between}.custom-colors button{order:4;margin-left:auto}.content-types button{font-size:12px}.shape-tile{min-height:92px}.viewport{height:340px}.prototype-note{font-size:11px}.actions p{font-size:11px}.control-note{font-size:12px}}@media(max-width:360px){.custom-colors label{font-size:10px}.custom-colors input{width:26px;height:26px}.size-control{gap:8px}.viewport{height:290px}}

@media(max-width:760px){.intro h1 span{display:block}.intro h1{font-size:38px;line-height:1.38}.press-button{white-space:nowrap;font-size:19px;padding:8px 13px;gap:7px}.press-button img{width:29px;height:29px;flex-shrink:0}.click-box{max-width:315px;padding:0 18px}.press-button>span{flex-shrink:0}}@media(max-width:360px){.intro h1{font-size:34px}.press-button{font-size:17px;gap:5px}}
/* Image-to-clicker customizer */
.feature-intro{margin:0 0 18px}.feature-intro h2{font:29px/1.5 PF,cursive;margin:5px 0}.feature-intro p{font-size:12px;color:var(--muted)}.feature-intro .eyebrow{color:#9d779e;font-size:11px}.example-button{margin-top:6px}.surface-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.surface-options button{background:#fffdf8;border:1px solid #173f7333;border-radius:12px;padding:14px 6px 12px;display:flex;flex-direction:column;align-items:center;gap:4px}.surface-options button[aria-pressed=true]{border:1.5px solid var(--ink);background:#f1e8f7}.surface-options strong{font-size:13px;font-weight:500}.surface-options small{font-size:10px;color:var(--muted)}.surface-drawing{height:40px;width:55px;display:block;border-radius:45% 48% 39% 40%;border:1px solid #b09abe;margin-bottom:6px;transform:rotate(-7deg)}.puffy-drawing{background:radial-gradient(ellipse at 35% 28%,#fff9f6,#e1c9e6 60%,#bfa2cc);box-shadow:2px 4px 0 #ded1e5}.flat-drawing{background:#fff7ed;box-shadow:1px 5px 0 #d9c1df;color:#d09aac;font:30px/36px sans-serif}.surface-section{padding-bottom:22px;border-bottom:1px dashed var(--line);margin-bottom:22px}.depth-details{margin-top:13px;font-size:12px}.depth-details summary,.fixed-shapes summary{cursor:pointer;color:#736782;min-height:35px;line-height:35px;font-size:12px}.depth-upload{display:block;position:relative;border:1px dashed #bfa8cf;border-radius:8px;background:#fff9fc;padding:10px;text-align:center;margin-top:10px;cursor:pointer}.depth-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}#depth-summary{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:10px}#depth-thumb{width:40px;height:40px;object-fit:contain}#depth-error{color:#a94d59;font-size:11px}.fixed-shapes{margin-top:16px}.fixed-shapes .control-section{margin-top:15px}.upload{padding:18px 12px;background:#faf4f8}.upload span{font-size:10px}.preview-panel{top:18px}.busy .viewport{opacity:.6}#edit-relief{margin-top:14px}.fixed-shapes .control-note{margin-bottom:8px}#layer-tags{flex-wrap:wrap}#upload-error:empty,#depth-error:empty{display:none}@media(max-width:760px){.feature-intro h2{font-size:27px}.surface-options small{font-size:10px}.preview-panel{top:auto}.customizer{padding:20px}.surface-section{margin-top:18px}}

/* Smooth preset toys, direct-touch interaction */
.preset-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0 14px}.preset-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 5px 12px;border:1px solid #173f7330;border-radius:13px;background:#fffdf8;min-width:0}.preset-card[aria-pressed=true]{border:1.5px solid var(--ink);background:#f0e8f7}.preset-card:nth-child(2){--preset-fill:#f4dde5}.preset-card:nth-child(3){--preset-fill:#ece3f6}.preset-card svg{width:68px;height:72px;max-width:95%}.preset-card strong{font-size:13px;font-weight:500}.preset-card small{font-size:10px;color:var(--muted);white-space:nowrap}.custom-upload-details{border-bottom:1px dashed var(--line);padding-bottom:14px}.custom-upload-details summary{font-size:12px;color:#766b87;cursor:pointer;line-height:36px}.counter{font-size:11px;white-space:nowrap;background:#fffaf2;border:1px solid #173f7324;border-radius:99px;padding:5px 12px}.counter strong{font:23px/1.2 Kimpo,var(--font);color:#9472b0;display:inline-block;min-width:22px;text-align:center;margin:0 3px;font-variant-numeric:tabular-nums}.model-stage{position:relative}.press-nudge{position:absolute;top:21px;left:7%;z-index:2;pointer-events:none;transform:rotate(-8deg);color:#8c719f;display:flex;align-items:center;gap:5px}.press-nudge span{font:24px/1.35 PF,cursive}.press-nudge svg{width:91px;height:66px;overflow:visible;transform:rotate(14deg) translateY(23px)}.press-nudge path{fill:none;stroke:#9a7dae;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.viewport{cursor:pointer;min-height:410px}.viewport:active{cursor:grabbing}.preview-panel{border-radius:22px}.click-box p{margin:0 0 18px}.drag-hint{margin:12px 0 8px}.preview-top{gap:8px}.content-types button:disabled{cursor:not-allowed}.feature-intro h2{font-size:28px}@media(max-width:760px){.viewport{min-height:355px}.press-nudge{top:16px;left:6%}.press-nudge span{font-size:19px}.press-nudge svg{width:67px;height:49px;transform:rotate(17deg) translateY(19px)}.preview-label{font-size:22px}.counter{font-size:10px;padding:4px 8px}.counter strong{font-size:21px}.preset-card small{font-size:9px}.preset-card svg{width:59px;height:64px}.preset-card strong{font-size:12px}}@media(max-width:360px){.preview-top{padding:17px 13px 0}.preview-label{font-size:19px}.counter{padding:4px 6px}.viewport{min-height:315px}.preset-options{gap:6px}.preset-card{padding:12px 3px}.preset-card small{font-size:8px}}
/* Primary mode tabs and directly chosen colors */
.surface-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#f1ece5;border-radius:12px;margin-bottom:25px}.surface-tabs button{min-height:48px;border:1.5px solid transparent;border-radius:9px;font-size:14px}.surface-tabs button[aria-selected=true]{background:#e6d9ef;border-color:var(--ink);box-shadow:1px 2px 0 #173f7317}.surface-section{margin-bottom:18px}.custom-colors{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}.custom-colors label{font-size:12px;gap:9px}.custom-colors label:last-child{grid-column:1/-1;justify-content:flex-start}.custom-colors input{width:38px;height:38px;border-radius:8px}.custom-colors #swap{grid-column:2;grid-row:1;margin:0}.hanger-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;background:#faf2f5;border:1px solid #173f7326;border-radius:10px;cursor:pointer}.hanger-toggle small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.hanger-toggle input{width:20px;height:20px;accent-color:#a785c2}.hanger-sides{display:flex;gap:8px;margin:12px 0}.hanger-sides button{border:1px solid #173f7333;border-radius:7px;min-height:36px;flex:1}.hanger-sides button[aria-pressed=true]{background:#e9ddf4;border-color:var(--ink)}.export-model{grid-column:1/-1;min-height:48px;background:#e9ddf2}.export-model img{width:25px;height:25px}.export-model #export-label{font:13px var(--font)}#export-status{font-size:11px;text-align:left;line-height:1.8}.actions p{margin-top:0}.actions{row-gap:12px}@media(max-width:760px){.surface-tabs{margin-bottom:21px}.custom-colors label{font-size:11px}.custom-colors input{width:34px;height:34px}}

/* Image → line art → shape + icon review */
.upload-modes{display:flex;gap:8px;margin:18px 0 12px}.upload-modes button{flex:1;border:1px solid #d6cfdf;border-radius:10px;background:#fffdf8;color:var(--ink,#173f73);padding:12px 8px;font:inherit}.upload-modes button[aria-pressed=true]{background:#ede4f3;border-color:#173f73}#photo-settings .field-label{margin:14px 0 9px}#subject-hint{width:100%;padding:12px;border:1px solid #c8cbd5;border-radius:9px;background:#fffdf8;color:#173f73;font:inherit}#generate-art{width:100%;margin-top:12px;padding:13px}#upload-original{display:flex;align-items:center;gap:14px;margin:14px 0}#original-thumb{width:68px;height:68px;object-fit:contain;border:1px solid #ded6e4;border-radius:10px;background:white}#upload-original small{display:block;font-size:12px;color:#74809b;margin-top:5px}.art-separation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.art-separation figure{margin:0;min-width:0}.art-separation img{width:100%;aspect-ratio:1;object-fit:contain;background:white;border:1px solid #dfd7e6;border-radius:12px}.art-separation figcaption{text-align:center;font-size:12px;margin-top:8px;line-height:1.5}#art-review{padding-top:12px;border-top:1px dashed #cec3da;margin-top:16px}#upload-review-state{line-height:1.7}.art-review-actions{display:grid;gap:10px;margin-top:16px}.art-review-actions .primary{padding:14px}.line-tuning{font-size:13px;margin-top:14px}#discard-art{font-size:12px;margin-top:10px}.pending-art-note{margin:8px 18px;text-align:center;padding:8px;border-radius:8px;color:#7c578e;background:#efe5f3;font-size:13px}#upload-error:empty{display:none}#art-warnings:empty{display:none}button:disabled{cursor:not-allowed;opacity:.5}

.fit-report{background:#f7f1f7;border:1px solid #ddd0e5;border-radius:12px;padding:14px;margin:18px 0}.fit-report strong{font-weight:600}.fit-report p{font-size:12px;line-height:1.8;margin-top:7px;color:#65758f}.fit-report details{margin-top:10px;font-size:12px}.fit-report button{padding:10px;width:100%;margin-top:12px}.fit-report #proportion-note{color:#8b619b}

.mount-inspection{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.mount-inspection button{font-size:13px;padding:8px 12px}

.print-plan{grid-column:1/-1;padding:16px;border:1px solid #d8cce4;border-radius:16px;background:#faf6fc;color:#173f73;text-align:left}.print-plan p{font-size:13px;line-height:1.8;margin:8px 0}.print-plan small{color:#727b91;line-height:1.7}.export-colors{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0}.export-colors span{display:flex;gap:6px;align-items:center;font-size:13px}.export-colors i{display:inline-block;width:18px;height:18px;border:1px solid #9c8fa9;border-radius:5px}

/* Independent relief upload, matching the cream / lilac editor. */
#icon-settings{margin-top:18px}.icon-upload{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:21px 12px;border:1.5px dashed #aa8bc1;border-radius:14px;background:#f9f4fa;cursor:pointer;text-align:center}.icon-upload>span{font-size:25px;color:#9773b0}.icon-upload strong{font-size:15px;font-weight:500}.icon-upload small{font-size:11px;color:var(--muted)}.icon-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.icon-upload:focus-within{outline:2px solid var(--ink);outline-offset:3px}.icon-upload:has(input:disabled){opacity:.6;cursor:wait}#icon-summary{display:flex;align-items:center;gap:10px;padding:12px 0}#relief-icon-thumb{width:54px;height:54px;object-fit:contain;border-radius:8px;background:white;border:1px solid #173f7322}#icon-name{min-width:0;flex:1;overflow-wrap:anywhere;font-size:12px}#icon-error{font-size:12px;color:#a94d59}.content-types{flex-wrap:wrap}.content-types button{flex:1 1 40%}
.icon-edit-actions{display:flex;gap:8px;margin:12px 0}.icon-edit-actions button{border:1px solid #a48db6;background:#f0e7f7;border-radius:8px;padding:10px;font:inherit;font-size:12px;color:var(--ink)}.icon-edit-actions button:last-child{background:#fffdf8}.icon-edit-actions button[aria-pressed=true]{background:#dcc9eb}.viewport{position:relative}.icon-editor{position:absolute;inset:0;pointer-events:none;z-index:5}.icon-editor svg{width:100%;height:100%;overflow:visible}.icon-edit-toolbar{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;background:#fffdf8ee;border:1px solid #d1badf;border-radius:10px;padding:8px 12px;font-size:11px;color:#173f73;box-shadow:0 2px 8px #173f7310}.icon-edit-toolbar button{pointer-events:auto;border:0;border-radius:6px;padding:7px;background:#e4d5ef;font:inherit;color:#173f73;cursor:pointer}.icon-ink-guide{fill:#173f7330;stroke:#173f73;stroke-width:1;fill-rule:nonzero;pointer-events:none}.icon-move-box{fill:#ad8ac405;stroke:#7c55a0;stroke-width:1.5;stroke-dasharray:5 3;pointer-events:all;cursor:move;touch-action:none}.icon-scale-handle,.icon-rotation-handle{fill:#fffdf8;stroke:#7c55a0;stroke-width:2;pointer-events:all;cursor:nwse-resize;touch-action:none}.icon-rotation-handle{fill:#dfcbed;cursor:grab}.icon-rotate-stem{stroke:#7c55a0;stroke-width:1.5;pointer-events:none}.icon-editor.outside .icon-move-box{stroke:#bc5068;fill:#bc506815}.icon-edit-status{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);padding:5px 10px;background:#fffdf8e8;border-radius:7px;font-size:11px;white-space:nowrap;color:#173f73}.editing-icon .press-nudge{display:none}.editing-icon .viewport{touch-action:none;cursor:default}@media(max-width:760px){.icon-edit-toolbar{gap:5px;padding:5px;font-size:10px}.icon-scale-handle{stroke-width:3}.icon-edit-toolbar button{padding:6px}}

.source-relief-options{display:flex;gap:8px;margin:14px 0 10px}.source-relief-options button{flex:1;border:1px solid #b3a1c5;border-radius:9px;padding:11px 7px;background:#fffdf8;color:var(--ink);font:inherit;font-size:12px}.source-relief-options button[aria-pressed=true]{background:#e9ddf3;border:1.5px solid var(--ink)}

.minimum-size{margin:12px 0 16px;padding:12px;border:1px solid #ded2e9;border-radius:10px;background:#f9f5fb}.minimum-size button{border:1px solid #ae94c2;border-radius:7px;background:#eadff2;color:var(--ink);font:inherit;font-size:12px;padding:9px 12px}.minimum-size .control-note{margin:8px 0 0}.minimum-size button:disabled{opacity:.55;cursor:default}

.text-shape-details{margin:18px 0;border:1px solid #d8cce3;border-radius:12px;padding:14px;background:#faf6fc}.text-shape-details summary{cursor:pointer;color:#173f73;min-height:30px}.text-shape-fields{display:grid;gap:10px;padding-top:14px}.text-shape-fields input,.text-shape-fields select{width:100%;min-height:46px;border:1px solid #c8cbd5;border-radius:9px;padding:10px;background:#fffdf8;color:#173f73;font:inherit}.text-shape-fields button{min-height:46px}.text-shape-fields small{color:#6d7795}.text-shape-fields p{font-size:12px}