/* Craft Punk: bold ink, printed colour, and a clear working surface. */
:root{font-family:'Segoe UI',Arial,sans-serif;color:#3f3b32;background:#fcfaf6;--ink:#574d41;--accent:#985f44;--line:#e1dcd1;--pink:#b87859;--mint:#a4ad96;--muted:#786e61}
body{background:#fcfaf6}button,input,select{font-family:inherit}button{border:1px solid #e1dcd1;border-radius:9px;padding:10px 13px;color:var(--ink);font-size:14px;font-weight:650;transition:background .15s,box-shadow .15s}button:hover{background:#f2efe8;border-color:#a99d8d}button:disabled{cursor:not-allowed}.primary{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 3px 0 #3f3b32}.primary:hover{background:#786e61;color:#fff}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #985f44;outline-offset:3px}
header{min-height:142px;padding:14px 28px 14px 20px;background:#fcfaf6;border-bottom:4px solid var(--pink);gap:24px}.brand{gap:17px;flex-shrink:0}.brand-logo{display:block;width:108px;height:108px;object-fit:contain;border-radius:14px}.brand-wordmark .brand-kicker{font-size:12px;letter-spacing:1.3px;font-weight:750;color:#786e61;margin:0 0 6px}.brand strong{font-family:inherit;font-size:34px;font-weight:850;letter-spacing:-1.5px;line-height:1.05}.brand .brand-dot{display:inline!important;color:#985f44;font-size:inherit!important;letter-spacing:0!important}.brand-wordmark .brand-description{font-size:14px;letter-spacing:.2px;margin-top:7px;color:#786e61}.header-actions{align-items:center;gap:8px;justify-content:flex-end}.header-actions button{min-height:42px;background:transparent}.header-actions .primary{background:var(--ink);color:#fff}.header-actions .primary:hover{background:#786e61}.header-actions .primary span{margin-left:12px}
main{grid-template-columns:290px minmax(360px,1fr) 290px;gap:16px;padding:20px;max-width:1920px;margin:auto;min-height:calc(100vh - 142px);align-items:start}aside{border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px;min-width:0;box-shadow:0 3px 0 #574d410b}.inspector{border:1px solid var(--line);background:#fcfbff}article{padding:8px 4px;min-width:0}section{border-color:var(--line);padding-top:22px;margin-top:23px}.section-title{gap:9px;margin-bottom:15px}.section-title>span{background:#fcfaf6;border:0;color:#786e61;border-radius:7px;font-size:12px;font-weight:800;width:27px;height:27px}h2,h3{font-size:15px;font-weight:750;color:var(--ink);line-height:1.35}.section-title select{margin-top:0;width:60px;font-size:14px;padding:6px}.fields{gap:10px}label{color:#574d41;font-size:14px;line-height:1.45;margin-bottom:12px}input[type=number],select{background:#faf9fd;border-color:#e1dcd1;border-radius:8px;color:#3f3b32;font-size:14px;padding:10px;min-height:40px}.check{font-size:14px;align-items:flex-start}.check input{accent-color:var(--ink);margin-top:4px;flex-shrink:0;width:16px;height:16px}.hint,.note{font-size:13px;line-height:1.65;color:var(--muted)}
.presets{gap:8px}.presets button{min-height:80px;background:#fff;border-radius:10px;font-size:14px;padding:11px;line-height:1.3}.presets button small{font-size:12px;color:#786e61;line-height:1.4;margin-top:7px}.presets button.active{background:#f0f2eb;border-color:#68755f;box-shadow:inset 0 0 0 1px #68755f}.presets button.active small{color:#455444}.more-presets>summary{border:0;background:#fcfaf6;border-radius:8px;padding:9px 12px;font-size:14px;margin:0}.more-presets[open]>summary{margin-bottom:9px}
.advanced-ribbon{margin-bottom:24px;background:var(--ink);border-radius:9px;box-shadow:0 3px 0 #e1dcd1;border-left:4px solid var(--pink)}.advanced-ribbon-label{padding-left:10px;min-height:46px}.advanced-ribbon-label label{font-size:14px;color:#fff;gap:8px}.advanced-ribbon input{accent-color:#a4ad96}.advanced-ribbon-label button{box-shadow:none;border-color:#ffffff30;color:white}.advanced-ribbon-label button:hover{border-color:#ffffff30}#advancedMenu{border:1px solid #c9c1b3;box-shadow:0 12px 32px #3f3b3233;background:#fcfaf6;padding:16px;border-radius:11px}#advancedMenu button{font-size:14px}#advancedStatus{color:var(--ink);font-size:14px}#advancedControls{border-top:3px solid #b87859}#advancedControls h2:after{content:'PRO';font-size:11px;letter-spacing:1px;color:#985f44;background:#fcfaf6;border-radius:4px;padding:3px 5px;margin-left:9px}
.workspace-title{align-items:center;gap:15px;margin:0 0 20px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.7px;color:#786e61;margin:0 0 6px}h1{font-family:inherit;font-size:32px;font-weight:800;letter-spacing:-1px;color:#3f3b32;line-height:1.15}.segmented{background:#f2efe8;border:0;border-radius:10px;padding:4px;gap:2px}.segmented button{font-size:14px;padding:8px 9px;border-radius:7px;color:#574d41}.segmented button.active{background:var(--ink);color:#fff;box-shadow:0 2px 4px #574d4125}nav{gap:4px;margin-bottom:15px;padding:0;flex-wrap:wrap}nav button{font-size:14px;border-radius:7px;padding:9px 10px;color:#786e61}nav button.active{background:#fff;color:var(--ink);border:1px solid #c9c1b3;box-shadow:0 3px 0 var(--pink)}
#stage{height:clamp(380px,56vh,700px);border:1px solid #c9c1b3;border-radius:18px;background-color:#f2efe8;background-image:linear-gradient(#786e6112 1px,transparent 1px),linear-gradient(90deg,#786e6112 1px,transparent 1px);background-size:24px 24px;box-shadow:inset 0 0 80px #fff6}.stage-label{color:#574d41;font-size:14px;font-weight:650;top:18px;left:18px;max-width:calc(100% - 140px)}.stage-label small{font-size:12px;color:#786e61;font-weight:400;line-height:1.4}.stage-tools{right:14px;top:14px}.stage-tools button{font-size:12px;border-color:#e1dcd1;background:#fcfaf6d9;padding:8px 10px}.stage-hint{font-size:12px;color:#786e61;background:#fff9;border-radius:20px;padding:5px 10px;left:12px;bottom:7px}#busy{background:#f2efe8c9;color:var(--ink);font-weight:650}.workbench-footer{margin-top:15px;align-items:center}.workbench-footer>span{color:#786e61;font-size:12px;line-height:1.5;max-width:60%}#exportOne{border-color:#a4ad96;background:#f0f2eb;color:#455444;flex-shrink:0}#exportOne:hover{background:#dce2d4}.instruction{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:0;padding:0;margin-top:22px}.instruction>span{padding:13px;border:1px solid #e1dcd1;border-radius:10px;background:#f9f6fc;color:#985f44;font-size:12px;font-weight:750}.instruction b{color:#574d41;font-size:14px;font-weight:600;line-height:1.4;margin-top:6px}.note{padding:0 3px;margin-top:17px}
.dropzone{border:2px dashed #a4ad96;border-radius:10px;background:#f0f2eb;padding:19px 8px;position:relative}.dropzone:hover{background:#f0f2eb}.dropzone:focus-within{outline:3px solid #985f44;outline-offset:2px}.dropzone b{font-size:14px;color:#455444}.dropzone span{font-size:12px;color:#68755f}.example-block{margin-top:22px}.examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.examples button{font-size:12px;background:#faf8fd;padding:7px;border-radius:9px}.examples img{border-radius:5px;background:white}.example-block>button{background:#f2efe8;border-color:#e1dcd1;color:var(--ink);font-size:14px}.texture-item{font-size:14px}.texture-item img{height:40px;width:40px;border-color:var(--line)}.texture-item button{font-size:14px}
.inspector>.section-title{margin-bottom:16px}.inspector>section:first-of-type{margin-top:0}.window-card{border-color:#e1dcd1;border-radius:10px;padding:12px;background:white}.window-head{font-size:14px;color:#574d41}.window-head button{font-size:12px;color:#985f44}.window-card label{font-size:14px}.window-card input,.window-card select{font-size:14px;min-height:36px}.opening-actions button{font-size:12px;padding:8px}.recipe-row{font-size:14px;border-color:#f2efe8;padding:10px 0;color:#786e61}.recipe-row b{color:#68755f;font-size:12px;background:#f0f2eb;padding:3px 7px;border-radius:5px;white-space:nowrap}.error{background:#fcfaf6;color:#985f44;border:1px solid #e1dcd1;border-radius:10px;line-height:1.5}input[aria-invalid=true]{background:#fcfaf6;border-color:#985f44}#toast{background:#574d41;border-top:3px solid var(--mint);border-radius:12px;color:#fff;font-size:14px;box-shadow:0 8px 35px #3f3b3240}
.pricing-backdrop{background:#3f3b32b3;backdrop-filter:blur(5px);align-items:start;padding-top:5vh}.pricing-dialog{background:#fffdf8;border:2px solid #c9c1b3;border-radius:18px;padding:26px;box-shadow:0 15px 70px #3f3b3266}.pricing-brand{display:flex;align-items:center;gap:15px;padding-bottom:20px}.pricing-brand img{width:74px;height:74px;border-radius:9px}.pricing-dialog h2{font-family:inherit;font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0}.pricing-close{z-index:1;border-radius:8px;background:white}
@media(min-width:1600px){main{grid-template-columns:310px minmax(500px,1fr) 310px;gap:24px;padding:24px 30px}article{padding:10px 8px}aside{padding:22px}}
@media(max-width:1270px){main{grid-template-columns:260px minmax(300px,1fr)}.inspector{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.inspector>.section-title{grid-column:1/-1;margin:0}.inspector section{margin-top:0}.workspace-title{align-items:flex-start;flex-wrap:wrap}.header-actions{max-width:440px}.header-actions button{font-size:14px}header{padding-right:20px}}
@media(max-width:760px){header{padding:10px 15px 16px;gap:12px;flex-wrap:wrap}.brand{gap:12px}.brand-logo{width:84px;height:84px}.brand strong{font-size:29px}.brand-wordmark .brand-kicker{font-size:11px;letter-spacing:1px}.brand-wordmark .brand-description{font-size:13px}.header-actions{width:100%;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}.header-actions button{font-size:14px;padding:10px 8px}main{display:flex;flex-direction:column;padding:14px;gap:18px}main>aside,main>article{width:100%}main>aside:first-child{order:0}article{order:1;padding:4px 0}.inspector{order:2;display:block}.inspector section{margin-top:22px}aside{padding:18px}.presets{grid-template-columns:repeat(2,minmax(0,1fr))}.presets button{font-size:14px}.examples{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-title{flex-direction:row;align-items:center;gap:14px}h1{font-size:29px}#stage{height:430px}.instruction{gap:6px}.instruction>span{padding:10px 8px}.instruction b{font-size:13px}.workbench-footer{flex-wrap:wrap}.workbench-footer>span{max-width:100%;flex:1;min-width:160px}.pricing-dialog{padding:18px}.pricing-brand img{width:58px;height:58px}.pricing-dialog h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Quiet pottery studio palette. */
:root{--ink:#455247;--accent:#98664e;--line:#ded9ce;--pink:#b58a70;--mint:#9ca98e;--muted:#777064;color:#443e35;background:#f3f1eb}body{background:#f3f1eb}header{background:#faf7ef;border-bottom:1px solid #d8d1c3}.brand strong,h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-.8px}.brand-dot{color:#a47155!important}.primary,.advanced-ribbon{box-shadow:none}.advanced-ribbon{border-left:3px solid #b58a70}#stage{background-color:#e8e5dc;background-image:linear-gradient(#77705d0b 1px,transparent 1px),linear-gradient(90deg,#77705d0b 1px,transparent 1px)}.presets button.active{background:#edf0e6;border-color:#929c82;box-shadow:inset 0 0 0 1px #929c82}nav button.active{box-shadow:0 2px 0 #b58a70}.instruction>span{background:#f8f6f0}.brand-logo{mix-blend-mode:multiply}