:root{font-family:Inter,'Helvetica Neue',Arial,sans-serif;color:#304036;background:#e7e6e2;font-synthesis:none;--line:#d9dcd3;--green:#355d48;--panel:#fbfcf8ed;--muted:#7c8279}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}button{border:0;background:transparent}button:disabled{opacity:.28;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid #5c856b;outline-offset:3px}[hidden]{display:none!important}#viewport{position:absolute;inset:0}#viewport canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#dimensions{position:absolute;inset:0;pointer-events:none}.dimension{position:absolute;transform:translate(-50%,-50%);font-size:10px;padding:4px 7px;background:#fbfcf5dc;border-radius:4px;color:#42634d;white-space:nowrap;box-shadow:0 1px 7px #253e2012}.toolbar{position:absolute;top:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.toolbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:15px;letter-spacing:-.03em}.brand b{font-size:22px;font-weight:500}.brand span{border-left:1px solid #bfc7bb;padding-left:15px;font-size:12px;color:#6d766b}.modes,.tools,.dock{display:flex;align-items:center;padding:4px;background:var(--panel);border:1px solid #d5d9cf;border-radius:10px;box-shadow:0 3px 16px #27382208;backdrop-filter:blur(12px)}.modes{position:absolute;left:50%;transform:translateX(-50%);gap:3px}.modes button{padding:9px 20px;border-radius:7px;font-size:12px}.modes button[aria-pressed=true]{background:var(--green);color:#fff}.tools{gap:2px}.icon{width:33px;height:33px;border-radius:6px;font-size:21px;line-height:1}.icon:hover:not(:disabled){background:#e8ede3}#menu-toggle{font-size:12px;letter-spacing:1px}.popup{position:absolute;z-index:5;padding:7px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 40px #25331c18;backdrop-filter:blur(15px);min-width:210px}.popup button,.popup a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;width:100%;text-align:left;padding:11px 12px;font-size:12px;border-radius:6px}.popup button:hover,.popup a:hover{background:#e9eee3}.popup span{font-size:10px;color:var(--muted);margin-left:25px}.menu{top:72px;right:24px}.separator{height:1px;background:var(--line);margin:5px 6px}.bottom{position:absolute;bottom:37px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;white-space:nowrap}.bottom p{font-size:11px;color:#707b6b;margin:0 0 13px;text-shadow:0 1px 8px #ffffffb0}.dock{pointer-events:auto;gap:2px;padding:5px}.dock button{font-size:12px;padding:12px 20px;border-radius:7px}.dock button:hover{background:#e8ede3}.dock button[aria-pressed=true]{background:#e0e9dc;color:#244c35}.dock>span{height:20px;width:1px;background:var(--line);margin:0 4px}.add-menu{bottom:98px;left:calc(50% + 38px);min-width:170px}.panel{position:absolute;right:24px;top:85px;width:268px;max-height:calc(100dvh - 210px);overflow:auto;background:var(--panel);border:1px solid #d6dcd0;border-radius:12px;padding:18px;box-shadow:0 8px 32px #23391f0b;backdrop-filter:blur(16px)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel h2{font-size:17px;font-weight:500;letter-spacing:-.025em;margin:0}.panel-head button{width:24px;height:24px;font-size:20px;color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:block;font-size:10px;color:#6f796b;line-height:1.4;margin:0 0 15px}.number{display:flex;align-items:center;border:1px solid #d7dcd1;background:#fffef9;border-radius:5px;margin-top:6px}.number input{width:100%;min-width:0;border:0;padding:9px 4px 9px 9px;background:transparent;font-size:12px;outline-offset:0}.number span{padding-right:8px;color:#939b8d}.panel .label{display:block;font-size:10px;color:#6f796b;margin:0 0 8px}.options{display:flex;gap:5px;margin-bottom:17px}.options button{font-size:11px;border:1px solid #d7dcd1;border-radius:5px;padding:8px 6px;flex:1;white-space:nowrap}.options button[aria-pressed=true]{background:#e8efdf;border-color:#8caa85;color:#34533d}.panel-actions{display:flex;align-items:center;gap:5px;border-top:1px solid var(--line);padding-top:13px;margin-top:5px}.panel-actions button{padding:7px 9px;font-size:11px;border-radius:5px}.panel-actions button:hover{background:#e9eee2}.panel-actions .remove{margin-left:auto;color:#926d59}.panel details{font-size:10px;color:var(--muted);margin:2px 0 15px}.panel summary{cursor:pointer}.panel details .fields{margin-top:12px}.panel .overlap{font-size:10px;line-height:1.5;color:#8f6b3e;margin:0 0 12px}.notice{position:absolute;left:50%;top:83px;transform:translateX(-50%);max-width:min(520px,90vw);background:#fcfdf6f0;padding:12px 18px;border:1px solid var(--line);border-radius:9px;font-size:12px;box-shadow:0 4px 25px #1c381010;text-align:center;line-height:1.5}footer{position:absolute;bottom:12px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none;font-size:9px;color:#858c80;letter-spacing:.02em}dialog{width:min(490px,92vw);border:1px solid var(--line);border-radius:14px;padding:32px;background:#fafbf5;color:#364532;box-shadow:0 20px 90px #17371922}dialog::backdrop{background:#32422f55;backdrop-filter:blur(4px)}dialog small{font-size:9px;letter-spacing:.13em;color:var(--muted)}dialog h1{font-size:26px;line-height:1.2;font-weight:400;letter-spacing:-.04em;margin:15px 0 20px}dialog p{font-size:12px;line-height:1.7;color:#707966}.dialog-close{position:absolute;right:17px;top:13px;font-size:23px;color:var(--muted)}.no-script{position:fixed;top:45%;left:20%;background:white;padding:20px}
@media(max-width:740px){.toolbar{top:14px;left:16px;right:16px}.brand b{font-size:20px}.brand span{display:none}.modes{top:56px}.modes button{padding:8px 17px}.tools{padding:3px}.icon{width:30px;height:30px}.panel{top:auto;bottom:108px;right:12px;width:250px;max-height:45dvh;padding:15px}.panel-head{margin-bottom:13px}.field{margin-bottom:10px}.options{margin-bottom:12px}.dock button{padding:11px 15px;font-size:11px}.bottom{bottom:37px}.bottom p{font-size:10px}.menu{right:16px;top:61px}.add-menu{left:auto;right:15px;bottom:96px}.notice{top:118px}footer{left:16px;right:16px;font-size:8px}footer span:last-child{max-width:160px;text-align:right}.dimension{font-size:9px}.panel-actions button{padding:7px 6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#dimensions{overflow:hidden}#hint{max-width:calc(100vw - 30px);white-space:normal;line-height:1.5}
.depth-control{display:flex;align-items:center;gap:10px;margin:-5px 0 5px}.depth-control button{flex:0 0 36px;height:36px;border:1px solid #d7dcd1;border-radius:6px;background:#fffef9;font-size:20px}.depth-control button:hover:not(:disabled){background:#e8efdf}.depth-control input{flex:1;width:0;min-width:0;height:36px;margin:0;accent-color:var(--green);cursor:ew-resize;touch-action:pan-y}.panel #depth-hint{margin-bottom:17px;line-height:1.5}