.cookie-cutter{--cc-bg:#f6f6f4;--cc-panel:#fff;--cc-line:#dcdcd6;--cc-ink:#23241f;--cc-muted:#6d6f66;--cc-accent:#b4552d;--cc-height:100vh;color:var(--cc-ink);text-align:left;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.cookie-cutter *,.cookie-cutter :before,.cookie-cutter :after{box-sizing:border-box}.cookie-cutter [hidden]{display:none!important}.cookie-cutter .cc-wrap{height:var(--cc-height);background:var(--cc-bg);grid-template-columns:320px 1fr;display:grid;overflow:hidden}@media (max-width:820px){.cookie-cutter .cc-wrap{grid-template-columns:1fr;height:auto}.cookie-cutter .cc-view{height:70vh}}.cookie-cutter .cc-panel{background:var(--cc-panel);border-right:1px solid var(--cc-line);min-height:0;padding:20px;overflow-y:auto}.cookie-cutter .cc-title{margin:0 0 4px;font-size:17px;font-weight:700}.cookie-cutter .cc-sub{color:var(--cc-muted);margin-bottom:18px;font-size:12px}.cookie-cutter .cc-drop{border:2px dashed var(--cc-line);text-align:center;color:var(--cc-muted);cursor:pointer;background:#fafaf8;border-radius:8px;padding:18px 12px;transition:border-color .15s,background .15s;display:block}.cookie-cutter .cc-drop:hover,.cookie-cutter .cc-drop.cc-over{border-color:var(--cc-accent);background:#fdf6f2}.cookie-cutter .cc-drop strong{color:var(--cc-ink);font-size:13px;display:block}.cookie-cutter .cc-drop small{font-size:11px}.cookie-cutter .cc-file{display:none}.cookie-cutter fieldset{border:0;min-width:0;margin:18px 0 0;padding:0}.cookie-cutter legend{text-transform:uppercase;letter-spacing:.06em;color:var(--cc-muted);padding:0 0 6px;font-size:11px}.cookie-cutter .cc-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.cookie-cutter .cc-row label{font-size:13px}.cookie-cutter .cc-row input{border:1px solid var(--cc-line);width:74px;font:inherit;text-align:right;color:var(--cc-ink);background:#fff;border-radius:5px;padding:5px 7px}.cookie-cutter .cc-row input:focus{outline:2px solid var(--cc-accent);outline-offset:-1px;border-color:#0000}.cookie-cutter .cc-row input[type=checkbox]{width:auto}.cookie-cutter .cc-trace{object-fit:contain;border:1px solid var(--cc-line);background:#f1efe9;border-radius:6px;width:100%;height:150px;margin-bottom:8px;display:block}.cookie-cutter .cc-slider{flex:1;width:auto;padding:0}.cookie-cutter .cc-val{color:var(--cc-muted);text-align:right;width:30px;font-size:12px}.cookie-cutter button{font:inherit;cursor:pointer;background:var(--cc-accent);color:#fff;border:1px solid #0000;border-radius:6px;padding:9px 14px;font-weight:500}.cookie-cutter button:disabled{opacity:.45;cursor:default}.cookie-cutter .cc-actions{flex-direction:column;gap:8px;margin-top:20px;display:flex}.cookie-cutter .cc-actions button.cc-ghost{border-color:var(--cc-line);color:var(--cc-ink);background:#fff}.cookie-cutter .cc-log{white-space:pre-wrap;color:var(--cc-muted);border-top:1px solid var(--cc-line);max-height:220px;margin-top:16px;padding-top:12px;font:11.5px/1.55 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow-y:auto}.cookie-cutter .cc-log .cc-warn{color:#a5601c}.cookie-cutter .cc-log .cc-err{color:#b3261e}.cookie-cutter .cc-view{background:#eceae4;min-height:0;position:relative}.cookie-cutter .cc-view>canvas{touch-action:none;width:100%;height:100%;display:block}.cookie-cutter .cc-hint{color:var(--cc-muted);pointer-events:none;font-size:11.5px;position:absolute;bottom:12px;left:14px}.cookie-cutter .cc-empty{text-align:center;color:var(--cc-muted);pointer-events:none;place-content:center;font-size:13px;display:grid;position:absolute;inset:0}.cookie-cutter .cc-views{z-index:2;position:absolute;top:12px;right:12px}.cookie-cutter .cc-views button{font-weight:400}.cookie-cutter .cc-viewsBtn{width:38px;height:38px;color:var(--cc-ink);border-color:var(--cc-line);background:#fff;place-items:center;padding:0;display:grid;box-shadow:0 1px 3px #00000014}.cookie-cutter .cc-viewsBtn:hover,.cookie-cutter .cc-viewsBtn[aria-expanded=true]{border-color:var(--cc-accent);color:var(--cc-accent)}.cookie-cutter .cc-viewsMenu{border:1px solid var(--cc-line);background:#fff;border-radius:8px;flex-direction:column;min-width:190px;padding:4px;display:flex;position:absolute;top:44px;right:0;box-shadow:0 6px 20px #0000001f}.cookie-cutter .cc-viewsMenu button{text-align:left;color:var(--cc-ink);background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;padding:7px 10px;display:flex}.cookie-cutter .cc-viewsMenu button:hover,.cookie-cutter .cc-viewsMenu button:focus-visible{background:#f1efe9;outline:none}.cookie-cutter .cc-viewsMenu svg{color:var(--cc-muted);flex:none}.cookie-cutter .cc-viewsMenu kbd{color:var(--cc-muted);margin-left:auto;font:11px ui-monospace,Consolas,monospace}.cookie-cutter .cc-viewsMenu hr{border:0;border-top:1px solid var(--cc-line);margin:4px 2px}.cookie-cutter .cc-dims{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cookie-cutter .cc-dim{white-space:nowrap;color:var(--cc-ink);will-change:transform;background:#eceae4d9;border-radius:3px;padding:2px 5px;font:13px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:absolute;top:0;left:0}.cookie-cutter .cc-viewsMenu button[aria-checked=false] svg{opacity:.35}.cookie-cutter .cc-viewsMenu button[aria-checked=true] kbd:before{content:"✓ ";color:var(--cc-accent)}