:root{--primary: #5445A8;--on-primary: #FFFFFF;--primary-container: #EDE9FF;--on-primary-container: #2D1F6E;--secondary: #C96800;--secondary-container: #FFEDD5;--on-secondary-container: #5C2800;--tertiary: #7D5260;--tertiary-container: #FFD8E4;--bg: #FAFAF7;--on-bg: #1C1A16;--surface: #F2EFE9;--surface-variant: #E8E4DC;--on-surface-variant: #6B6762;--outline: #AFA9A2;--outline-variant: #DCD6CC;--error: #D32F2F;--error-container: #F9DEDC;--success: #2E7D32;--success-container: #E8F5E9;--warning: #F57F17;--warning-container: #FFF8E1;--accent: #1565C0;--on-accent: #FFFFFF;--accent-container: #E3F2FD;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--on-bg);font-size:15px;line-height:1.5}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:var(--primary);text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:208px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--outline-variant);padding:16px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.sidebar .brand{font-weight:700;font-size:17px;color:var(--primary);padding:4px 10px 14px}.sidebar a{padding:8px 10px;border-radius:8px;color:var(--on-bg);font-weight:500}.sidebar a.active{background:var(--primary-container);color:var(--on-primary-container)}.sidebar a:hover{background:var(--surface-variant)}.sidebar .spacer{flex:1}.sidebar .who{font-size:12px;color:var(--on-surface-variant);padding:0 10px 6px}.main{flex:1;padding:24px 28px;min-width:0}.main h1{font-size:20px;margin:0 0 16px}.btn{border:1px solid var(--outline-variant);background:#fff;border-radius:8px;padding:7px 14px;font-weight:500}.btn:hover{background:var(--surface)}.btn.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn.primary:hover{opacity:.92}.btn.danger{color:var(--error);border-color:var(--error-container)}.btn.small{padding:3px 9px;font-size:13px;border-radius:6px}.btn:disabled{opacity:.5;cursor:default}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.field label{font-size:12px;font-weight:600;color:var(--on-surface-variant)}.field input,.field textarea,.field select{border:1px solid var(--outline-variant);border-radius:8px;padding:7px 10px;background:#fff}.field textarea{resize:vertical;min-height:64px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--primary-container);border-color:var(--primary)}.chip{display:inline-block;font-size:11.5px;font-weight:600;border-radius:99px;padding:2px 9px;vertical-align:middle}.chip.ok{background:var(--success-container);color:var(--success)}.chip.warn{background:var(--warning-container);color:var(--warning)}.chip.err{background:var(--error-container);color:var(--error)}.chip.muted{background:var(--surface-variant);color:var(--on-surface-variant)}.chip.brand{background:var(--primary-container);color:var(--on-primary-container)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--on-bg);color:#fff;padding:9px 18px;border-radius:10px;font-size:14px;z-index:50;box-shadow:0 4px 16px #00000040}.toast.error{background:var(--error)}.error-text{color:var(--error);font-size:13px}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:340px;background:#fff;border:1px solid var(--outline-variant);border-radius:14px;padding:26px}.login-card h1{font-size:19px;margin:0 0 2px;color:var(--primary)}.login-card p{margin:0 0 18px;font-size:13px;color:var(--on-surface-variant)}.filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.filters input,.filters select{border:1px solid var(--outline-variant);border-radius:8px;padding:7px 10px;background:#fff}.filters input{width:260px}table.list{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--outline-variant);border-radius:10px;overflow:hidden}table.list th{text-align:left;font-size:12px;color:var(--on-surface-variant);font-weight:600;padding:9px 12px;background:var(--surface);border-bottom:1px solid var(--outline-variant)}table.list td{padding:9px 12px;border-bottom:1px solid var(--outline-variant);font-size:14px}table.list tr:last-child td{border-bottom:none}table.list tbody tr{cursor:pointer}table.list tbody tr:hover{background:var(--surface)}.editor-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.editor-head h1{margin:0}.editor-head .grow{flex:1}.editor-cols{display:flex;gap:20px;align-items:flex-start}.phone{width:420px;flex-shrink:0;background:var(--bg);border:1px solid var(--outline-variant);border-radius:18px;padding:18px 14px;box-shadow:0 2px 12px #0000000f}.phone .blocks{display:flex;flex-direction:column;gap:12px}.block-slot{position:relative;border-radius:8px}.block-slot:hover{outline:2px dashed var(--outline);outline-offset:2px}.block-slot.selected{outline:2px solid var(--primary);outline-offset:2px}.side-panel{flex:1;min-width:320px;position:sticky;top:16px}.panel-card{background:#fff;border:1px solid var(--outline-variant);border-radius:12px;padding:16px;margin-bottom:14px}.panel-card h3{margin:0 0 10px;font-size:14px}.panel-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.versions li{display:flex;gap:8px;align-items:center;padding:5px 0;font-size:13px}.versions{list-style:none;margin:0;padding:0}.add-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.add-grid button{font-size:12px;padding:5px 4px}.blk{font-size:15px}.blk .inline-code{font-family:var(--mono);font-size:13px;background:var(--surface-variant);border-radius:3px;padding:0 4px}.blk-paragraph{padding:4px 0}.blk-heading2{font-size:20px;font-weight:600;padding:20px 0 6px}.blk-heading3{font-size:17px;font-weight:600;padding:20px 0 6px}.blk-list{display:flex;flex-direction:column;gap:4px}.blk-list .li{display:flex;gap:8px}.blk-list .li .marker{flex-shrink:0}.blk-list .li .num{width:28px;font-weight:500;flex-shrink:0}.blk-list .child{display:flex;gap:8px;margin-left:12px;font-size:14px;color:var(--on-surface-variant)}.blk-code{background:var(--surface-variant);border-radius:8px;padding:12px;position:relative}.blk-code pre{margin:0;font-family:var(--mono);font-size:13px;line-height:20px;overflow-x:auto}.blk-code .lang{position:absolute;bottom:8px;right:8px;font-size:11px;color:var(--on-surface-variant)}.blk-table{border:1px solid var(--outline-variant);border-radius:8px;overflow-x:auto}.blk-table table{border-collapse:collapse;width:100%}.blk-table th{background:var(--surface-variant);font-size:12.5px;font-weight:600;text-align:left;padding:8px 12px}.blk-table td{font-size:13px;padding:8px 12px;border-top:1px solid var(--outline-variant)}.blk-table th+th,.blk-table td+td{border-left:1px solid var(--outline-variant)}.blk-divider{border:none;border-top:1px solid var(--outline-variant);margin:8px 0}.accent-card{display:flex;border-radius:8px;overflow:hidden}.accent-card .bar{width:4px;flex-shrink:0}.accent-card .body{padding:12px;flex:1}.accent-card .title{font-size:12.5px;font-weight:600;margin-bottom:4px}.accent-card .text{font-size:14px}.blk-summary{background:var(--surface-variant);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px}.blk-summary .title{font-size:14px;font-weight:600;color:var(--on-surface-variant)}.blk-summary .li{display:flex;gap:8px;font-size:14px}.blk-keyterm{border:1px solid var(--outline-variant);border-radius:8px;padding:12px}.blk-keyterm .term{font-weight:700;font-size:14px;color:var(--primary);margin-bottom:4px}.blk-keyterm .def{font-size:14px}.blk-quiz{border:1px solid rgba(84,69,168,.4);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.blk-quiz .label{font-size:12.5px;font-weight:600;color:var(--primary)}.blk-quiz .q{font-size:14px;font-weight:500}.blk-quiz .opt{display:flex;gap:6px;border:1px solid var(--outline-variant);border-radius:6px;padding:8px 12px;font-size:14px}.blk-quiz .opt.correct{background:var(--success-container)}.blk-quiz .opt .id{font-weight:600;width:24px;flex-shrink:0}.blk-quiz .expl{font-size:13px;color:var(--on-surface-variant)}.blk-reveal{border:1px solid var(--outline-variant);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.blk-reveal .prompt{font-size:14px;font-weight:500}.blk-reveal .answer{background:var(--surface-variant);border-radius:6px;padding:10px;font-size:14px}.blk-takeaway{background:var(--primary-container);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px}.blk-takeaway .title{font-size:12.5px;font-weight:600;color:var(--primary)}.blk-takeaway .li{display:flex;gap:0;font-size:14px}.blk-takeaway .li .num{width:24px;font-weight:600;color:var(--primary);flex-shrink:0}.blk-realworld{border:1px solid var(--outline-variant);border-radius:8px;padding:12px}.blk-realworld .company{display:inline-block;background:var(--secondary-container);color:var(--secondary);font-size:12.5px;font-weight:600;border-radius:4px;padding:4px 8px;margin-bottom:6px}.blk-realworld .desc{font-size:14px}.blk-numbers{border:1px solid var(--outline-variant);border-radius:8px;overflow:hidden}.blk-numbers .title{font-size:14px;font-weight:600;padding:10px 12px;border-bottom:1px solid var(--outline-variant)}.blk-numbers .row{display:flex;align-items:center;border-bottom:1px solid var(--outline-variant)}.blk-numbers .row:last-child{border-bottom:none}.blk-numbers .row .label{flex:1;font-size:14px;padding:10px 12px;border-right:1px solid var(--outline-variant)}.blk-numbers .row .value{max-width:42%;padding:8px 12px}.blk-numbers .row .value span{background:var(--surface-variant);border-radius:4px;padding:4px 8px;font-family:var(--mono);font-size:13px;font-weight:600}.blk-tradeoff{display:flex;gap:8px}.blk-tradeoff .col{flex:1;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px;font-size:13px}.blk-tradeoff .pros{background:var(--success-container)}.blk-tradeoff .cons{background:var(--error-container)}.blk-tradeoff .head{font-size:12.5px;font-weight:600}.blk-tradeoff .pros .head{color:var(--success)}.blk-tradeoff .cons .head{color:var(--error)}.blk-comparison{display:flex;gap:8px}.blk-comparison .col{flex:1;border:1px solid var(--outline-variant);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px}.blk-comparison .head{font-size:14px;font-weight:600;padding-bottom:4px;border-bottom:1px solid var(--outline-variant)}.blk-comparison .li{display:flex;gap:6px;font-size:13px}.blk-flow{border:1px solid var(--outline-variant);border-radius:8px;padding:12px}.blk-flow .title{font-size:14px;font-weight:600;margin-bottom:8px}.blk-flow .step{display:flex;gap:10px}.blk-flow .rail{display:flex;flex-direction:column;align-items:center}.blk-flow .dot{width:24px;height:24px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:11px;display:grid;place-items:center;flex-shrink:0}.blk-flow .line{width:2px;flex:1;min-height:20px;background:var(--outline-variant)}.blk-flow .step-text{font-size:14px;padding:4px 0 16px}.blk-flow .step:last-child .step-text{padding-bottom:0}.blk-decision{border:1px solid var(--outline-variant);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.blk-decision .title{font-size:14px;font-weight:600}.blk-decision .rule{background:var(--surface-variant);border-radius:6px;padding:10px;font-size:13px}.blk-decision .rule .if{font-weight:600}.blk-decision .rule .then{color:var(--on-surface-variant)}.blk-scale{background:var(--accent-container);border-radius:8px;padding:12px}.blk-scale .threshold{display:inline-block;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:700;border-radius:4px;padding:4px 10px;margin-bottom:6px}.blk-scale .text{font-size:14px}.blk-image{text-align:center}.blk-image img{max-width:100%;border-radius:8px}.blk-image .caption{font-size:13px;color:var(--on-surface-variant);padding-top:4px}.blk-images{display:flex;gap:8px;overflow-x:auto}.blk-images .item{width:240px;flex-shrink:0;text-align:center}.blk-images img{width:100%;border-radius:8px}.blk-diagram{background:var(--surface-variant);border-radius:8px;padding:12px}.blk-diagram .title{font-size:12.5px;font-weight:600;margin-bottom:6px}.blk-diagram pre{margin:0;font-family:var(--mono);font-size:13px;overflow-x:auto}.blk-xref{display:flex;align-items:center;gap:8px;border:1px solid var(--outline-variant);border-radius:8px;padding:12px}.blk-xref .hint{font-size:13px;color:var(--on-surface-variant)}.blk-xref .label{font-size:14px;font-weight:600;color:var(--primary)}.blk-related{display:inline-flex;align-items:center;gap:8px;background:var(--secondary-container);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;color:var(--secondary)}.blk-unknown{border:1px dashed var(--error);border-radius:8px;padding:8px 12px;color:var(--error);font-size:13px}