:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#292b28;background:#e7e4db;font-synthesis:none}*{box-sizing:border-box}body{margin:0;height:100vh;min-height:660px;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}[hidden]{display:none!important}.topbar{height:66px;background:#f7f5ef;border-bottom:1px solid #cbc9c1;display:flex;align-items:center;padding:0 20px;gap:14px}.brand{font-size:21px;letter-spacing:-.075em;font-weight:800;color:#252723;text-decoration:none;white-space:nowrap}.brand-icon{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;border-radius:8px;background:#e97154;color:white;letter-spacing:0;font-size:21px}.brand-dot{color:#e97154}.top-separator{width:1px;height:25px;background:#d0cfc8;margin-left:8px}.document-name{font-size:13px;font-weight:600;white-space:nowrap;max-width:170px;overflow:hidden;text-overflow:ellipsis}.save-status{font-size:11px;color:#8a8d85}.top-spacer{flex:1}.top-icon{border:0;background:transparent;font-size:24px;width:32px;height:34px;color:#373b37}.top-icon:hover:not(:disabled){background:#e8e6de}.before-button{height:34px;border:1px solid #cacbc4;background:#fffdf8;padding:0 12px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap}.before-button:active{background:#e2e5df}.top-export,.main-button{border:0;background:#e97154;color:#fff;font-weight:700;box-shadow:0 3px 0 #c85e42;transition:background .15s}.top-export{height:34px;padding:0 15px;border-radius:7px;font-size:12px;margin-left:2px}.top-export span{margin-left:7px}.top-export:hover:not(:disabled),.main-button:hover:not(:disabled){background:#dc6549}.app{height:calc(100vh - 102px);display:grid;grid-template-columns:76px minmax(0,1fr) 292px}.toolrail{background:#f7f5ef;border-right:1px solid #cbc9c1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 8px}.tool{width:58px;min-height:62px;border:0;border-radius:9px;background:transparent;color:#74786f;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.tool:hover{background:#ebe9e2;color:#343934}.tool.active{background:#fce6de;color:#c95739}.tool span{font-size:25px;line-height:1;font-weight:500}.tool small{font-size:10px;font-weight:600}.rail-spacer{flex:1}.open-tool{border-top:1px solid #d6d3ca;border-radius:0}.stage{position:relative;overflow:auto;display:flex;align-items:center;justify-content:center;background-color:#dcd9d0;background-image:radial-gradient(#c8c4bb 1px,transparent 1px);background-size:18px 18px}.empty-state{width:min(500px,90%);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:28px 0}.empty-art{height:172px;width:230px;position:relative;margin-bottom:15px}.art-paper{position:absolute;display:block;background:#f7f5eb;box-shadow:0 12px 26px #554d3d36;border:9px solid #fffdf9;width:142px;height:118px;top:22px;left:44px;transform:rotate(-12deg);overflow:hidden}.art-paper:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#8299a7 0 46%,#bda879 46% 62%,#777f72 62%)}.paper-two{transform:rotate(9deg);left:60px;top:32px}.paper-two:before{background:linear-gradient(150deg,#9db7b4 0 45%,#ddc486 45% 61%,#5e796b 61%)}.art-sun{display:block;position:absolute;width:31px;height:31px;border-radius:50%;background:#f0d295;z-index:2;top:68px;left:153px}.micro,.panel-index{font-size:10px;letter-spacing:.12em;font-weight:800;color:#a19e94}.empty-state h1{font-size:clamp(36px,4vw,54px);line-height:1;letter-spacing:-.065em;font-weight:650;margin:14px 0}.empty-state p{color:#777a73;line-height:1.55;font-size:14px;max-width:390px;margin:0}.empty-actions{display:flex;gap:10px;margin-top:25px}.main-button{height:40px;padding:0 17px;border-radius:7px;font-size:12px}.sample-button,.subtle-button{border:1px solid #c5c5bb;background:#f6f4ee;color:#3b3d39;font-size:12px;font-weight:700;border-radius:7px;padding:0 14px;min-height:39px}.sample-button:hover,.subtle-button:hover{border-color:#e97154}.empty-note{font-size:11px;color:#999b91;margin-top:22px}.canvas-wrap{position:relative;flex:none;box-shadow:0 15px 48px #37332b4a;line-height:0}.canvas-wrap canvas{display:block}.canvas-wrap #toolCanvas{position:absolute;inset:0;touch-action:none;cursor:crosshair}.stage.dragging:after{content:"";position:absolute;inset:12px;border:3px dashed #e97154;pointer-events:none}.drop-message{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#e7e3d4dd;font-size:26px;font-weight:700;letter-spacing:-.04em;pointer-events:none}.inspector{background:#f7f5ef;border-left:1px solid #cbc9c1;overflow-y:auto;display:flex;flex-direction:column}.inspector-header{height:55px;min-height:55px;padding:0 19px;border-bottom:1px solid #ddd9d1;display:flex;align-items:center;justify-content:space-between}.panel{padding:24px 20px 28px}.panel h2{font-size:23px;letter-spacing:-.045em;font-weight:650;margin:0 0 7px}.panel-intro{font-size:12px;color:#8a8b83;line-height:1.5;margin:0 0 23px}.preset-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.preset{min-height:35px;background:#fffdf9;border:1px solid #d4d2ca;color:#646860;border-radius:5px;font-size:11px;font-weight:700}.preset:hover,.preset.active{border-color:#e97154;color:#bf573d;background:#fff5f0}.rule{height:1px;background:#ddd9d1;margin:24px 0}.slider-field{margin-bottom:25px}.slider-field label,.field-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#454943;font-weight:700;margin-bottom:10px}.slider-field output,.field-label output{color:#a4a79d;font-weight:600}.slider-field input,.panel input[type=range],.dialog input[type=range]{width:100%;accent-color:#e97154;cursor:pointer}.select,.dimensions input,.dialog-input,.panel textarea{display:block;width:100%;border:1px solid #c9c9c1;background:#fffefa;border-radius:6px;color:#292b28;outline:0;padding:0 10px}.select,.dimensions input,.dialog-input{height:39px}.panel textarea{resize:vertical;padding:10px;min-height:74px}.select:focus,.dimensions input:focus,.dialog-input:focus,.panel textarea:focus{border-color:#e97154}.action-pair{display:flex;gap:8px;margin-top:18px}.action-pair .main-button{flex:1}.action-pair .subtle-button{min-height:40px}.geometry-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.geometry-grid button{border:1px solid #d0cec5;background:#fffefa;border-radius:6px;height:49px;text-align:left;padding:0 10px;font-size:23px;color:#484b45}.geometry-grid button span{font-size:10px;font-weight:600;margin-left:5px}.geometry-grid button:hover{border-color:#e97154}.small-hint{color:#96988f;font-size:11px;line-height:1.5;margin:12px 0 18px}.color-row{display:flex;align-items:center;gap:12px;font-size:12px;color:#8a8c83;font-family:monospace}.color-row input{width:46px;height:36px;border:1px solid #cbc9c1;padding:3px;border-radius:4px;background:#fff}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-row{font-size:12px;color:#636860;display:flex;align-items:center;gap:8px;margin:20px 0;cursor:pointer}.check-row input{accent-color:#e97154}.full{width:100%}.inspector-bottom{margin-top:auto;border-top:1px solid #ddd9d1;padding:18px 20px}.inspector-bottom p{font-size:11px;color:#92958e;line-height:1.55;margin:8px 0 0}.statusbar{height:36px;background:#f7f5ef;border-top:1px solid #c8c6be;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:11px;color:#74786f}.status-right{display:flex;align-items:center;gap:12px}.status-divider{height:16px;width:1px;background:#d3d0c8}.statusbar select{border:0;background:transparent;font-size:11px;color:#343933;font-weight:700;outline:0}.dialog{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:15px}.dialog-backdrop{position:absolute;inset:0;background:#2428259f}.dialog-panel{position:relative;background:#f7f5ef;width:min(405px,100%);padding:24px;box-shadow:0 24px 80px #16191355;border-radius:10px}.dialog-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:22px}.dialog-head h2{font-size:24px;letter-spacing:-.045em;margin:7px 0 0}.close-button{background:none;border:0;font-size:27px;color:#71766f}.dialog-panel .field-label{margin-top:17px}.dialog-panel #exportMeta{font-size:11px;color:#93958e;margin:20px 0}.dialog-panel .main-button{height:45px}@media(max-width:900px){.app{grid-template-columns:65px minmax(0,1fr) 255px}.toolrail{padding:10px 3px}.inspector-header{padding:0 13px}.panel{padding:19px 14px}.save-status{display:none}}@media(max-width:700px){body{height:auto;min-height:100vh;overflow:auto}.topbar{height:56px;padding:0 10px;gap:7px}.brand{font-size:17px}.brand-icon{width:27px;height:27px;font-size:17px;margin-right:4px}.top-separator,.document-name,.before-button{display:none}.top-export{padding:0 10px}.app{height:auto;min-height:calc(100vh - 92px);grid-template-columns:1fr;grid-template-rows:68px minmax(350px,52vh) auto}.toolrail{grid-row:1;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #cac9c0;justify-content:space-around}.tool{min-width:52px;min-height:53px}.tool span{font-size:21px}.tool small{font-size:9px}.rail-spacer{display:none}.open-tool{border:0}.stage{grid-row:2}.empty-art{height:110px;transform:scale(.65);margin:-18px 0 -15px}.empty-state h1{font-size:36px}.empty-state p{font-size:12px}.inspector{grid-row:3;border-left:0;border-top:1px solid #cac9c0;max-height:none}.inspector-bottom{display:none}.statusbar{position:sticky;bottom:0;z-index:5}.status-right label{display:none}}