:root{--ink:#172033;--muted:#667085;--line:#e4e7ec;--surface:#fff;--surface-soft:#f8fafc;--canvas:#f3f5f9;--purple:#635bff;--purple-dark:#5148e5;--teal:#0f9f9a;--shadow:0 16px 40px #1b264314;--sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;font:15px/1.5 var(--sans);color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100svh}.app-shell{min-height:100svh;color:var(--ink)}.app-header{align-items:flex-start;gap:16px;padding:18px 0 26px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--purple), #8b5cf6);border-radius:14px;flex:0 0 48px;place-items:center;height:48px;font-size:25px;display:grid;box-shadow:0 8px 18px #635bff40}.eyebrow{color:var(--purple);letter-spacing:.12em;text-transform:uppercase;margin:1px 0 4px;font-size:11px;font-weight:800}h1,h2,h3{color:var(--ink);letter-spacing:-.035em;margin:0}h1{font-size:clamp(24px,3vw,35px);font-weight:750;line-height:1.12}h1 span{color:#a0a8b8;font-weight:400}.subtitle{color:var(--muted);margin:7px 0 0}.view-tabs{border-bottom-color:var(--line)!important}.view-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:11px 16px;transition:all .2s;font-weight:650!important}.view-tabs button:hover,.view-tabs button.active{color:var(--purple);border-bottom-color:var(--purple)}.view-tabs button:focus-visible{outline-offset:2px;outline:3px solid #635bff40}.matrix-picker{min-height:42px}.matrix-picker button,.canvases-view>div:first-child button{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:9px;padding:9px 13px;box-shadow:0 2px 6px #10182808;font-weight:600!important}.matrix-picker button:hover,.matrix-picker button:focus{border-color:var(--purple);color:var(--purple)}.access-bar,.create-bar{border:1px solid var(--line);background:#ffffffa6;border-radius:12px;align-items:center;padding:12px}.create-bar{background:var(--surface);box-shadow:var(--shadow);margin-bottom:28px!important}input,textarea,select{color:var(--ink);background:var(--surface);border:1px solid #d5d9e2;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s;padding:9px 11px!important}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #635bff1f;border-color:var(--purple)!important}button{color:#344054;background:var(--surface);border:1px solid #d5d9e2;border-radius:8px;padding:9px 13px;font-weight:650;transition:transform .15s,box-shadow .2s,background .2s}button:hover{transform:translateY(-1px);box-shadow:0 5px 12px #10182817}.create-bar button,.canvases-view button:not(.danger){border-color:var(--purple);color:#fff;background:var(--purple)}.matrix-view{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:22px;overflow:auto}.section-heading{border-bottom:1px solid var(--line);padding-bottom:17px}.section-heading h2{font-size:24px}.matrix-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.control-toggle{color:var(--purple);background:#f7f6ff;border-color:#c9c4ff}.controls-hidden table button,.controls-hidden table select{display:none!important}.matrix-view>textarea{resize:vertical;background:var(--surface-soft);min-height:62px!important;margin:18px 0!important}.matrix-view table{border-radius:10px;min-width:760px;overflow:hidden;border:1px solid var(--line)!important}.matrix-view th{color:#475467;border-color:var(--line)!important;background:#f7f8fc!important}.matrix-view td{border-color:var(--line)!important}.matrix-view tbody tr:nth-child(2n) td{background:#fbfcfe}.matrix-view tbody td:first-child{color:var(--teal);background:#edf9f7!important}.matrix-view tbody td>div{box-shadow:0 3px 8px #7b59140f;background:#fffaf0!important;border-color:#f2d18a!important;border-radius:9px!important}.matrix-view th input{color:var(--ink)}.matrix-view th select{font-size:12px}.canvases-view{padding:4px 0}.canvases-view>div:nth-child(2){align-items:flex-start;gap:24px!important}.canvases-view>div:nth-child(2)>div{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;padding:18px}.canvases-view h3{margin-bottom:14px}.canvases-view ul{margin:14px 0 0}.canvases-view li button:first-child{color:var(--purple);background:#f5f3ff;border-color:#ddd9ff}@media (width<=700px){.app-shell{padding:0 16px!important}.app-header{padding-top:20px}.matrix-view{padding:14px}.section-heading{flex-direction:column;gap:12px;align-items:flex-start!important}.matrix-heading-actions{justify-content:flex-start}.canvases-view>div:nth-child(2){flex-direction:column}.canvases-view>div:nth-child(2)>div{width:100%;max-width:none!important}}