:root{--bg: #ffffff;--bg2: #f5f5f5;--bg3: #ebebeb;--border: #e0e0e0;--text: #111111;--text2: #555555;--text3: #999999;--accent: #cc0000;--accent-dim: rgba(204,0,0,.08);--green: #1a8a3a;--green-dim: rgba(26,138,58,.1);--danger: #cc2200;--danger-dim: rgba(204,34,0,.08);--radius: 8px;--radius-sm: 4px;--font: "JetBrains Mono","Fira Mono",ui-monospace,monospace;--font-sans: system-ui,-apple-system,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #111111;--bg2: #1a1a1a;--bg3: #242424;--border: #2a2a2a;--text: #eeeeee;--text2: #aaaaaa;--text3: #555555;--accent: #ff4444;--accent-dim: rgba(255,68,68,.1);--green: #2ecc71;--green-dim: rgba(46,204,113,.1);--danger: #ff5533;--danger-dim: rgba(255,85,51,.1)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:13px;line-height:1.5}.nav-btn{padding:7px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text2);font-size:12px;font-family:var(--font-sans);cursor:pointer;text-align:left;transition:background .15s,color .15s}.nav-btn:hover{background:var(--bg3);color:var(--text)}.nav-btn.active{background:var(--accent-dim);color:var(--accent);font-weight:500}@media(max-width:700px){.nav-btn{font-size:11px;padding:6px 8px;white-space:nowrap}}.field-label{display:block;font-size:10px;font-weight:500;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:12px;padding:5px 8px;cursor:pointer;outline:none}select:focus{border-color:var(--accent)}.btn-icon{width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.btn-icon svg{width:14px;height:14px}.btn-icon:hover{background:var(--bg3);color:var(--text)}.btn-primary,.btn-ghost,.btn-danger{padding:7px 14px;border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-sans);font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,opacity .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{opacity:.85}.btn-ghost{background:transparent;color:var(--text2);border-color:var(--border)}.btn-ghost:hover{background:var(--bg3)}.btn-danger{background:var(--danger-dim);color:var(--danger)}.btn-danger:hover{border-color:var(--danger)}.clip-list{list-style:none;overflow-y:auto;flex:1;padding:4px 6px 12px}.clip-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid transparent;margin-bottom:2px;cursor:pointer;transition:background .1s,border-color .1s}.clip-item:hover{background:var(--bg3)}.clip-item.active{background:var(--accent-dim);border-color:var(--accent)}.clip-item.is-active-pl .clip-item-name:after{content:" ●";color:var(--green);font-size:8px}.clip-item.has-overlay .clip-item-name:after{content:" ◈";color:var(--accent);font-size:9px}.clip-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.clip-item-name{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.clip-item-meta{font-size:10px;color:var(--text3);font-family:var(--font);line-height:1.3}.clip-drag-handle{color:var(--text3);cursor:grab;flex-shrink:0;font-size:12px;letter-spacing:-1px}.edit-layout{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}.edit-sidebar{display:flex;flex-direction:column;background:var(--bg2);border-right:1px solid var(--border);overflow:hidden}.edit-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px;flex-shrink:0}.clip-count{font-size:11px;color:var(--text3);font-family:var(--font)}.edit-main{overflow-y:auto;padding:24px 28px;height:100vh}.view{padding:24px 28px;overflow-y:auto;height:100vh}.editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.editor-header h2{font-size:15px;font-weight:600;font-family:var(--font)}.field-group{margin-bottom:14px}.field-row{display:flex;gap:10px;align-items:flex-start}.field-row .field-group{flex:1}.field-row .field-small{flex:0 0 76px}input[type=text],input[type=number],textarea{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:13px;padding:7px 10px;outline:none;resize:vertical;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--accent)}.muted{color:var(--text3);font-weight:400;text-transform:none;letter-spacing:0}.preview-link{font-size:12px;color:var(--accent);text-decoration:none;font-family:var(--font)}.preview-link:hover{text-decoration:underline}.section-title{font-size:11px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin:18px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border)}#position-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:120px}#position-grid .pos-btn:nth-child(3){grid-column:1 / -1;justify-self:center;width:38px}.pos-btn{width:38px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg2);color:var(--text2);font-size:14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:flex;align-items:center;justify-content:center}.pos-btn:hover{background:var(--bg3);color:var(--text)}.pos-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.editor-actions{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.save-status{font-size:12px;color:var(--green);font-family:var(--font)}.badge-active{font-size:10px;background:var(--accent-dim);color:var(--accent);border-radius:20px;padding:2px 8px;font-weight:500}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:6px;color:var(--text2);font-size:14px;padding-top:80px}.add-form-inline{padding:8px 10px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.toggle-label{display:flex;align-items:center;gap:6px;cursor:pointer}.toggle-label input[type=checkbox]{display:none}.toggle-track{width:28px;height:16px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);position:relative;transition:background .2s;flex-shrink:0}.toggle-track:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--text3);top:2px;left:2px;transition:transform .2s,background .2s}.toggle-label input:checked+.toggle-track{background:var(--accent-dim);border-color:var(--accent)}.toggle-label input:checked+.toggle-track:after{transform:translate(12px);background:var(--accent)}.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.view-header h2{font-size:15px;font-weight:600;font-family:var(--font)}.io-section{margin-bottom:24px}@media(max-width:700px){.edit-layout{grid-template-columns:1fr}.edit-sidebar{display:none}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}