/* Warm craft-studio theme. Layout and editor geometry remain owned by workflow styles. */
@font-face{font-family:Studio Manrope;src:url('fonts/Manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Studio Display;src:url('fonts/AbrilFatface-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--studio-ink:#243d36;--studio-green:#28564b;--studio-clay:#a84b32;--studio-paper:#fffdf8;--studio-line:#d9ddd2;--studio-sage:#edf2e9;--studio-gold:#e8bd77;font-family:Studio Manrope,Segoe UI,sans-serif;color:var(--studio-ink);background:#f6f2e9}
body{background:radial-gradient(ellipse at 0 0,#f6ddbf70,transparent 42rem),radial-gradient(ellipse at 100% 25%,#dfe9dc90,transparent 44rem),#f6f2e9;min-height:100vh}
body>.donation-banner{background:#24483f;color:#fff8e9;font-size:13px;font-weight:500;line-height:1.5;padding:9px 20px;letter-spacing:.02em}
body>.donation-banner strong{font-weight:800}.donation-banner a{color:#ffe2ad;font-weight:700}
body>header{background:#fffdf8ed;border-bottom:1px solid #d9ddd2;box-shadow:0 4px 24px #243d3605}
.brand{font-weight:800;letter-spacing:-.7px;color:#243d36}.brand .mark{background:#f1d1a0;box-shadow:0 3px 0 #e5bd8390;border-radius:13px;transform:rotate(-5deg)}
main{max-width:1360px;padding-top:38px}
.intro{padding:12px 0 2px}.intro h1{font-family:Studio Display,Georgia,serif;font-weight:400;font-size:clamp(36px,4.4vw,58px);letter-spacing:-1.5px;color:#243d36;line-height:1.08}
.eyebrow,.creation-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#8e4b32}
.intro p:not(.eyebrow){color:#607064;font-size:15px;line-height:1.6}
.privacy{border:1px solid #d4dfcf;border-radius:24px;background:#edf3e8;padding:9px 13px;color:#426048;font-size:12px;white-space:nowrap}
button,.button-link{border-color:#cbd5c9;border-radius:10px;color:var(--studio-green);background:#fffefb;box-shadow:0 2px 0 #243d3607;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
button:hover:enabled,.button-link:hover{background:#edf3e8;border-color:#9eb7a1;box-shadow:0 4px 12px #243d360c}
button:active:enabled{transform:translateY(1px);box-shadow:none}
button.primary,.primary{background:#28564b;border-color:#28564b;color:#fffaf0;box-shadow:0 4px 10px #28564b20}
button.primary:hover:enabled{background:#1d453b;border-color:#1d453b;box-shadow:0 5px 14px #28564b30}
button:disabled{opacity:.45;box-shadow:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9b6c2f;outline-offset:3px}
input:not([type=file]),select,textarea{border-color:#cbd5c9;border-radius:9px;background:#fffefb;color:#243d36;box-shadow:inset 0 1px 3px #243d3604}
input:focus,select:focus,textarea:focus{outline:2px solid #a97835;outline-offset:1px;border-color:#ad8a52}
input[type=checkbox],input[type=range]{accent-color:#28564b;box-shadow:none}
.workspace-mode-switch{border-color:#cad7c6;background:#e9eee3;border-radius:13px;padding:4px}.workspace-mode-switch button{box-shadow:none;border-radius:9px}.workspace-mode-switch button[aria-pressed=true]{background:#28564b;color:#fffaf0;box-shadow:0 2px 5px #28564b20}
.cookie-workspace,.workspace{border:1px solid #d2dbce;border-radius:20px;box-shadow:0 12px 40px #243d3609;background:#fffdf8}
.controls{background:#fffdf8;border-color:#dce2d6}.controls h2{color:#28564b;font-weight:800}.step span{background:#f1e4cf;border-color:#ead8b9;color:#8e4b32;font-weight:800}
.drop{background:#f9f5e9;border-color:#c9b58e;border-radius:14px}.drop:hover,.drop.drag{background:#f4e8d1;border-color:#b08f55}
.resultbar{background:#fafcf5;border-color:#dce2d6}.resultbar h2{color:#28564b;font-weight:800}
.editor-wrap{background-color:#e9efe4;background-image:radial-gradient(#b5c4ad55 .7px,transparent .7px);background-size:12px 12px}
#modelview,#outlineview,#rollermodel{background:#f4f5ec}
.downloadbar{background:#fbfaf3;border-color:#dce2d6}.copyright-notice{border-color:#e0d8c7;color:#6d7468}.reference-note{color:#6d7468}
#creationchooser{width:min(740px,calc(100vw - 32px));max-width:740px;background:#fffdf8;border:1px solid #e2d5bc;border-radius:24px;box-shadow:0 30px 100px #172f3455}
#creationchooser::backdrop{background:#17372f85;backdrop-filter:blur(7px)}
.creation-panel{padding:36px;background:radial-gradient(ellipse at 100% 0,#f4d8ad75,transparent 70%)}
.creation-panel h2{font-family:Studio Display,Georgia,serif;font-size:37px;font-weight:400;letter-spacing:-.6px;color:#243d36;margin:12px 0}
.creation-panel>p{font-size:14px;line-height:1.6;color:#607064}
.creation-options{gap:14px;margin-top:24px}.creation-options button{position:relative;padding:22px;text-align:left;border:1px solid #d4ddcd;border-radius:16px;background:#fffefb;box-shadow:0 4px 12px #243d3605}
.creation-options button:before{content:'';display:block;width:44px;height:44px;border-radius:13px;background-color:#e8efe1;background-repeat:no-repeat;background-position:center;margin-bottom:16px}
.creation-options button:hover:enabled{background:#f5f9ee;border-color:#88a78e;transform:translateY(-3px);box-shadow:0 10px 22px #243d3612}
.creation-options strong{font-size:17px;letter-spacing:-.3px;color:#28564b;margin-bottom:8px}.creation-options span{font-size:13px;line-height:1.6;color:#607064}.creation-options small{font-size:11px;line-height:1.5;display:block;margin-top:9px;color:#865332}
#choosefreehand:before{background-color:#f8e6ca}#choosestamp:before{background-color:#efdfd2}#chooseroller:before{background-color:#e1e8ed}
dialog:not(.design-inline){border-color:#d3dcca!important;background:#fffdf8!important;box-shadow:0 24px 90px #193b3438}
dialog::backdrop{background:#17372f85!important;backdrop-filter:blur(6px)}
.guide-heading,.selection-heading,#designdialog .design-heading{background:linear-gradient(110deg,#fffdf8,#f5efdf);border-bottom-color:#e1dccb!important}
.guide-heading h2,.selection-heading h2,#designdialog .design-heading h2{font-weight:800;letter-spacing:-.65px;color:#243d36}
.workflow-progress{background:#f4f6ec;border-color:#dce3d3}.workflow-progress li{color:#657464}.workflow-progress li>span:first-child{border-color:#c6d5bd;background:#fffdf8}.workflow-progress .is-current{color:#28564b}.workflow-progress .is-current>span:first-child{background:#28564b;border-color:#28564b;box-shadow:0 0 0 4px #dce8d3}.workflow-progress .is-complete>span:first-child{background:#e3ebd9;color:#466a42}
main>.workflow-progress{background:#f9fbf3;border-color:#d7e0cd;box-shadow:0 3px 12px #243d3604}
.guide-preview,.standalone-guide-preview,#cutterguidedialog #guidetracehost{background:#e9efe3}
.guide-navigation,.selection-actions,.workflow-dialog-actions,#designdialog .design-actions{background:#fffdf8!important;border-top-color:#dce2d3!important}
.workflow-more{border-color:#e1e4d6}.workflow-more>summary{color:#586b4c}
#guidestatus{background:#eaf2e2;color:#36573b}.workflow-error,#guidestatus.workflow-error{background:#fbeae1;color:#8c3f2e;border-radius:9px}
#projectoverview{position:relative;background:linear-gradient(125deg,#fffdf8 55%,#f4eedf);border:1px solid #ded8c7;border-radius:20px;box-shadow:0 10px 35px #243d3608;border-top:4px solid #d8ad6e}
.project-overview-heading h2{font-family:Studio Display,Georgia,serif;font-weight:400;font-size:30px;letter-spacing:-.5px}.workspace-mode-label{background:#e5eddc;color:#466a42;font-weight:700}
#projectthumbnail{border-color:#d9dcca;background:#edf1e5;box-shadow:inset 0 0 0 5px #f9fbf2;border-radius:14px}
#projectmetrics dt{color:#687362}#projectmetrics dd{color:#294c3d;font-weight:800}
.workflow-parts span{background:#e8efdd;border-color:#c6d6b9;color:#3f6037;border-radius:24px}
#advancedworkspacebanner{background:#e8eedf;border-color:#cbd8bf;border-left:4px solid #8fa776;border-radius:14px}#advancedworkspacebanner h2{color:#28564b}
#designdialog.design-inline{background:#fffdf8;border-color:#cdd8c4;border-radius:13px;box-shadow:0 4px 15px #243d3608}#designfontpicker{background:#fffefb;border-color:#ced8c5;border-radius:12px}.design-font-card{background:#fbfaf2;border-color:#dedfce}.design-font-card[aria-pressed=true]{border-color:#557c4e;background:#eaf1df}
.workflow-completion{background:#e7efdc;border-color:#c7d6b9}.workflow-completion h2{color:#28564b}.roller-notice{background:#fbefd7;border-color:#e6d2a7;color:#76552c;border-radius:13px}
@media(max-width:720px){main{padding-top:24px}.intro h1{font-size:39px}.creation-panel{padding:24px}.creation-panel h2{font-size:31px}.creation-options button{padding:18px}.creation-options button:before{width:38px;height:38px;margin-bottom:12px}.creation-options strong{font-size:16px}.project-overview-heading h2{font-size:27px}.guide-heading h2,.selection-heading h2{letter-spacing:-.4px}.privacy{white-space:normal}}
@media(prefers-reduced-motion:reduce){button,.button-link{transition:none!important}.creation-options button:hover:enabled{transform:none}}
#chooseimage:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2328564b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%224%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m4%2017%205-5%204%204%203-3%205%205%22%2F%3E%3C%2Fsvg%3E")}
#choosefreehand:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2328564b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%204%205%205M4%2020l4-1%2012-12a2.8%202.8%200%200%200-4-4L4%2015v5Z%22%2F%3E%3Cpath%20d%3D%22M12%2020h8%22%2F%3E%3C%2Fsvg%3E")}
#choosestamp:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2328564b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2014h12l2%205H4l2-5ZM9%2014V9a4%204%200%201%201%206%200v5M5%2022h14%22%2F%3E%3C%2Fsvg%3E")}
#chooseroller:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2328564b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%225%22%20width%3D%2212%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%202v3m0%2014v3M3%209h3m12%206h3M9%208h6m-6%204h6m-6%204h6%22%2F%3E%3C%2Fsvg%3E")}

/* Let selection canvases use the space below their own controls, including font wrapping. */
#selectiondialog[open]{display:flex;flex-direction:column;height:min(860px,94dvh);overflow:hidden}
#selectiondialog[open] .selection-heading,#selectiondialog[open] .selection-actions{flex-shrink:0}
#selectiondialog[open] #selectionedit{flex:1;min-height:0;overflow:hidden}
#selectiondialog[open] #selectioncontrols{max-height:none;min-height:0;overflow:auto}
#selectiondialog[open] #selectioncanvas{display:flex;flex-direction:column;min-height:0}
#selectiondialog[open] #selectioncanvas .resultbar,#selectiondialog[open] #selectioncanvas .pen-toolbar{flex-shrink:0}
#selectiondialog[open] #selectioncanvas .editor-wrap{flex:1;min-height:0;max-height:none;height:auto}
#selectiondialog[open] #selectionreview{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
#selectiondialog[open] #selectionflatpreview{position:relative;display:block;flex:1 1 0;height:auto;min-width:0;min-height:0;margin:16px;overflow:hidden}
#selectiondialog[open] #selectionflatpreview img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:20px;box-sizing:border-box;object-fit:contain}
#selectiondialog[open] #selectionflowstatus{flex-shrink:0}
@media(max-width:720px){#selectiondialog[open] #selectionedit{grid-template-rows:minmax(100px,22vh) minmax(0,1fr)}}
#selectiondialog[open] .selection-heading{padding:16px 24px}
#selectiondialog[open] #selectionnavigationhelp{display:none}
#selectiondialog[open] #selectioncanvas .resultbar{padding:12px 18px}
#selectiondialog[open] #selectioncanvas .pen-toolbar{padding:10px 18px}
#selectiondialog[open] #selectioncanvas .pen-toolbar:has(#drawingtool option[value="brush"]:checked) #penhelp{display:none}
@media(max-width:720px){#selectiondialog[open] .selection-heading{padding:14px 16px}#selectiondialog[open] #selectioncanvas .resultbar,#selectiondialog[open] #selectioncanvas .pen-toolbar{padding:8px}}