:root{--bg-base: #141414;--bg-surface: #1b1b1b;--bg-panel: #212121;--bg-inset: #181818;--bg-elevated: #2a2a2a;--border-subtle: #2a2a2a;--border-default: #333333;--border-strong: #444444;--text-primary: #cccccc;--text-secondary: #888888;--text-muted: #555555;--accent-color: #5ca0b0;--accent-hover: #6fb8ca;--primary-color: #5080b0;--primary-hover: #6094c4;--negative-color: #c45555;--positive-color: #5aac6e;--tag-bg: rgba(255, 255, 255, .03);--tag-border: rgba(255, 255, 255, .08);--tag-hover-border: rgba(80, 128, 176, .45)}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--bg-base);color:var(--text-primary);height:100vh;display:flex;flex-direction:column;overflow:hidden}.container{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--bg-surface);border:none;box-shadow:none;border-radius:0}header{padding:10px 20px;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}header h1{margin:0;font-size:.85rem;font-weight:600;color:var(--text-primary);letter-spacing:.02em;white-space:nowrap}header p{margin:0;font-size:.75rem;color:var(--text-secondary)}code{background:var(--bg-inset);padding:1px 5px;border-radius:3px;font-family:Roboto Mono,monospace;font-size:.75rem;color:var(--accent-color);border:1px solid var(--border-subtle)}.stash-area{padding:10px 16px 12px;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.stash-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.stash-title{font-size:.74rem;letter-spacing:.02em;color:var(--text-secondary);text-transform:uppercase;font-weight:700}.stash-area.collapsed .stash-dropzone{display:none}.stash-dropzone{border:1px dashed var(--border-strong);background:linear-gradient(180deg,#ffffff05,#0000002e);border-radius:6px;min-height:56px;padding:8px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.stash-dropzone.drag-target{border-color:var(--primary-color);box-shadow:0 0 0 1px #5080b059}.stash-container{display:flex;flex-wrap:nowrap;align-items:center;align-content:center;gap:6px;overflow-x:auto;overflow-y:hidden;min-height:38px;touch-action:pan-x;scrollbar-width:thin}.stash-container .tag-block{flex:0 0 auto}.stash-placeholder{color:var(--text-muted);font-size:.76rem;white-space:nowrap;margin:0 4px;pointer-events:none}.editor-area{flex:1;overflow-y:auto;padding:28px 16px 16px;background:var(--bg-inset);border-bottom:1px solid var(--border-subtle)}.tag-container{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;align-items:center;min-height:100%}.placeholder-text{width:100%;text-align:center;color:var(--text-muted);margin-top:50px;font-style:italic;font-size:.85rem;pointer-events:none}.tag-block{background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:4px;padding:4px 10px;display:inline-flex;align-items:center;gap:5px;cursor:grab;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;position:relative;font-family:Roboto Mono,monospace;font-size:.88rem;line-height:1.6;touch-action:pan-y;-webkit-user-drag:none}.tag-block:active{cursor:grabbing}.tag-weight{font-weight:700;font-size:.75rem;color:var(--accent-color);white-space:nowrap;line-height:1.4;flex-shrink:0}.tag-weight.default-weight{display:none}.tag-block.positive .tag-weight{color:var(--positive-color)}.tag-block.negative .tag-weight{color:var(--negative-color)}.tag-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.tag-block:hover{border-color:var(--tag-hover-border);background:#ffffff0d;box-shadow:0 2px 8px #00000040;z-index:10}.tag-block.selected{border-color:var(--primary-color);box-shadow:0 0 0 1px #5080b059,0 2px 10px #00000040}.tag-block.dragging{opacity:.4;transform:scale(.95);border-color:var(--primary-color);box-shadow:0 0 12px #5080b040;touch-action:none}.tag-block.drag-over-left{border-left:3px solid var(--accent-color);padding-left:7px}.tag-block.drag-over-right{border-right:3px solid var(--accent-color);padding-right:7px}.drop-indicator{width:2px;align-self:stretch;background:var(--accent-color);border-radius:1px;box-shadow:0 0 6px #5ca0b080;animation:pulse-indicator 1s ease-in-out infinite;margin:0 -1px;flex-shrink:0;min-height:28px}@keyframes pulse-indicator{0%,to{opacity:1}50%{opacity:.5}}.input-area{padding:12px 16px;background:var(--bg-panel);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.input-area.collapsed{gap:0}.input-area.collapsed textarea{display:none}.main-tag-control-bar{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 8px;border:1px solid var(--border-default);border-radius:6px;background:linear-gradient(180deg,#ffffff05,#00000040)}.selected-tag-label{flex:1 1 180px;min-width:0;font-size:.74rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weight-control{flex:2 1 320px;display:flex;align-items:center;gap:6px}.weight-slider{flex:1 1 auto;min-width:90px;accent-color:var(--primary-color)}.selected-weight-value{min-width:42px;text-align:right;font-family:Roboto Mono,monospace;font-size:.74rem;color:var(--accent-color)}.control-bar-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.control-mini-btn{padding:4px 10px;font-size:.72rem;line-height:1.2}.control-mini-btn.danger:hover{background:var(--negative-color);border-color:var(--negative-color);color:#fff}textarea{width:100%;height:168px;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:4px;padding:10px;color:var(--text-primary);font-family:Roboto Mono,monospace;font-size:.8rem;resize:none;box-sizing:border-box;transition:border-color .15s}textarea:focus{outline:none;border-color:var(--primary-color)}textarea::placeholder{color:var(--text-muted)}.controls{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}button{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);padding:6px 14px;border-radius:4px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.icon-btn{width:28px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1}button:hover{background:var(--primary-color);border-color:var(--primary-hover);color:#fff}button#clear-btn{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-subtle)}button#clear-btn:hover{background:var(--negative-color);border-color:var(--negative-color);color:#fff}button#toggle-input-btn{margin-right:auto}@media (max-width: 720px){.main-tag-control-bar{flex-wrap:wrap;gap:6px;padding:6px}.selected-tag-label{flex-basis:100%}.weight-control{flex:1 1 100%}.control-bar-actions{flex:1 1 100%;justify-content:flex-end}.controls{justify-content:stretch}.controls button{flex:1 1 calc(50% - 8px);min-width:0}button#toggle-input-btn{margin-right:0;flex-basis:100%}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-inset)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}