:root{font-family:Google Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111;background:#f2f4fc;--blue: #3247ff;--ink: #111111;--muted: #747b8e;--line: #e0e3ef;--surface: #ffffff}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#111;color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:28px}.brand{font-size:24px;font-weight:750;letter-spacing:-.04em;padding:4px 10px}.sidebar nav{display:grid;gap:6px}.nav-item{padding:12px 14px;border-radius:12px;color:#aaa}.nav-item:hover,.nav-item.active{background:#242424;color:#fff}.sidebar-bottom{margin-top:auto;padding:12px 10px;display:grid;gap:8px}.workspace-name{font-weight:650}.text-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;color:#aaa;cursor:pointer;text-align:left}.main{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid #e0e3ef;display:flex;justify-content:space-between;align-items:center;padding:0 28px;color:#747b8e;font-size:14px}.content{padding:28px;max-width:1600px;margin:0 auto}.page-heading,.editor-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading h1{font-size:34px;letter-spacing:-.04em;margin:0 0 5px}.page-heading p,.panel p,.list-card p{margin:0;color:#747b8e}.page-eyebrow{display:block;margin-bottom:7px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;color:#7d8496}.inline-create{display:flex;align-items:center;gap:8px}.primary-button,.secondary-button,.danger-button{border:0;border-radius:11px;padding:11px 15px;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.primary-button{background:#3247ff;color:#fff}.secondary-button{background:#e2e5fc;color:#2338ed}.danger-button{background:#ffe8ed;color:#d00034}.primary-button:hover{filter:brightness(.96)}.secondary-button:hover{background:#d8dcfb}.compact{padding:7px 10px;border-radius:9px;font-size:12px}.inline-create input,.auth-card input,.inspector input,.inspector select,.inspector textarea,.field input:not([type=checkbox]):not([type=color]),.field select,.field textarea{width:100%;border:1px solid #dce0ee;background:#fff;border-radius:11px;padding:11px 12px;outline:none;color:#111}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8491ff;box-shadow:0 0 0 3px #3247ff14}.field input[type=color]{width:100%;min-height:42px;border:1px solid #dce0ee;background:#fff;border-radius:11px;padding:5px;cursor:pointer}.field{display:grid;gap:6px;min-width:0}.field>span{font-size:12px;color:#737b8f}.field small{color:#9197a8;font-size:11px;line-height:1.35}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card,.panel,.list-card,.settings-card{background:#fff;border:1px solid #e0e3ef;border-radius:18px}.stat-card{padding:20px}.stat-card span{display:block;color:#7d8496;font-size:13px}.stat-card strong{display:block;margin-top:16px;font-size:34px}.panel{padding:22px}.panel h2,.settings-card h2{margin:0 0 8px;font-size:18px;letter-spacing:-.02em}.table-panel{padding:0;overflow:hidden}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid #edf0f7}th{font-size:12px;color:#858b9c;text-transform:uppercase}.status,.kind{display:inline-flex;border-radius:999px;padding:5px 9px;background:#f2f4fc;color:#566074;font-size:12px;white-space:nowrap}.kind{background:#e5fff4;color:#128855}.cards-list{display:grid;gap:10px}.list-card{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.row{display:flex;align-items:center;gap:8px}.notice{padding:12px 15px;border-radius:12px;margin-bottom:18px}.notice.success{background:#e5fff4;color:#087247}.notice.error{background:#ffeef1;color:#b0002c}.auth-page{display:grid;place-items:center;background:#f2f4fc;padding:24px}.auth-card{width:min(420px,100%);background:#fff;border:1px solid #e0e3ef;border-radius:22px;padding:30px}.auth-card label{display:grid;gap:7px;margin-bottom:14px}.dynamic-editor{display:grid;grid-template-columns:260px minmax(420px,1fr) 300px;gap:14px;height:calc(100vh - 154px)}.editor-blocks,.inspector{background:#fff;border:1px solid #e0e3ef;border-radius:16px;padding:14px;overflow:auto}.editor-block-item{width:100%;border:1px solid #e1e5f0;background:#fff;border-radius:12px;padding:10px;display:flex;gap:10px;text-align:left;margin-bottom:7px;cursor:pointer}.editor-block-item.selected{border-color:#3247ff;background:#f3f5ff}.document-stage{overflow:auto;background:#e8ebf4;border-radius:16px;padding:24px}.proposal-page{width:min(210mm,100%);min-height:297mm;background:#fff;margin:0 auto;padding:18mm;box-shadow:0 14px 50px #1a204022}.prototype-note{border:1px dashed #bdc4d8;background:#f9faff;border-radius:13px;padding:14px;margin-bottom:16px}.dynamic-preview-block{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;border:1px solid #e0e3ef;border-radius:14px;padding:14px;margin-bottom:10px;scroll-margin:30px}.inspector label{display:grid;gap:6px;margin-bottom:12px;font-size:12px;color:#737b8f}.inspector textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.inspector textarea.invalid{border-color:#ff0a3f;background:#fff5f7}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-span-2{grid-column:1 / -1}.form-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:4px}.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.panel-title-row h2{margin:0 0 5px}.icon-text-button{border:0;background:transparent;color:#6f7687;cursor:pointer;padding:5px}.create-panel{margin-bottom:16px}.variable-filter-panel{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.variable-filter-panel strong{display:block;font-size:13px;margin-bottom:5px}.variable-filter-panel p{font-size:12px}.filter-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.filter-chip{border:1px solid #dfe3f0;background:#fff;border-radius:999px;padding:7px 10px;font-size:12px;color:#626a7d;cursor:pointer}.filter-chip.active{border-color:#3247ff;background:#eef0ff;color:#2338ed}.filter-chip.clear{background:#f5f6fb}.variable-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.variables-panel{padding:0;overflow:hidden}.variables-panel>.panel-title-row{padding:20px 20px 14px;border-bottom:1px solid #edf0f7}.variable-group{border-bottom:1px solid #edf0f7}.variable-group:last-child{border-bottom:0}.variable-group-title{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fafbff;font-size:12px}.variable-group-title span{color:#8b91a1}.variable-row{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(220px,1.25fr) auto;gap:14px;align-items:center;padding:13px 20px;border-top:1px solid #f1f3f8}.variable-meta{min-width:0}.variable-meta strong{display:block;font-size:13px;margin-bottom:4px}.variable-meta small{color:#8990a0;font-size:11px}.variable-meta code,.color-card-meta code,.resolution-note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#5d6680}.variable-value-form input,.variable-value-form textarea{width:100%;border:1px solid #dce0ee;border-radius:10px;padding:9px 10px;resize:vertical}.variable-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.usage-pill{font-size:11px;color:#7d8496;white-space:nowrap}.danger-icon-button{border:0;background:#fff1f3;color:#d00034;width:30px;height:30px;border-radius:9px;cursor:pointer;font-size:18px;line-height:1}.inheritance-panel{position:sticky;top:92px}.inheritance-panel>h2{margin-bottom:16px}.resolution-step{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:13px 0;border-top:1px solid #edf0f7}.resolution-step>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#e2e5fc;color:#3247ff;font-size:12px;font-weight:700}.resolution-step strong,.resolution-note strong{font-size:13px}.resolution-step p,.resolution-note p{margin-top:4px;font-size:12px;line-height:1.45}.resolution-note{margin-top:10px;padding:14px;background:#f6f7fc;border-radius:12px}.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;align-items:start}.settings-nav{position:sticky;top:92px;display:grid;gap:5px;background:#fff;border:1px solid #e0e3ef;border-radius:16px;padding:8px}.settings-nav button{border:0;background:transparent;border-radius:10px;padding:11px 12px;text-align:left;cursor:pointer;color:#737b8f}.settings-nav button.active{background:#eef0ff;color:#2539ed}.settings-section{display:none}.settings-section.active{display:block}.settings-card{padding:22px}.settings-card>p{margin:0 0 20px;color:#747b8e}.settings-card .form-grid{margin-top:16px}.setting-subtitle{margin:24px 0 6px;padding-top:20px;border-top:1px solid #edf0f7;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#7d8496}.switch-field{display:flex;align-items:center;gap:10px;padding:12px;background:#f8f9fd;border-radius:12px}.switch-field input[type=checkbox]{width:18px;height:18px;accent-color:#3247ff}.switch-field strong{display:block;font-size:13px}.switch-field small{display:block;margin-top:3px;color:#8a91a1}.create-color-panel{margin:18px 0 20px;padding:18px;border-radius:14px;background:#f7f8fd;border:1px solid #e6e9f3}.gradient-create-fields,.gradient-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.color-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.color-card{position:relative;border:1px solid #e3e6f0;border-radius:15px;overflow:hidden;background:#fff}.color-card-preview{height:84px;border-bottom:1px solid #e8eaf2}.color-card-form{padding:14px;display:grid;gap:10px}.color-card-form .field{gap:5px}.color-card-form .field input:not([type=color]){padding:8px 9px;border-radius:9px}.color-card-form .field input[type=color]{min-height:36px}.color-card-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;color:#8a91a0}.color-card-meta code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.color-delete-form{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .15s ease}.color-card:hover .color-delete-form{opacity:1}.gradient-editor{display:grid;grid-template-columns:1fr 1fr;gap:9px}.degree-field{grid-column:1 / -1}.degree-control{display:flex;align-items:center;gap:8px;grid-column:1/-1}.degree-control input{max-width:84px;border:1px solid #dce0ee;border-radius:9px;padding:8px 9px}.degree-dial{--angle: 135deg;position:relative;width:44px;height:44px;flex:0 0 44px;border:1px solid #d9deec;border-radius:50%;background:#f5f7fc;cursor:crosshair;outline:none}.degree-dial:before{content:"";position:absolute;width:2px;height:15px;left:50%;top:5px;transform-origin:50% 17px;transform:translate(-50%) rotate(var(--angle));background:#3247ff;border-radius:2px}.degree-dial:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#3247ff;left:50%;top:50%;transform:translate(-50%,-50%)}.document-variable-note{margin-top:18px;padding:16px;border-radius:13px;background:#f6f7fc}.document-variable-note strong{font-size:13px}.document-variable-note p{margin:5px 0 12px;color:#747b8e;font-size:12px;line-height:1.45}@media(max-width:1200px){.color-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variable-layout{grid-template-columns:1fr}.inheritance-panel{position:static}}@media(max-width:1100px){.dynamic-editor{grid-template-columns:220px 1fr}.inspector{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.variable-row{grid-template-columns:minmax(170px,.8fr) minmax(200px,1.2fr)}.variable-row-actions{grid-column:2}}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow-x:auto}.settings-nav button{white-space:nowrap}.color-library-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;height:auto}.content{padding:18px}.topbar{display:none}.page-heading{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.dynamic-editor{display:block;height:auto}.document-stage{min-height:70vh}.proposal-page{padding:10mm}.form-grid,.gradient-create-fields,.gradient-fields{grid-template-columns:1fr}.field-span-2{grid-column:auto}.variable-filter-panel{align-items:flex-start;flex-direction:column}.filter-chips{justify-content:flex-start}.variable-row{grid-template-columns:1fr}.variable-row-actions{grid-column:auto;justify-content:flex-start}}