nav{display:flex;gap:8px}nav a{color:#607578;text-decoration:none;font-size:14px;padding:9px 12px;border-radius:8px}nav .active{color:#346f70;background:#dceae5}.cookie-workspace{display:grid;grid-template-columns:340px 1fr;border:1px solid #d5ddd7;border-radius:18px;background:#fff;overflow:hidden}.cookie-result{min-width:0}.tools{display:flex;gap:6px;flex-wrap:wrap}.tools button{padding:9px 11px}.selected{background:#dceae5;color:#315f63;border-color:#8eb2aa}.controls>.step:not(:first-child){margin-top:26px}.check{display:flex!important;align-items:center;gap:8px;margin-top:14px}.check input{width:auto;margin:0}.editor-wrap{min-height:400px;padding:24px;display:grid;place-items:center;background:#e6ece6}.editor-wrap canvas{max-width:100%;max-height:560px;width:auto;height:auto;touch-action:none;cursor:crosshair;border:1px solid #bdcec5;background-color:white;background-image:linear-gradient(45deg,#dce5df 25%,transparent 25%),linear-gradient(-45deg,#dce5df 25%,transparent 25%);background-size:16px 16px}.editor-wrap canvas:focus{outline:2px solid #346f70}#modelview,#outlineview{height:400px;display:grid;place-items:center;background:#f2f3ed;overflow:hidden}#modelview canvas{width:100%;height:100%;touch-action:none;cursor:grab}#outlineview img{max-width:90%;max-height:360px}#modelempty{color:#788686;font-size:14px}.dimensions{padding:12px 24px;margin:0;border-top:1px solid #dae2dc}#cookiestatus{font-size:14px;line-height:1.5;color:#607578}#cookiestatus.error{color:#b12a3a}.downloadbar .hint{margin:0}.cookie-workspace .drop{padding:22px 10px}.cookie-workspace input[type=range]{padding:0;height:25px}.resultbar .tools button{font-size:12px}#modelview p{padding:20px;text-align:center}@media(max-width:900px){.cookie-workspace{grid-template-columns:300px 1fr}nav a{padding:8px;font-size:12px}}@media(max-width:680px){.cookie-workspace{grid-template-columns:1fr}header{height:auto;min-height:80px;flex-wrap:wrap;padding:15px 20px;gap:12px}.editor-wrap{min-height:250px;padding:12px}.cookie-workspace .controls{border-right:0;border-bottom:1px solid #d5ddd7}.resultbar{flex-wrap:wrap;gap:12px}#modelview,#outlineview{height:320px}}

.editor-wrap{overflow:auto;display:block;text-align:center;height:500px;min-height:0}.editor-wrap canvas{max-width:none;max-height:none;margin:auto;display:block}.editor-wrap .placeholder{padding:65px 10px}#zoomvalue{display:flex;align-items:center;background:none;padding:5px}#editor{will-change:auto}

.editor-wrap.panning,.editor-wrap.panning canvas{cursor:grabbing}

#editor{height:auto!important;max-width:none!important;max-height:none!important;flex-shrink:0;box-sizing:content-box}

.copyright-notice{display:block;margin-top:24px;padding:20px 24px;border:1px solid #d5ddd7;border-radius:12px;background:#fff;color:#607578;font-size:14px;line-height:1.6}.copyright-notice strong{color:#293f42}.copyright-notice p{margin:8px 0 0}

.brand .mark:has([mask]){background:transparent}input[type=range],input[type=checkbox]{accent-color:#346f70}

@font-face{font-family:Manrope;src:url("fonts/Manrope.ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:swap}:root{font-family:Manrope,"Segoe UI",sans-serif}h1{font-weight:800;letter-spacing:-.045em}.brand{font-weight:800;letter-spacing:-.035em}.reference-note{font-size:14px;line-height:1.6;color:#607578;margin:0;padding:14px 24px;background:#f3f6ee;border-top:1px solid #d5ddd7}

.mode-switch{display:flex;align-items:center;gap:12px;font-size:14px;color:#607578}.mode-switch button{padding:9px 12px}.freehand-mode [data-tool="keep"],.freehand-mode [data-tool="wand"]{display:none}.creation-eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#346f70}#creationchooser{border:1px solid #d5ddd7;border-radius:22px;padding:0;max-width:640px;width:calc(100% - 32px);color:#293f42;background:#fbfbf6;box-shadow:0 24px 90px #293f4233;opacity:1;transform:translateY(0);transition:opacity .24s ease,transform .24s cubic-bezier(.2,.8,.2,1)}#creationchooser::backdrop{background:#293f4280;backdrop-filter:blur(5px)}#creationchooser.leaving{opacity:0;transform:translateY(-24px) scale(.98)}#creationchooser.leaving::backdrop{background:#293f4200;transition:background .24s}.creation-panel{padding:36px}.creation-panel h2{font-size:28px;line-height:1.3;margin:12px 0}.creation-panel>p{font-size:16px;line-height:1.6;color:#697b7c}.creation-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.creation-options button{padding:22px;text-align:left;border:1px solid #abc4b9;background:#fff;transition:transform .15s,background .15s}.creation-options button:hover{transform:translateY(-3px);background:#e4eee8}.creation-options strong{display:block;font-size:18px;color:#315f63;margin-bottom:10px}.creation-options span{display:block;font-size:14px;font-weight:400;line-height:1.6;color:#607578}@media(max-width:600px){.creation-panel{padding:24px}.creation-panel h2{font-size:24px}.creation-options{grid-template-columns:1fr}.mode-switch{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){#creationchooser,.creation-options button,#creationchooser::backdrop{transition:none!important}.creation-options button:hover{transform:none}}
.freehand-mode .check:has(#silhouetteview){display:none!important}
#editor{background-color:#f2f2f2;background-image:conic-gradient(#d3d3d3 25%,#f2f2f2 0 50%,#d3d3d3 0 75%,#f2f2f2 0);background-size:20px 20px;background-position:0 0}

.step>span{border-color:#c5d4c9;color:#9c5639;background:#f8f5eb}.creation-options button:focus-visible{outline:3px solid #b76845;outline-offset:3px}.reference-note{border-left:3px solid #b76845}

.brush-cursor{position:fixed;box-sizing:border-box;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #17282c,0 0 6px 2px #0003;transform:translate(-50%,-50%);pointer-events:none;z-index:1000}.brush-cursor::after{content:"";position:absolute;width:4px;height:4px;left:50%;top:50%;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #17282c;transform:translate(-50%,-50%)}#editor.brush-cursor-active{cursor:none}

.editor-wrap{position:relative}#stampcanvas{position:absolute;display:block;max-width:none;max-height:none;touch-action:none;cursor:crosshair;z-index:3;box-sizing:content-box}#stampcanvas[hidden]{display:none!important}.stamp-settings{border-top:1px solid #d5ddd7;margin-top:24px;padding-top:6px}.stamp-settings .tools{margin:12px 0}#stampstatus{font-size:14px;line-height:1.6;color:#607578}


.pen-toolbar{padding:14px 20px;background:#edf2eb;border-bottom:1px solid #c5d4c9;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pen-toolbar[hidden]{display:none}.pen-toolbar label{display:flex;align-items:center;gap:10px;margin:0;font-weight:700}.pen-toolbar select{width:auto;margin:0}.pen-toolbar p{width:100%;margin:0;font-size:13px;line-height:1.5;color:#526b6b}.pen-toolbar button{padding:8px 12px}

#stampcolorcontrols[hidden]{display:none}#stampcolortolerance{width:80px;margin:0;padding:8px}

#stamperasercontrols[hidden]{display:none}#stamperasersize{width:80px;margin:0;padding:8px}.stamp-eraser-cursor{position:fixed;border:2px solid white;box-shadow:0 0 0 2px #253f42;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1001;box-sizing:border-box}.stamp-eraser-cursor[hidden]{display:none}
#selectiondialog{width:min(1180px,calc(100vw - 40px));max-width:1180px;max-height:94vh;padding:0;border:1px solid #c5d4c9;border-radius:20px;background:#fbfbf6;color:#293f42;box-shadow:0 24px 90px #293f4233;opacity:1;transform:translateY(0);transition:opacity .2s,transform .2s}#selectiondialog::backdrop{background:#293f4280;backdrop-filter:blur(5px)}#selectiondialog.leaving{opacity:0;transform:translateY(-18px)}.selection-heading{padding:22px 26px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d5ddd7}.selection-heading h2{margin:4px 0;font-size:25px}.selection-heading p{margin:4px 0;line-height:1.5;color:#607578}.selection-heading>button{align-self:flex-start}#selectionedit{display:grid;grid-template-columns:280px minmax(0,1fr)}#selectionedit[hidden],#selectionreview[hidden]{display:none}#selectioncontrols{padding:20px;border-right:1px solid #d5ddd7;max-height:60vh;overflow:auto}#selectioncontrols label{display:block;font-size:14px;margin-bottom:12px}#selectioncontrols input,#selectioncontrols select{width:100%}#selectioncontrols .check{display:flex}#selectioncontrols .check input{width:auto}#selectioncontrols .step{display:none}#selectioncontrols [role=group]{display:none}#selectioncontrols #selectiontool{font-weight:700}#selectioncontrols [hidden]{display:none!important}#selectioncontrols .hint{font-size:12px;line-height:1.5;color:#607578}#selectioncanvas{min-width:0}#selectioncanvas .pen-toolbar{display:none!important}#selectioncanvas .editor-wrap{height:52vh;min-height:270px;max-height:550px;padding:18px}#selectioncanvas .resultbar h2{font-size:15px}#selectionflatpreview{height:52vh;min-height:270px;display:grid;place-items:center;background:#edf1e9;margin:20px;border-radius:12px}#selectionflatpreview img{max-width:92%;max-height:47vh}#selectionreview>p{text-align:center;color:#607578;font-size:14px;padding:0 20px}#selectionflowstatus{padding:0 24px;color:#9d3824;font-size:14px}.selection-actions{padding:18px 24px;border-top:1px solid #d5ddd7;display:flex;gap:12px;justify-content:flex-end}.selection-actions [hidden]{display:none}#selectionsummary{padding:16px;margin-bottom:22px;border:1px solid #c5d4c9;border-radius:12px;background:#edf2eb}#selectionsummary[hidden],#stampeditorhome[hidden]{display:none}#selectionsummary p{font-size:13px;line-height:1.5;color:#607578}#selectionsummary .tools{margin-top:12px}.image-workflow.selection-accepted #imagesource{display:none}.stamp-trace-entry{margin:10px 0 16px;width:100%}.image-workflow .intro{margin-bottom:24px}@media(max-width:700px){#selectiondialog{width:calc(100vw - 16px);max-height:96vh}.selection-heading{padding:16px}#selectionedit{grid-template-columns:1fr}#selectioncontrols{max-height:30vh;border-right:0;border-bottom:1px solid #d5ddd7}#selectioncanvas .editor-wrap{height:42vh;min-height:200px}.selection-actions{padding:14px}#selectionflatpreview{height:45vh}}
@media(prefers-reduced-motion:reduce){#selectiondialog{transition:none}}
#selectiondialog .selection-actions{position:sticky;bottom:0;background:#fbfbf6;z-index:5;flex-shrink:0}#selectiondialog .selection-actions button{width:auto;margin:0;min-width:160px}#selectionflowstatus:empty{display:none}#selectionstartingcontrols{margin:14px 0;border-top:1px solid #d5ddd7;border-bottom:1px solid #d5ddd7;padding:12px 0}#selectionstartingcontrols summary{cursor:pointer;font-size:13px;font-weight:700;color:#346f70}#selectionstartingcontrols[open]>div{margin-top:16px}#selectioncanvas .editor-wrap{height:45vh}#selectioncontrols{max-height:54vh}#selectiondialog .selection-actions{padding:14px 24px}#selectiondialog .selection-heading{padding:18px 24px}#selectiondialog #selectioncontrols input[type=checkbox]{width:auto}@media(max-width:700px){#selectioncontrols{max-height:27vh}#selectioncanvas .editor-wrap{height:34vh;min-height:180px}#selectiondialog .selection-actions button{min-width:0;flex:1}}
.stamp-options>summary{font-size:17px;font-weight:800;cursor:pointer;padding:14px 0;color:#346f70}.stamp-options[open]>summary{margin-bottom:8px}.stamp-options [hidden]{display:none!important}#selectiondialog #selectionflowstatus{max-height:60px;overflow:auto;line-height:1.4;margin:8px 0}
.editor-wrap>.brush-cursor{position:absolute;z-index:10}.brush-cursor[hidden]{display:none!important}.selection-exit-tools{display:flex;gap:8px;align-items:center;flex-shrink:0}.selection-exit-tools button{margin:0;width:auto;padding:10px 14px}#selectiondialog #selectionpickerhost[hidden]{display:none}@media(max-width:700px){.selection-heading{flex-wrap:wrap}.selection-exit-tools{width:100%;justify-content:flex-end}}
#geometryproblems{display:flex;gap:16px;padding:16px 20px;background:#fff4f0;border:1px solid #e5b5a7;border-radius:12px;margin:14px;color:#633e36}#geometryproblems[hidden]{display:none}#geometryproblemmap{width:130px;min-width:100px;display:grid;place-items:center;background:#fff;border-radius:8px}#geometryproblemmap svg{width:100%;height:110px}#geometryproblemmap[hidden]{display:none}.geometryproblemcopy{min-width:0}.geometryproblemcopy p{font-size:13px;line-height:1.5;margin:6px 0}.geometryproblemcopy .tools button{font-size:12px;padding:8px}#selectiondialog #geometryproblems{flex-shrink:0;max-height:180px;overflow:auto}#selectiondialog #geometryproblems .tools button{width:auto;margin:0}#geometryproblemcount{font-weight:700}@media(max-width:600px){#geometryproblems{flex-direction:column}#geometryproblemmap{width:100%;height:90px}#geometryproblemmap svg{height:85px}}
#selectiondialog.has-geometry-problems #selectioncanvas .editor-wrap{height:30vh;min-height:180px}#selectiondialog.has-geometry-problems #selectioncontrols{max-height:40vh}#selectiondialog.has-geometry-problems #geometryproblems{max-height:150px;margin:8px 14px;padding:10px 14px}#selectiondialog.has-geometry-problems #geometryproblemmap svg{height:90px}@media(max-width:700px){#selectiondialog.has-geometry-problems #selectioncontrols{max-height:22vh}#selectiondialog.has-geometry-problems #selectioncanvas .editor-wrap{height:24vh;min-height:150px}#selectiondialog.has-geometry-problems #geometryproblemmap{display:none}}

.creation-options{grid-template-columns:repeat(3,minmax(0,1fr))}#creationchooser{max-width:880px;width:calc(100vw - 40px)}#chooseroller small{display:block;color:#926135;font-size:12px;line-height:1.5;margin-top:14px}@media(max-width:650px){.creation-options{grid-template-columns:1fr}#creationchooser{max-height:94vh;overflow:auto}}

.creation-options{grid-template-columns:repeat(2,minmax(0,1fr))}#stampregionheightcontrols{width:100%;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid #c5d4c9;padding-top:12px}#stampregionheightcontrols[hidden]{display:none}#stampregionheightcontrols input{width:85px!important;margin:0}#stampregionheightcontrols p{width:100%;margin:0}@media(max-width:650px){.creation-options{grid-template-columns:1fr}}

.creation-options button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.creation-options strong{line-height:1.3}

#selectiondialog .selection-actions{flex-wrap:wrap}#selectiondialog #selectionpreferences{max-width:100%;white-space:normal}

/* Prevent wheel gestures from chaining out of workflow panels. */
dialog,.editor-wrap,#selectioncontrols,.guide-layout,.guide-controls,.design-controls,#designfontlist,.roller-strip{overscroll-behavior:contain}
html:has(dialog:modal),body:has(dialog:modal){overflow:hidden;overscroll-behavior:none}