:root{--ink:#203b32;--muted:#778379;--green:#315845;--accent:#e8f0d9;--border:#dce2d8;--paper:#fffefb;--bg:#f7f8f3}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #b1c990}button{transition:background .16s,transform .16s,border .16s}button:active:not(:disabled){transform:translateY(1px)}.app-shell{max-width:1512px;margin:auto;padding:0 54px}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:93px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand strong{letter-spacing:-1.5px;font-size:28px}.brand-mark{align-items:center;gap:3px;width:30px;height:30px;display:flex;transform:rotate(-20deg)}.brand-mark i{background:var(--ink);border-radius:4px;width:7px;height:25px;display:block}.brand-mark i:nth-child(2){height:35px}.brand-label{letter-spacing:2px;border:1px solid #b9c6b4;border-radius:3px;margin:5px 0 0 3px;padding:6px 6px 5px;font-size:8px;font-weight:700}.header-right{align-items:center;gap:23px;display:flex}.privacy{color:#677667;align-items:center;gap:7px;font-size:12px;display:flex}.demo-tag{letter-spacing:1.3px;color:#778272;background:#eaf0e4;border-radius:4px;padding:8px 10px;font-size:9px}.intro{justify-content:space-between;align-items:center;padding:43px 0 31px;display:flex}.eyebrow{letter-spacing:2.1px;color:#738569;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.eyebrow span{background:#8caa72;border-radius:50%;width:6px;height:6px}h1{letter-spacing:-1.7px;margin:13px 0 10px;font-size:38px;font-weight:500;line-height:1.18}h1 em{color:#567547;font-family:Georgia,Times New Roman,serif;font-weight:400}p{margin:0}.intro p{color:#758172;font-size:13px;line-height:1.5}.intro-note{color:#81906f;padding-right:25px;font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.5;position:relative;transform:rotate(-6deg)}.scribble{font-size:45px;font-weight:400;position:absolute;top:10px;left:-47px}.studio{border:1px solid var(--border);background:var(--paper);border-radius:14px;grid-template-columns:278px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 10px 35px #253d2f04}.controls{border-right:1px solid var(--border);background:#fcfdf8}.control-section{border-bottom:1px solid #e6e9e1;padding:24px 23px}.section-heading{align-items:center;gap:9px;margin-bottom:19px;display:flex}.section-heading h2{letter-spacing:-.1px;margin:0;font-size:12px;font-weight:700}.step{color:#789266;background:#f4f8ed;border:1px solid #d4dec9;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:9px;display:inline-flex}.upload-zone{color:#687e5c;background:#f7f9f1;border:1px dashed #c1cbb7;border-radius:7px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:19px 10px 18px;font-size:11px;display:flex}.upload-zone:hover,.upload-zone.dragging{background:#eaf1dd;border-color:#607a4d}.upload-icon{background:#edf2e3;border-radius:50%;place-items:center;width:39px;height:39px;margin-bottom:5px;display:grid}.upload-zone strong{color:#426044;font-size:12px}.upload-zone u{text-underline-offset:3px}.upload-zone small{color:#8b9784;margin-top:8px;font-size:9px}.sample-row{color:#8d9787;justify-content:space-between;align-items:center;margin-top:14px;font-size:10px;display:flex}.sample-row button{color:#607b4f;background:0 0;border:0;padding:0;font-size:10px}.sample-row button span{margin-left:3px}.slider-label{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.slider-label output{color:#5e7850;text-align:center;background:#f3f6ec;border:1px solid #d8e1cf;border-radius:4px;min-width:33px;padding:3px 7px;font-size:10px;font-weight:400}input[type=range]{appearance:none;cursor:pointer;background:#dce5d1;border-radius:4px;width:100%;height:4px;margin:5px 0;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--green);width:13px;height:13px;box-shadow:0 0 0 1px var(--green);border:3px solid #fff;border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 1px var(--green);border:3px solid #fff;border-radius:50%}.range-help{color:#97a08e;justify-content:space-between;margin-top:10px;font-size:9px;display:flex}.second-slider{margin-top:23px}.toggle-row{cursor:pointer;border-top:1px solid #e7eadf;justify-content:space-between;align-items:center;margin-top:12px;padding-top:22px;font-size:11px;display:flex}.toggle-row>span:first-child{align-items:center;gap:7px;display:flex}.invert-dot{background:linear-gradient(90deg,#3c5139 50%,#fff 50%);border:1px solid #64785c;border-radius:50%;width:13px;height:13px;display:inline-block}.toggle-row input{opacity:0;width:0;position:absolute}.switch{background:#d7dfcf;border-radius:10px;width:28px;height:16px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle-row input:checked+.switch{background:var(--green)}.toggle-row input:checked+.switch:after{left:15px}.toggle-row input:focus-visible+.switch{outline-offset:3px;outline:3px solid #b1c990}.icon-button{border:1px solid var(--border);background:#fffefb;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover{background:#eff4e9}.reset{color:#8c9980;background:0 0;border:0;width:21px;height:21px;margin-left:auto}.dimensions{align-items:end;gap:10px;display:flex}.dimensions>label{color:#7d8874;flex:1;min-width:0;font-size:10px}.number-input{background:#fffefb;border:1px solid #d8dfd1;border-radius:5px;align-items:center;gap:3px;height:37px;margin-top:8px;padding:10px 9px;font-size:11px;display:flex}.number-input input{width:100%;min-width:0;color:var(--ink);appearance:textfield;background:0 0;border:0;outline:none;font-weight:600}.number-input input::-webkit-inner-spin-button{appearance:none}.number-input>span:last-child{color:#98a08d;font-size:9px}.readonly{background:#f4f6ef;justify-content:space-between}.readonly>span:first-child{color:#849076}.dimension-link{color:#a4af9a;margin-bottom:12px;font-size:14px}.size-note{color:#9ba58f;align-items:center;gap:5px;margin-top:11px;font-size:9px;display:flex}.local-note{color:#8c9b80;align-items:center;gap:10px;padding:20px 23px;display:flex}.local-note p{font-size:9px;line-height:1.8}.local-note strong{color:#5f7554;font-weight:400}.workspace{min-width:0;padding:24px 27px 18px}.workspace-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.workspace-heading>div{align-items:center;gap:8px;display:flex}.workspace-heading h2{letter-spacing:-.1px;margin:0;font-size:12px;font-weight:600}.live-dot{background:#72945e;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #f0f4e9}.live-label{letter-spacing:1.25px;color:#8a9a7b;font-size:8px}.preview-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.preview-card{border:1px solid #dfe4d9;border-radius:7px;min-width:0;overflow:hidden}.preview-label{background:#f9faf5;justify-content:space-between;align-items:center;gap:9px;height:39px;padding:0 12px;display:flex}.preview-label>span:first-child{align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.preview-label svg{color:#85967b}.file-name{color:#94a08c;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:8px;overflow:hidden}.layer-tag{color:#82956e;letter-spacing:.8px;background:#e9efdf;border-radius:3px;padding:4px 6px;font-size:7px}.mini-stencil{background:linear-gradient(90deg,#243d2e 50%,#fff 50%);border:1px solid #8b9981;border-radius:50%;width:13px;height:13px}.artboard{background-color:#ecefe7;background-image:radial-gradient(#c8cfc1 .6px,#0000 .6px);background-size:9px 9px;justify-content:center;align-items:center;height:357px;padding:21px 21px 31px;display:flex;position:relative}.artboard img,.artboard canvas{object-fit:contain;background:#fff;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 3px 12px #243d2a15}.artboard canvas{touch-action:pan-y}.artboard.drawing-mode canvas{cursor:crosshair;touch-action:none;outline-offset:3px;outline:2px solid #8cac75}.result-board{background-color:#eef1e9}.paper-caption{text-align:center;letter-spacing:1.6px;color:#8b9a80;font-size:6px;position:absolute;bottom:11px;left:0;right:0}.under-preview{color:#8d9b81;justify-content:space-between;align-items:center;margin-top:13px;font-size:8px;display:flex}.under-preview>span:first-child{align-items:center;gap:5px;display:flex}.legend-dot{border-radius:1px;width:6px;height:6px;display:inline-block}.legend-dot.black{background:#263d2c}.legend-dot.white{background:#fff;border:1px solid #a8b59e;margin-left:8px}.bridge-bar{background:#f4f7ef;border:1px solid #e1e7d8;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;margin-top:21px;padding:13px 12px;display:flex}.bridge-title{color:#799467;align-items:center;gap:10px;display:flex}.bridge-title>div{flex-direction:column;gap:5px;display:flex}.bridge-title strong{color:#46623a;font-size:10px;font-weight:600}.bridge-title span{color:#8a9c7b;font-size:9px}.bridge-actions{align-items:center;gap:6px;display:flex}.bridge-button{color:#637f4e;white-space:nowrap;background:#fcfdf7;border:1px solid #cfdac4;border-radius:5px;align-items:center;gap:6px;padding:8px 9px;font-size:9px;display:flex}.bridge-button.active{color:#fff;background:#315845;border-color:#315845}.undo{color:#839772;background:#fbfcf7;border-color:#dce5d1;width:30px;height:30px}.brush-options{color:#6c805e;align-items:center;gap:12px;padding:16px 4px 0;font-size:10px;display:flex}.brush-options input{max-width:140px}.brush-options span{margin-left:auto;font-size:9px}.cut-note{color:#a29572;align-items:start;gap:7px;margin:12px 1px 20px;font-size:8px;line-height:1.65;display:flex}.cut-note svg{flex-shrink:0}.cut-note strong{color:#8e805b;font-weight:500}.cut-note.clear,.cut-note.clear strong{color:#789368}.export-bar{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:19px;display:flex}.export-bar>div:first-child{flex-direction:column;gap:7px;display:flex}.export-eyebrow{letter-spacing:1.4px;color:#8f9e80;font-size:7px}.export-bar strong{letter-spacing:-.2px;font-size:13px;font-weight:500}.export-bar strong span{color:#8d9a80;margin-left:6px;font-size:9px;font-weight:400}.export-buttons{gap:8px;display:flex}.button{border-radius:5px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:10px;display:flex}.secondary{color:#5d7850;background:#fcfdf8;border:1px solid #cfdbc3}.secondary:hover{background:#edf3e3}.primary{color:#fff;background:#315845;border:1px solid #315845;box-shadow:0 2px 3px #3158450c}.primary:hover{background:#244737}.print{color:#7b916a;border-color:#d9e3cf;height:38px}.export-note{text-align:right;color:#a0aa97;margin-top:11px;font-size:8px;line-height:1.6}footer{color:#99a18d;justify-content:space-between;align-items:center;padding:23px 0 31px;font-size:9px;display:flex}footer>span:last-child{align-items:center;gap:9px;display:flex}footer i{background:#a5af99;border-radius:50%;width:2px;height:2px}.toast{color:#fff;z-index:10;background:#264b3b;border-radius:9px;align-items:center;gap:9px;padding:13px 20px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #182c2720}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.print-only{display:none}.error{color:#a54435;background:#fbefeb;border:1px solid #efd8d1;border-radius:5px;margin-top:13px;padding:9px;font-size:10px;line-height:1.5}.loading{color:#79906b;font-size:12px;position:absolute}@media (min-width:1450px){.artboard{height:390px}.control-section{padding:27px 25px}.workspace{padding:27px 30px 22px}.controls{min-height:735px}.studio{grid-template-columns:295px minmax(0,1fr)}}@media (max-width:1100px){.app-shell{padding:0 28px}.studio{grid-template-columns:250px minmax(0,1fr)}.workspace{padding:21px 18px}.control-section{padding:23px 19px}.preview-grid{gap:11px}.artboard{height:324px;padding:18px 13px 30px}.intro-note{display:none}.bridge-title span{max-width:200px;line-height:1.5}.export-bar{align-items:start}.export-bar strong span{margin:5px 0 0;display:block}.export-buttons{gap:5px}.button{padding:0 9px}.file-name{max-width:90px}}@media (max-width:850px){.app-shell{padding:0 20px}.site-header{height:76px}.privacy{display:none}.intro{padding:31px 0 25px}h1{font-size:33px}.studio{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.control-section{padding:21px}.upload-section{border-right:1px solid var(--border);border-bottom:0;grid-row:span 2}.upload-zone{padding:30px 8px}.size-section{border-bottom:0}.local-note{border-top:1px solid var(--border);grid-column:1/-1;padding:10px 21px}.local-note p br{display:none}.local-note p strong{margin-left:4px}.section-heading{margin-bottom:17px}.second-slider{margin-top:17px}.toggle-row{margin-top:9px;padding-top:14px}.artboard{height:380px}.workspace{padding:23px}.bridge-title span{max-width:none}footer{gap:20px;font-size:8px;line-height:1.6}.export-bar strong span{margin-left:6px;display:inline}}@media (max-width:540px){.app-shell{padding:0 12px}.brand strong{font-size:25px}.brand-label{font-size:7px}.demo-tag{padding:7px;font-size:7px}.intro{padding:27px 5px 24px}h1{letter-spacing:-1.1px;font-size:29px}.intro p{max-width:310px;font-size:11px}.eyebrow{letter-spacing:1.5px;font-size:7px}.controls{display:block}.upload-section{border-right:0;border-bottom:1px solid var(--border)}.control-section{padding:20px}.upload-zone{gap:4px;padding:14px 8px}.upload-icon{display:none}.upload-zone small{margin-top:4px}.controls .upload-zone{min-height:90px}.sample-row{margin-top:12px}.size-section{border-bottom:0}.workspace{padding:20px 13px}.workspace-heading h2{font-size:11px}.workspace-heading{margin-bottom:15px}.preview-label{height:35px;padding:0 8px}.preview-label>span:first-child{gap:4px;font-size:9px}.file-name{display:none}.layer-tag{font-size:6px}.artboard{height:245px;padding:11px 8px 27px}.preview-grid{gap:8px}.under-preview{font-size:7px}.bridge-bar{margin-top:17px;padding:11px 9px}.bridge-title{gap:7px}.bridge-title span{max-width:142px;font-size:8px}.bridge-title strong{font-size:9px}.bridge-title>svg{display:none}.bridge-button{gap:3px;padding:8px 6px;font-size:8px}.undo{width:26px}.bridge-actions{gap:4px}.export-bar{flex-direction:column;gap:16px;padding-top:16px}.export-bar>div:first-child{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.export-eyebrow{font-size:6px}.export-bar strong{font-size:11px}.export-bar strong span{font-size:8px}.export-buttons{width:100%}.export-buttons .button{flex:1;justify-content:center;height:42px}.export-buttons .primary{flex:1.8}.print{width:42px;height:42px}.export-note{text-align:left;font-size:7px}.cut-note{font-size:7px}.brush-options{gap:8px;font-size:9px}.brush-options input{max-width:75px}.brush-options span{font-size:8px}footer{padding:20px 4px;display:block}footer>span:last-child{margin-top:8px;font-size:7px}.toast{width:max-content;max-width:90%;font-size:11px}.local-note{padding:12px 20px}}@media print{@page{margin:0;size:auto}body{background:#fff;margin:0}.app-shell,.toast{display:none!important}.print-only{break-inside:avoid;page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:block!important}.print-only img{display:block;max-width:none!important;max-height:none!important}}