:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC",sans-serif;color:#272a24;background:#f7f8f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #566b1c;outline-offset:3px}button{transition:background .16s,transform .16s}button:hover{background:#e8ebdf}button:active{transform:translateY(1px)}header{height:74px;border-bottom:1px solid #dfe2d8;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fcfcf9}.brand{font-size:22px;font-weight:650;text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px}.brand>span:last-child{font-size:12px;letter-spacing:2px;margin-left:5px;font-weight:500}.brand-icon{font-size:37px;line-height:1;transform:rotate(-20deg)}.header-note{font-size:14px;color:#61675b}.header-note span{color:#929888;margin-left:12px}.quiet{border:0;background:transparent;font-size:14px;padding:9px 0 9px 14px}main{display:grid;grid-template-columns:308px 1fr;height:calc(100dvh - 74px);min-height:660px}aside{background:#fcfcf9;border-right:1px solid #dfe2d8;overflow-y:auto;padding:28px 25px 20px}.section-head{margin-bottom:28px}h1{font-size:19px;font-weight:600;margin:0 0 10px;letter-spacing:.2px}.version{font-size:10px;letter-spacing:1.7px;color:#878c7e}h2{font-size:13px;letter-spacing:.5px;font-weight:600;display:flex;gap:12px;margin:0 0 17px}h2>span{font-family:monospace;color:#999f8f;font-size:12px;font-weight:400}section{margin-bottom:26px}.segmented{display:flex;background:#eff1ea;padding:3px;border-radius:6px;gap:2px;margin-bottom:12px}.segmented button{flex:1;border:0;background:transparent;padding:8px;font-size:13px;border-radius:4px;color:#737868}.segmented .active{background:#fff;color:#252b20;box-shadow:0 1px 3px #00000013}textarea{resize:vertical;width:100%;height:101px;border:1px solid #dee2d5;background:#fff;border-radius:5px;padding:10px 13px;font-size:21px;font-weight:750;line-height:1.2;letter-spacing:1px}.hint{font-size:11px;color:#8b9083;margin:8px 0 0}.presets{display:flex;gap:6px;margin-bottom:21px}.presets button{font-size:12px;border:1px solid #dce0d2;background:transparent;border-radius:20px;padding:6px 14px}.presets .selected{background:#e9efdb;border-color:#b9c49b;color:#43512a}.control{margin-bottom:16px}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:6px}.range-label output{color:#7a826d;font-family:monospace;font-size:12px}input[type=range]{width:100%;height:14px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;background:#dce1d1}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fbfcf8;border:1.5px solid #65774e;margin-top:-5px}input[type=range]::-moz-range-track{height:2px;background:#dce1d1}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:1.5px solid #65774e;border-radius:50%;background:#fff}.colors{display:flex;align-items:center;gap:18px}.colors>label{display:flex;gap:7px;align-items:center;font-size:12px}input[type=color]{width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid #0002;border-radius:50%}.check{display:flex;gap:5px;align-items:center;font-size:12px}.check input{accent-color:#667747}.swatches{display:flex;gap:8px;margin-top:15px}.swatches button{background:var(--swatch);border:1px solid #0002;width:16px;height:16px;border-radius:50%;padding:0}.sidebar-bottom{border-top:1px solid #e3e6dd;padding-top:18px}.primary{width:100%;border:0;background:#292f23;color:#f3f6e9;border-radius:5px;padding:12px 15px;font-size:13px;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#414c33}.seed-line{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#858d78;margin-top:12px}.seed-line input{width:80px;text-align:right;background:transparent;border:0;color:#6c755d;font-family:monospace;font-size:12px}.workspace{min-width:0;display:flex;flex-direction:column;background:#eef0e9}.toolbar{height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;flex-shrink:0}.canvas-label{font-size:12px;color:#5c6454}.canvas-label span{font-family:monospace;color:#8c9580;margin-left:15px;font-size:11px}.exports{display:flex;gap:7px}.exports button{background:#f9faf6;border:1px solid #d9dfd0;border-radius:5px;padding:8px 12px;font-size:12px}.stage{flex:1;min-height:0;padding:10px 35px 18px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-image:radial-gradient(#a9b29a55 .7px,transparent .7px);background-size:14px 14px}.artboard{height:100%;max-width:100%;aspect-ratio:4/5;box-shadow:0 5px 24px #26321f12;background:#d1e75b}.artboard svg{width:100%;height:100%;display:block}footer{height:39px;display:flex;justify-content:space-between;padding:0 30px;align-items:center;font-size:11px;color:#859078;flex-shrink:0}#status{font-family:monospace}.upload{border:1px dashed #bcc5af;border-radius:5px;display:block;text-align:center;font-size:13px;padding:20px 10px;cursor:pointer;margin-bottom:15px}.upload small{display:block;font-size:10px;color:#8c9481;margin-top:9px}.panel-note{font-size:13px;color:#858d7a;padding:20px 0}.empty{position:absolute;color:#26391c;font-size:15px;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#292f23;color:white;padding:12px 20px;border-radius:7px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}[hidden]{display:none!important}@media(min-height:950px){.control{margin-bottom:20px}section{margin-bottom:30px}}@media(max-width:760px){header{height:62px;padding:0 18px}.header-note{display:none}main{height:auto;min-height:0;display:flex;flex-direction:column}.workspace{order:-1;height:73dvh;min-height:450px}.toolbar{padding:0 16px;height:55px}.stage{padding:0 18px 15px}.canvas-label span{margin-left:6px}footer{padding:0 16px}footer>span:last-child{display:none}aside{padding:24px;border-right:0;border-top:1px solid #dfe2d8;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.section-head{grid-column:1/-1;margin-bottom:22px}aside section:nth-of-type(2){grid-row:2/5;grid-column:2}.sidebar-bottom{grid-column:1/-1}.brand>span:last-child{font-size:10px}.exports button{padding:7px 9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(min-width:761px){main{min-height:0}}.artboard{position:relative;min-height:0;flex-shrink:1}.artboard svg{position:absolute;inset:0}
@media(max-width:760px){.presets{gap:4px}.presets button{padding:6px 9px;white-space:nowrap}.colors{gap:9px;flex-wrap:wrap}.colors>label{white-space:nowrap;gap:5px}.colors input[type=color]{flex-shrink:0;width:22px;height:22px}}
.presets{flex-wrap:wrap}.organic-section{border-top:1px solid #e3e6dd;padding-top:22px}.organic-hint{line-height:1.7;margin-top:12px;color:#727d63}.organic-section h2{color:#4a6236}
@media(max-width:760px){aside section:nth-of-type(2){grid-row:2/5}.presets button{padding:6px 10px}.organic-section{padding-top:17px}}
.view-modes{margin:0;min-width:225px}.view-modes button{white-space:nowrap;font-size:12px;padding:7px 12px}.artboard canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#reliefPanel{padding:18px 15px;background:#edf0e7;border-radius:6px;margin:0 -10px 25px}#reliefPanel h2{color:#4b5b3e}.relief-bg{display:flex;align-items:center;gap:9px;font-size:12px}.relief-demo{width:100%;border:1px solid #bdc6b0;background:#f8faf4;border-radius:5px;padding:10px 8px;margin-top:15px;font-size:12px}.material-presets{margin-bottom:18px}
@media(max-width:760px){.toolbar{height:auto;min-height:80px;gap:6px;flex-wrap:wrap;padding:10px 16px}.view-modes{min-width:0;flex:1}.exports button{font-size:11px;padding:8px 6px}.exports{gap:4px}#reliefPanel{grid-column:1/-1}aside section:nth-of-type(2){grid-row:auto;grid-column:auto}aside section:nth-of-type(3){grid-column:2;grid-row:3/6}#reliefPanel[hidden]~section:nth-of-type(3){grid-row:2/5}}
.stage{container-type:size}.artboard{width:min(100cqw,80cqh);height:auto;aspect-ratio:4/5;max-height:100%;flex-shrink:0}
.gradient-switch{margin:14px 0}.gradient-switch input{margin-left:0}#gradientOptions .range-label{margin-top:14px}#gradientOptions{margin:12px 0 18px}
.font-label{display:block;font-size:12px;color:#626d55;margin:12px 0 6px}#fontSelect{width:100%;padding:10px 8px;border:1px solid #d9dfd0;border-radius:5px;background:#fff;color:#313a29;font-size:12px}#fontPreview{min-height:50px;padding:12px 0 4px;overflow:hidden;white-space:nowrap;color:#343c2b}#fontStatus{min-height:14px;margin:0 0 10px}.font-licenses{display:inline-block;font-size:11px;color:#76836a;margin-top:9px;text-decoration:underline;text-underline-offset:3px}
.brand .wordmark{font-size:24px;letter-spacing:-1px;font-weight:600;margin-left:0}.section-head{margin-bottom:20px}#modes button{padding:8px 5px}#frameShape,#imageTreatment{width:100%;padding:9px;border:1px solid #d9dfd0;background:white;border-radius:5px;margin-bottom:16px;font:inherit;font-size:12px}#imagePreview,#drawingPreview{display:block;width:100%;height:160px;object-fit:contain;background:#fff;border:1px solid #dfe2d8;border-radius:5px;margin:12px 0}#imagePanel .hint,#framePanel .hint,#drawPanel .hint{line-height:1.7}input:disabled{opacity:.35;cursor:default}#toast{z-index:10}@media(max-width:480px){aside{display:block}#drawingCanvas{height:auto;width:100%;max-height:none}.drawing-tools{gap:7px}.brand .wordmark{font-size:22px}}
.brand>span.wordmark:last-child{font-size:24px;letter-spacing:-1px;font-weight:600;margin-left:0}

#canvasSurface{position:relative}#artboard{position:absolute;inset:0;width:100%;height:100%}#drawingCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;opacity:0;z-index:2}#drawingCanvas.drawing{opacity:.35}.drawing-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 30px 12px;margin:0}.drawing-tools button{background:#fff;border:1px solid #d9dfd0;border-radius:5px;padding:8px 12px;font-size:12px}.drawing-tools button[aria-pressed=true]{background:#e9efdb;border-color:#9dac83}.drawing-tools label{font-size:12px}.drawing-tools input{width:100px}.drawing-tools button:disabled{opacity:.4;cursor:default}@media(max-width:760px){.drawing-tools{padding:0 16px 12px;gap:7px}}

.text-size-control{margin-top:16px}

.material-color-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:8px}.material-color-row .quiet{font-size:11px;padding:5px 0}