:root{--bg: #f6f4f1;--panel: #ffffff;--panel-2: #faf8f5;--line: #e6e1da;--text: #24211d;--muted: #7a726a;--accent: #6b4de6;--accent-soft: #efeafd;--ok: #2f8f5b;--ok-soft: #e5f4ec;--warn: #b7791f;--warn-soft: #fbf1df;--err: #c2413b;--err-soft: #fbe9e8;--radius: 12px;--shadow: 0 1px 2px rgba(40, 30, 20, .06), 0 4px 16px rgba(40, 30, 20, .05);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .75rem}a{color:var(--accent)}small,.muted{color:var(--muted)}.hint{color:var(--muted);font-size:.88rem;margin:.25rem 0 .75rem}.page{max-width:1200px;margin:0 auto;padding:20px 16px 120px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.top{align-items:flex-start}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:12px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card.flat{box-shadow:none;background:var(--panel-2)}.card+.card{margin-top:16px}label.field{display:flex;flex-direction:column;gap:4px;font-size:.88rem;color:var(--muted);min-width:0}label.field>span{font-weight:600;color:var(--text)}input[type=text],input[type=number],input[type=password],textarea,select{font:inherit;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%}textarea{resize:vertical;min-height:70px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}textarea.mono{font-family:ui-monospace,Menlo,monospace;font-size:.85rem}button,.btn{font:inherit;font-weight:600;cursor:pointer;border-radius:8px;padding:7px 14px;border:1px solid var(--line);background:#fff;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}button:hover{border-color:#cfc7bd}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{filter:brightness(1.08)}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button.ghost:hover{color:var(--text);background:var(--panel-2)}button.danger{color:var(--err)}button.small{padding:4px 9px;font-size:.85rem}button.ai:before{content:"\2728"}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:99px;font-size:.8rem;background:var(--panel-2);border:1px solid var(--line)}.chip.ok{background:var(--ok-soft);border-color:transparent;color:var(--ok)}.chip.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.chip.err{background:var(--err-soft);border-color:transparent;color:var(--err)}.chip.accent{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.chip.toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.chip.toggle.on{background:var(--accent);color:#fff;border-color:var(--accent)}.error-box{background:var(--err-soft);color:var(--err);border-radius:8px;padding:8px 12px;font-size:.9rem}.warn-box{background:var(--warn-soft);color:var(--warn);border-radius:8px;padding:8px 12px;font-size:.9rem}.thumbs{display:flex;gap:10px;flex-wrap:wrap}.thumb{position:relative;width:180px;border-radius:10px;overflow:hidden;border:2px solid transparent;background:#ddd;cursor:pointer}.thumb.wide{width:260px}.thumb.tall{width:130px}.thumb img,.thumb video{display:block;width:100%;height:auto}.thumb.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.thumb .badge{position:absolute;top:6px;left:6px}.thumb .tools{position:absolute;top:4px;right:4px;display:none;gap:4px}.thumb:hover .tools{display:flex}.thumb .tools button{padding:2px 7px;font-size:.8rem;background:#ffffffeb}.thumb.placeholder{display:grid;place-items:center;color:var(--muted);font-size:.85rem;aspect-ratio:16/9;background:var(--panel-2);border:2px dashed var(--line);cursor:default}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:#2b2622;color:#fff;padding:10px 16px;border-radius:10px;max-width:min(640px,92vw);z-index:50;display:flex;gap:12px;align-items:center}.toast button{background:transparent;color:#fff;border-color:#ffffff4d}.empty{text-align:center;color:var(--muted);padding:40px 16px}audio{height:36px;max-width:100%}hr{border:0;border-top:1px solid var(--line);margin:16px 0}