:root{--color-bg: #0f1117;--color-surface: #171b26;--color-surface-2: #1e2335;--color-surface-3: #252a3d;--color-border: #2d3450;--color-border-2: #3a4060;--color-accent: #4f6ef7;--color-accent-h: #6b85ff;--color-accent-dim: rgba(79, 110, 247, .15);--color-success: #22c55e;--color-warn: #f59e0b;--color-danger: #ef4444;--color-text: #e8eaf2;--color-text-2: #9ba3c2;--color-text-3: #5a6180;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 1px 4px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sidebar-w: 480px;--header-h: 56px;--status-h: 28px;--transition: .14s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}button{cursor:pointer;font:inherit;border:none;background:none}input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}#auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);display:flex;align-items:center;justify-content:center;z-index:1000}#auth-overlay.hidden{display:none}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:40px;width:360px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:24px}.auth-card h2{font-size:20px;font-weight:600;text-align:center}.auth-card .subtitle{color:var(--color-text-2);font-size:13px;text-align:center;margin-top:-16px}#app{display:grid;grid-template-rows:var(--header-h) 1fr var(--status-h);height:100%}#app.hidden{display:none}.app-header{display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:relative;z-index:10}.app-header .logo{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--color-accent);white-space:nowrap;display:flex;align-items:center;gap:6px}.app-header .logo svg{width:22px;height:22px}.header-title-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:8px}#proposal-title{flex:1;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:5px 10px;font-size:14px;font-weight:500;color:var(--color-text);transition:border-color var(--transition),background var(--transition);min-width:0}#proposal-title:hover{border-color:var(--color-border-2);background:var(--color-surface-2)}#proposal-title:focus{outline:none;border-color:var(--color-accent);background:var(--color-surface-2)}#proposal-title::placeholder{color:var(--color-text-3)}.currency-select{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:5px 10px;color:var(--color-text);font-size:13px;font-weight:500;cursor:pointer}.currency-select:focus{outline:none;border-color:var(--color-accent)}.header-actions{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:background var(--transition),opacity var(--transition),transform var(--transition);white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{color:var(--color-text-2);border:1px solid var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border-2)}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 0 #4f6ef700;transition:box-shadow var(--transition),background var(--transition),transform var(--transition)}.btn-primary:hover:not(:disabled){background:var(--color-accent-h);box-shadow:0 0 16px #4f6ef766}.btn-success{background:#166534;color:#bbf7d0;border:1px solid #15803d}.btn-success:hover:not(:disabled){background:#15803d}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{padding:6px;border-radius:var(--radius-sm);color:var(--color-text-2);border:1px solid var(--color-border);line-height:1}.btn-icon:hover{background:var(--color-surface-2);color:var(--color-text)}.main-split{display:grid;grid-template-columns:var(--sidebar-w) 4px 1fr;overflow:hidden;min-height:0}.resize-handle{background:var(--color-border);cursor:col-resize;position:relative;transition:background var(--transition);z-index:5}.resize-handle:hover,.resize-handle.dragging{background:var(--color-accent)}.resize-handle:after{content:"";position:absolute;top:0;right:-4px;bottom:0;left:-4px}.form-panel{display:flex;flex-direction:column;overflow:hidden;min-height:0;background:var(--color-surface);border-right:1px solid var(--color-border)}.form-scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.form-scroll::-webkit-scrollbar{width:5px}.form-scroll::-webkit-scrollbar-track{background:transparent}.form-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.form-section{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:clip}.section-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-surface-2);transition:background var(--transition)}.section-header:hover{background:var(--color-surface-3)}.section-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-accent-dim);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.section-title{flex:1;font-size:13px;font-weight:600;color:var(--color-text)}.section-badge{font-size:11px;font-weight:500;background:var(--color-accent-dim);color:var(--color-accent);border-radius:20px;padding:2px 8px}.section-badge.ok{background:#22c55e26;color:var(--color-success)}.section-badge.warn{background:#f59e0b26;color:var(--color-warn)}.section-chevron{color:var(--color-text-3);transition:transform var(--transition);font-size:12px}.form-section.collapsed .section-chevron{transform:rotate(-90deg)}.section-body{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.section-body::-webkit-scrollbar{width:6px}.section-body::-webkit-scrollbar-track{background:transparent}.section-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.section-body::-webkit-scrollbar-thumb:hover{background:#ffffff59}.form-section.collapsed .section-body{display:none}.param-group{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:clip}.param-group-header{display:flex;align-items:center;gap:7px;padding:8px 11px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-surface-3);font-size:12px;font-weight:600;color:var(--color-text);transition:background var(--transition)}.param-group-header:hover{background:var(--color-bg)}.param-group-icon{font-size:13px;flex-shrink:0}.param-group-title{flex:1}.param-group-chevron{font-size:10px;color:var(--color-text-3);transition:transform var(--transition)}.param-group.collapsed .param-group-chevron{transform:rotate(-90deg)}.param-group-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:var(--color-surface)}.param-group.collapsed .param-group-body{display:none}.logo-upload-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#sender-logo-preview{max-height:40px;max-width:120px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--color-border);display:none}.logo-upload-label{cursor:pointer}.logo-upload-label input[type=file],#sender-logo-clear{display:none}.field-group{display:flex;flex-direction:column;gap:4px}.field-label{font-size:11px;font-weight:600;color:var(--color-text-2);text-transform:uppercase;letter-spacing:.06em}.field-label span{color:var(--color-danger);margin-left:2px}.field-input,.field-select,.field-textarea{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 10px;color:var(--color-text);font-size:13px;width:100%;transition:border-color var(--transition),background var(--transition)}.field-input:focus,.field-select:focus,.field-textarea:focus{outline:none;border-color:var(--color-accent);background:#4f6ef70a}.field-input::placeholder,.field-textarea::placeholder{color:var(--color-text-3)}.field-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%235a6180' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.field-select:disabled{opacity:.5;cursor:not-allowed}.field-textarea{resize:vertical;min-height:72px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.dropdown-wrap{position:relative}.dropdown-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface-3);border:1px solid var(--color-border-2);border-radius:var(--radius-sm);z-index:100;max-height:200px;overflow-y:auto;box-shadow:var(--shadow-md);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.dropdown-item{padding:8px 10px;cursor:pointer;font-size:13px;transition:background var(--transition);display:flex;align-items:center;gap:8px}.dropdown-item:hover{background:var(--color-accent-dim)}.dropdown-item.selected{background:var(--color-accent-dim);color:var(--color-accent)}.dropdown-item .item-sub{font-size:11px;color:var(--color-text-2)}.dropdown-empty{padding:10px;color:var(--color-text-3);font-size:12px;text-align:center}.equipment-cascade{display:flex;flex-direction:column;gap:8px}.cascade-step{display:flex;flex-direction:column;gap:4px}.cascade-step-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em}.step-num{width:18px;height:18px;border-radius:50%;background:var(--color-surface-3);border:1px solid var(--color-border);color:var(--color-text-3);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cascade-step.active .step-num{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}.cascade-step.done .step-num{background:#22c55e33;border-color:var(--color-success);color:var(--color-success)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.option-card{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 10px;cursor:pointer;transition:border-color var(--transition),background var(--transition);display:flex;flex-direction:column;gap:2px}.option-card:hover{border-color:var(--color-border-2);background:var(--color-bg)}.option-card.selected{border-color:var(--color-accent);background:var(--color-accent-dim)}.option-card .opt-name{font-size:12px;font-weight:500}.option-card .opt-price{font-size:11px;color:var(--color-text-2)}.option-card.selected .opt-price{color:var(--color-accent)}.option-qty-wrap{display:flex;align-items:center;gap:4px;margin-top:4px}.option-qty-wrap input{width:48px;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 4px;font-size:12px;color:var(--color-text)}.option-qty-wrap input:focus{outline:none;border-color:var(--color-accent)}.option-qty-btn{width:22px;height:22px;border-radius:4px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-2);font-size:14px;display:flex;align-items:center;justify-content:center}.option-qty-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.discount-presets{display:flex;flex-wrap:wrap;gap:6px}.discount-preset{padding:4px 12px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-surface-3);font-size:12px;font-weight:500;color:var(--color-text-2);transition:all var(--transition)}.discount-preset:hover{border-color:var(--color-accent);color:var(--color-accent)}.discount-preset.active{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}.discount-custom-row{display:flex;align-items:center;gap:8px}.discount-custom-row input{width:80px;background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 8px;text-align:center;font-size:13px;color:var(--color-text)}.discount-custom-row input:focus{outline:none;border-color:var(--color-accent)}.discount-custom-row .unit{color:var(--color-text-2);font-size:13px}.blocks-list{display:flex;flex-direction:column;gap:8px}.content-block{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.block-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.block-drag{color:var(--color-text-3);font-size:14px;cursor:grab}.block-type-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:4px;background:var(--color-accent-dim);color:var(--color-accent)}.block-type-badge.table{background:#22c55e26;color:var(--color-success)}.block-type-badge.image{background:#f59e0b26;color:var(--color-warn)}.block-type-badge.equipment{background:#4f6ef72e;color:var(--color-accent)}.block-title-input{flex:1;background:transparent;border:none;font-size:12px;font-weight:500;color:var(--color-text);padding:0}.block-title-input:focus{outline:none}.block-title-input::placeholder{color:var(--color-text-3)}.block-remove{width:20px;height:20px;border-radius:4px;color:var(--color-text-3);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.block-remove:hover{background:#ef444426;color:var(--color-danger)}.block-body{padding:10px}.add-block-bar{display:flex;gap:6px;align-items:center;padding:6px 0}.add-block-label{font-size:11px;color:var(--color-text-3);margin-right:2px}.add-block-btn{padding:4px 12px;border-radius:20px;border:1px dashed var(--color-border);background:transparent;font-size:12px;color:var(--color-text-2);transition:all var(--transition);display:flex;align-items:center;gap:4px}.add-block-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-dim)}.add-block-btn--eq{border-color:#4f6ef766;color:var(--color-accent)}.add-block-btn--eq:hover{background:var(--color-accent-dim);border-color:var(--color-accent)}.add-block-btn--eq-extra{border-color:#22c55e59;color:var(--color-success)}.add-block-btn--eq-extra:hover{background:#22c55e1a;border-color:var(--color-success)}.eq-picker-wrap{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:8px}.eq-picker-header{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--color-border);background:var(--color-surface-3)}.eq-picker-label{font-size:11px;font-weight:600;color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.eq-picker-count{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent-dim);color:var(--color-accent);border-radius:10px;padding:0 6px;font-size:11px;font-weight:600}.eq-picker-search{flex:1;padding:5px 10px!important;font-size:12px!important;height:28px!important;min-width:0}.eq-picker-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;padding:4px}.eq-picker-opt{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);-webkit-user-select:none;user-select:none}.eq-picker-opt:hover{background:var(--color-surface-3)}.eq-picker-opt.selected{background:var(--color-accent-dim)}.eq-picker-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;font-size:12px;font-weight:700;border:1.5px solid var(--color-border-2);color:var(--color-text-3);flex-shrink:0;transition:all var(--transition)}.eq-picker-opt.selected .eq-picker-check{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.eq-picker-name{flex:1;font-size:12px;color:var(--color-text)}.eq-picker-price{font-size:11px;color:var(--color-text-2);white-space:nowrap}.eq-picker-empty{padding:10px 8px;font-size:12px;color:var(--color-text-3);font-style:italic}.eq-items-table{margin-top:0!important}.qty-inline{display:flex;align-items:center;gap:3px}.qty-inline-input{width:40px;text-align:center;background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:4px;color:inherit;padding:2px 4px;font-size:12px}.com-table{width:100%;border-collapse:collapse;font-size:12px}.com-table th{background:var(--color-surface-2);padding:6px 8px;text-align:left;font-weight:600;font-size:11px;color:var(--color-text-2);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border)}.com-table td{padding:5px 6px;border-bottom:1px solid var(--color-border)}.com-table td input{width:100%;background:transparent;border:none;color:var(--color-text);font-size:12px;padding:0}.com-table td input:focus{outline:none;background:var(--color-accent-dim);border-radius:3px;padding:0 2px}.com-table .col-qty{width:50px}.com-table .col-price{width:80px}.com-table .col-total{width:80px;color:var(--color-text-2)}.com-table .col-del{width:28px}.com-table .btn-del{font-size:14px;color:var(--color-text-3)}.com-table .btn-del:hover{color:var(--color-danger)}.com-table-foot{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.com-table-total{font-size:13px;font-weight:600;color:var(--color-text)}.com-table-total .total-label{color:var(--color-text-2);font-weight:400;margin-right:6px}.preview-panel{display:flex;flex-direction:column;background:var(--color-bg);overflow:hidden;min-height:0}.preview-toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.preview-toolbar-label{font-size:11px;font-weight:600;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.06em}.preview-toolbar .spacer{flex:1}.zoom-group{display:flex;align-items:center;gap:4px}.zoom-btn{padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-2);font-size:13px}.zoom-btn:hover{background:var(--color-surface-3);color:var(--color-text)}#zoom-value{font-size:12px;color:var(--color-text-2);width:40px;text-align:center}.preview-scroll{flex:1;overflow:auto;padding:24px;display:flex;justify-content:center;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.preview-scroll::-webkit-scrollbar{width:6px}.preview-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.pdf-pages-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.pdf-page{background:#fff;color:#1a1a1a;width:794px;min-height:1123px;border-radius:3px;box-shadow:0 4px 24px #00000080,0 0 0 1px #0000001f;padding:60px 64px;font-family:Arial,sans-serif;font-size:13px;line-height:1.6;transform-origin:top center;flex-shrink:0;position:relative}.prev-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #1a237e}.prev-sender-block{display:flex;align-items:flex-start;gap:12px;min-width:0}.prev-logo{max-height:52px;max-width:130px;object-fit:contain;flex-shrink:0;border-radius:4px}.prev-sender-info{min-width:0}.prev-company-name{font-size:16px;font-weight:700;color:#1a237e}.prev-company-details{font-size:11px;color:#555;margin-top:3px}.prev-company-addr{font-size:10px;color:#666;margin-top:2px}.prev-company-reqs{font-size:10px;color:#888;margin-top:2px}.prev-doc-info{text-align:right;flex-shrink:0}.prev-doc-title{font-size:14px;font-weight:700;color:#1a237e;margin-bottom:4px}.prev-doc-date{font-size:11px;color:#555}.prev-doc-valid{font-size:11px;color:#777;margin-top:2px}.prev-kp-note{font-size:10px;color:#888;margin-top:4px;font-style:italic}.prev-machine-title{font-size:15px;font-weight:700;color:#1a237e;margin-bottom:4px;margin-top:4px}.prev-recipient-block{background:#f5f7ff;border-left:3px solid #1a237e;padding:12px 16px;margin-bottom:24px;border-radius:0 4px 4px 0}.prev-section-title{font-size:13px;font-weight:700;color:#1a237e;margin-bottom:16px;text-transform:uppercase;letter-spacing:.04em}.prev-label{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.06em}.prev-value{font-size:13px;font-weight:500;color:#1a1a1a}.prev-equipment-table{width:100%;border-collapse:collapse;margin-bottom:20px}.prev-equipment-table th{background:#1a237e;color:#fff;padding:8px 10px;font-size:11px;text-align:left;font-weight:600;letter-spacing:.03em}.prev-equipment-table td{padding:7px 10px;border-bottom:1px solid #e8eaf6;font-size:12px}.prev-equipment-table tr:nth-child(2n) td{background:#f5f7ff}.prev-total-row td{font-weight:700;background:#e8eaf6!important}.prev-text-block{margin-bottom:20px}.prev-text-block h4{font-size:13px;font-weight:700;color:#1a237e;margin-bottom:8px}.prev-text-block p{font-size:12px;color:#333;line-height:1.7}.prev-footer{position:absolute;bottom:40px;left:64px;right:64px;border-top:1px solid #e8eaf6;padding-top:12px;display:flex;justify-content:space-between;font-size:10px;color:#aaa}.status-bar{display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--color-surface);border-top:1px solid var(--color-border);font-size:11px;color:var(--color-text-3)}.status-indicator{display:flex;align-items:center;gap:5px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-dot.saving{background:var(--color-warn);box-shadow:0 0 6px var(--color-warn);animation:pulse 1s infinite}.status-dot.error{background:var(--color-danger);box-shadow:none;animation:none}.status-sep{color:var(--color-border)}#status-text{color:var(--color-text-2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-3) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm);height:36px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;bottom:48px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:9999}.toast{padding:10px 16px;border-radius:var(--radius-sm);background:var(--color-surface-3);border:1px solid var(--color-border);box-shadow:var(--shadow-md);font-size:13px;color:var(--color-text);display:flex;align-items:center;gap:8px;animation:toast-in .2s ease;max-width:320px}.toast.success{border-color:var(--color-success)}.toast.error{border-color:var(--color-danger)}.toast.info{border-color:var(--color-accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 900px){.main-split{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.resize-handle{display:none}.preview-panel{border-top:1px solid var(--color-border)}}.hidden{display:none!important}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.gap-2{gap:8px}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-sm{font-size:12px}.text-muted{color:var(--color-text-2)}.text-accent{color:var(--color-accent)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.w-full{width:100%}.font-semibold{font-weight:600}.rich-block-wrap{display:flex;flex-direction:column}.rich-block-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:4px 6px;background:var(--color-surface-2);border:1px solid var(--color-border);border-bottom:none;border-radius:6px 6px 0 0}.rich-tb-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 6px;border:1px solid transparent;border-radius:4px;background:none;color:var(--color-text-2);font-size:12px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.rich-tb-btn:hover{background:var(--color-surface-3);color:var(--color-text);border-color:var(--color-border)}.rich-tb-btn:active{background:var(--color-accent-dim);color:var(--color-accent)}.rich-tb-select{height:26px;padding:0 4px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text-2);font-size:12px;cursor:pointer}.rich-tb-select:focus{outline:none;border-color:var(--color-accent)}.rich-sep{width:1px;height:16px;background:var(--color-border);margin:0 3px;flex-shrink:0}.rich-block-body{min-height:90px;max-height:400px;overflow-y:auto;padding:8px 10px;border:1px solid var(--color-border);border-radius:0 0 6px 6px;background:var(--color-surface);color:var(--color-text);font-size:13px;line-height:1.65;outline:none;transition:border-color .15s}.rich-block-body:focus{border-color:var(--color-accent)}.rich-block-body p{margin:0 0 5px}.rich-block-body h2{font-size:15px;font-weight:600;margin:6px 0 4px}.rich-block-body h3{font-size:13px;font-weight:600;margin:6px 0 3px}.rich-block-body ul,.rich-block-body ol{padding-left:20px;margin:0 0 5px}.rich-block-body li{margin-bottom:2px}.rich-block-body:empty:before,.rich-block-body p:only-child:empty:before{content:attr(data-placeholder);color:var(--color-text-muted, #aaa);pointer-events:none}.prev-rich-content{font-size:13px;line-height:1.65;color:#333}.prev-rich-content h2{font-size:16px;font-weight:600;margin:8px 0 4px;color:#1a1a2e}.prev-rich-content h3{font-size:14px;font-weight:600;margin:6px 0 3px;color:#1a1a2e}.prev-rich-content p{margin:0 0 5px}.prev-rich-content ul,.prev-rich-content ol{padding-left:20px;margin:0 0 6px}.prev-rich-content li{margin-bottom:2px}.prev-rich-content b,.prev-rich-content strong{font-weight:600}.prev-rich-content i,.prev-rich-content em{font-style:italic}.prev-rich-content u{text-decoration:underline}.content-block[draggable=true]{cursor:default}.block-drag{cursor:grab;-webkit-user-select:none;user-select:none;padding:0 4px;color:#aaa;font-size:16px}.block-drag:active{cursor:grabbing}.content-block.dragging{opacity:.45;outline:2px dashed #1A1DAB}.content-block.drag-over{outline:2px solid #1A1DAB;background:#f0f2ff;border-radius:6px}