.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.topbar__brand{align-items:baseline;gap:14px;display:flex}.topbar__mark{font:600 22px var(--font-display);color:var(--ink)}.topbar__mark:before{content:"▸";color:var(--amber);margin-right:8px}.wrap{max-width:880px;margin:0 auto;padding:32px 24px 80px}.dropzone{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:22px 24px;transition:border-color .15s,background .15s}.dropzone--over{border-color:var(--amber);background:var(--amber-dim)}.dropzone__main{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.dropzone__hint{color:var(--muted);margin:0}.dropzone__pick{position:relative;overflow:hidden}.dropzone__file{font-family:var(--font-mono);color:var(--amber);font-size:13px}.dropzone__form{align-items:flex-end;gap:14px;margin-top:16px;display:flex}.dropzone__form>div{flex:1}.decks{flex-direction:column;gap:20px;margin-top:36px;display:flex}.decks__empty{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:var(--radius);padding:48px 0}.decks__empty--error{color:var(--danger);border-color:var(--danger)}.deck{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}.deck__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.deck__title{font-size:19px;line-height:1.3}.deck__meta{font-family:var(--font-mono);color:var(--muted);margin:2px 0 0;font-size:12px}.deck__strip{align-items:center;gap:10px;margin-top:16px;display:flex}.deck__shots{flex:1;gap:10px;min-width:0;display:flex}.shot{border-radius:var(--radius-sm);border:1px solid var(--line);background:#0b0e13;flex:1;min-width:0;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.deck:hover .shot{border-color:#435062}.deck__shots .shot:first-child{border-color:var(--amber)}.shot iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;position:absolute;top:0;left:0}.deck__more{font:600 12px var(--font-mono);color:var(--muted);padding:0 2px}.deck__actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.btn--danger-text{color:var(--danger);margin-left:auto}.btn--danger-text:hover{border-color:var(--danger)}.share-row{gap:8px;display:flex}.share-row .field{font-family:var(--font-mono);color:var(--amber);font-size:13px}.share-row .btn{flex-shrink:0}@media (width<=560px){.dropzone__form{flex-direction:column;align-items:stretch}.deck__shots .shot:nth-child(n+3){display:none}.btn--danger-text{margin-left:0}}