:root{color:#18251f;font-synthesis:none;background:#edf3ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.studio-auth-shell{background:linear-gradient(145deg,#e8f2ea,#d6e3da);place-items:center;min-height:100vh;padding:32px;display:grid}.studio-auth-card{background:#fff;border:1px solid #bdd0c2;border-radius:18px;width:min(460px,100%);padding:32px;box-shadow:0 18px 45px #1e3e2b1f}.studio-brand{align-items:center;gap:12px;display:flex}.studio-brand>span{color:#fff;background:#236b45;border-radius:12px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid}.studio-brand h1,.studio-brand p{margin:0}.studio-brand h1{font-size:20px}.studio-brand p{color:#5f7366;font-size:13px}form label{color:#30483a;gap:6px;font-size:13px;font-weight:700;display:grid}input,textarea{color:#18251f;background:#fbfdfb;border:1px solid #b9c9be;border-radius:8px;width:100%;padding:10px 12px}textarea{resize:vertical;font-family:Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.5}button,.studio-file-button{color:#fff;background:#236b45;border:1px solid #236b45;border-radius:8px;padding:9px 13px;font-weight:700}button:disabled{cursor:wait;opacity:.6}.studio-auth-card form{gap:14px;margin-top:22px;display:grid}.studio-shell{min-height:100vh}.studio-header{background:#fff;border-bottom:1px solid #c8d7cc;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:12px 24px;display:flex}.studio-account{color:#52675a;align-items:center;gap:12px;font-size:13px;display:flex}.studio-account button,.studio-editor-heading button,.studio-sidebar-heading button,.studio-history button{color:#236b45;background:#fff}.studio-layout{grid-template-columns:320px minmax(0,1fr);min-height:calc(100vh - 68px);display:grid}.studio-sidebar{background:#f7faf7;border-right:1px solid #c8d7cc;padding:20px}.studio-sidebar h2{margin:0;font-size:17px}.studio-sidebar-heading{justify-content:space-between;align-items:center;margin:26px 0 10px;display:flex}.studio-create-form{background:#fff;border:1px solid #cfdbd2;border-radius:12px;gap:10px;padding:16px;display:grid}.studio-create-form label span{font-weight:400}.studio-draft-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.studio-draft-list button{text-align:left;color:#243a2d;background:#fff;border-color:#cfdbd2;gap:3px;width:100%;display:grid}.studio-draft-list button.is-selected{border-color:#236b45;box-shadow:0 0 0 2px #236b451f}.studio-draft-list span{color:#667a6d;font-size:12px;font-weight:500}.studio-workspace{padding:28px;overflow:auto}.studio-empty-state{text-align:center;color:#5d7164;max-width:620px;margin:80px auto}.studio-editor{background:#fff;border:1px solid #c8d7cc;border-radius:16px;max-width:1420px;margin:0 auto;padding:28px}.studio-editor-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.studio-editor-heading h2,.studio-editor-heading p{margin:0}.studio-editor-heading>div>p:last-child{color:#64776b;margin-top:6px}.studio-eyebrow{color:#236b45;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.studio-foundation-warning{color:#614b1d;background:#fff7df;border-left:4px solid #b78216;margin:22px 0;padding:12px 14px}.studio-editor form{gap:18px;display:grid}.studio-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.studio-help{color:#64776b;margin:-12px 0 0;font-size:13px}.studio-constants{background:#f7faf7;border:1px solid #d4dfd7;border-radius:10px;padding:14px}.studio-constants h3,.studio-constants p{margin:0}.studio-constants p{color:#52675a;margin-top:6px}.studio-actions{flex-wrap:wrap;gap:10px;display:flex}.studio-actions button:not(:first-child),.studio-file-button{color:#236b45;background:#fff}.studio-file-button{cursor:pointer;align-items:center;display:inline-flex}.studio-file-button input{opacity:0;width:1px;height:1px;position:absolute}.studio-notice{color:#245636;background:#e6f4ea;border-radius:8px;padding:10px 12px}.studio-error{color:#872d2d;background:#fdeaea;border-radius:8px;padding:10px 12px}.studio-history{border-top:1px solid #d8e1da;margin-top:28px;padding-top:20px}.studio-history h3,.studio-history p{margin:0}.studio-history>p{color:#64776b;margin-top:5px}.studio-history ol{gap:8px;padding-left:24px;display:grid}.studio-history li{padding:10px 0 10px 4px}.studio-history li,.studio-history li>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.studio-history li>div{flex-direction:column;align-items:start;gap:2px}.studio-history span{color:#64776b;font-size:12px}.hole-editor{background:#f7faf7;border:1px solid #c8d7cc;border-radius:14px;gap:14px;padding:16px;display:grid}.hole-editor-statusbar,.hole-editor-toolbar,.hole-editor-status-tags,.hole-editor-counts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hole-editor-statusbar{justify-content:space-between}.hole-editor-statusbar>div:first-child{gap:2px;display:grid}.hole-editor-statusbar span{color:#617368;font-size:12px}.hole-editor-status-tags span,.hole-editor-counts span{color:#365143;background:#e5eee7;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.hole-editor-toolbar button{padding:7px 10px;font-size:12px}.hole-editor-toolbar button.secondary{color:#236b45;background:#fff}.hole-editor-toolbar button[aria-pressed=true]{background:#eaf4ed;box-shadow:inset 0 0 0 2px #236b4533}.hole-editor-toolbar button.danger{color:#8b2f2f;background:#fff;border-color:#a64242}.hole-editor-layout{grid-template-columns:minmax(360px,1fr) 260px;align-items:start;gap:18px;display:grid}.hole-editor-canvas-column{justify-items:center;min-width:0;display:grid}.hole-editor-canvas-frame{aspect-ratio:9/16;background:#58b86b;border:1px solid #1f5a3a;border-radius:8px;width:min(100%,440px);position:relative;overflow:hidden;box-shadow:0 10px 28px #18372429}.hole-editor-canvas,.hole-editor-overlay{width:100%;height:100%;display:block;position:absolute;inset:0}.hole-editor-overlay{touch-action:none;-webkit-user-select:none;user-select:none}.editor-grid path{fill:none;stroke:#ffffff2b;stroke-width:1px}.editor-hit{fill:#0000;stroke:#0000;cursor:move}.editor-point-hit{stroke-width:5px}.editor-selection-rect,.editor-selection-point{fill:none;stroke:#ffe45f;stroke-width:7px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #000000b3)}.editor-selection-rect{stroke-dasharray:18 10}.editor-resize-handle,.editor-force-handle{fill:#fff7bd;stroke:#4b3e00;stroke-width:5px;cursor:nwse-resize;vector-effect:non-scaling-stroke}.editor-force-line{stroke:#fff4a3;stroke-width:8px;vector-effect:non-scaling-stroke}.editor-force-handle{cursor:crosshair}.hole-editor-properties{background:#fff;border:1px solid #d0dcd3;border-radius:10px;gap:12px;padding:14px;display:grid}.hole-editor-properties h3,.hole-editor-properties p{margin:0}.hole-editor-properties>p{color:#64776b;font-size:13px}.hole-editor-object-list{border-top:1px solid #d9e2db;gap:6px;padding-top:10px;display:grid}.hole-editor-object-list h4{margin:0 0 2px}.hole-editor-object-list button{color:#236b45;text-align:left;background:#fff;padding:6px 8px;font-size:12px}.hole-editor-property-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.hole-editor-property-grid input{min-width:0;padding:8px}.slope-readout{background:#eef5f0;border-radius:8px;gap:5px;margin:0;padding:10px;display:grid}.slope-readout div{justify-content:space-between;gap:10px;display:flex}.slope-readout dt{color:#5d7063}.slope-readout dd{margin:0;font-weight:700}.editor-validation{border-radius:8px;padding:10px 12px;font-size:13px}.editor-validation p{margin:0}.editor-validation ul{margin:6px 0 0;padding-left:20px}.editor-validation.is-valid{color:#245636;background:#e6f4ea}.editor-validation.is-invalid{color:#872d2d;background:#fdeaea}@media (width<=820px){.studio-layout{grid-template-columns:1fr}.studio-sidebar{border-bottom:1px solid #c8d7cc;border-right:0}.studio-field-grid{grid-template-columns:1fr}.studio-header{flex-direction:column;align-items:start}.hole-editor-layout{grid-template-columns:1fr}.hole-editor-properties{order:-1}}
