:root{--bg: #f9f9f9;--surface: #f9f9f9;--surface-low: #f2f4f4;--surface-high: #e4e9ea;--text: #2d3435;--text-muted: #5a6061;--text-soft: #757c7d;--brand: #5e5e5e;--brand-strong: #525252;--white: #ffffff;--error: #9e3f4e;--shadow: 0 18px 36px rgba(45, 52, 53, .06)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,sans-serif}button,textarea,input{font:inherit}.topbar{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;padding:12px 32px;background:#f9f9f9f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{color:var(--brand);font-size:1.25rem;font-weight:800;letter-spacing:.02em;text-decoration:none}.page{max-width:1440px;min-height:100vh;margin:0 auto;padding:74px 32px 32px}.layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}.left-column{display:flex;flex-direction:column;gap:30px}.section-stack{display:flex;flex-direction:column;gap:18px}.field-label,.queue-title{display:block;margin-bottom:10px;color:var(--text-muted);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.queue-column{display:flex;flex-direction:column}.queue-title{display:none}.queue-title.is-visible{display:block}.textarea-shell{padding:4px;background:var(--surface-low);border-radius:2px}.textarea-shell textarea{width:100%;height:300px;resize:none;overflow-y:auto;padding:14px 10px;border:0;border-bottom:1px solid rgba(117,124,125,.4);background:transparent;color:var(--text);font-size:.98rem;line-height:1.6;transition:border-color .18s ease}.textarea-shell textarea:focus{outline:none;border-color:var(--brand)}.upload-row{display:flex;width:100%;min-width:0;align-items:center;gap:10px}.upload-zone{position:relative;flex:1 1 auto;width:100%;min-width:0;min-height:36px;border:2px dashed rgba(117,124,125,.2);border-radius:8px;background:var(--surface-low);display:flex;align-items:center;justify-content:center;padding:10px 12px;transition:background .18s ease,border-color .18s ease}.upload-zone:hover{background:var(--surface-high);border-color:#757c7d5c}.upload-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-content{width:100%;max-width:320px;min-width:0;margin:0 auto;overflow:hidden}.upload-copy{min-width:0;width:100%;color:var(--text-muted);font-size:.75rem;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.upload-actions{display:none;flex:0 0 auto}.upload-row.has-logo .upload-zone{flex:1 1 0}.upload-row.has-logo .upload-actions{display:flex}.ghost-action{padding:8px 12px;border:1px solid rgba(117,124,125,.2);border-radius:999px;background:var(--white);color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.ghost-action:hover:not(:disabled){border-color:#5e5e5e6b;color:var(--text)}.ghost-action:disabled{opacity:.45;cursor:not-allowed}.style-group{display:flex;flex-direction:column;gap:8px}.style-options{display:flex;gap:8px;flex-wrap:wrap}.style-option{position:relative;flex:1 1 0;min-width:140px}.style-option input{position:absolute;opacity:0;pointer-events:none}.style-card{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:12px 12px 10px;border:1px solid rgba(117,124,125,.2);border-radius:8px;background:var(--white);color:var(--text-muted);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.style-card:hover{border-color:#5e5e5e6b}.style-preview{width:84px;height:84px;display:flex;align-items:center;justify-content:center;background:var(--white)}.style-preview canvas,.style-preview svg{width:84px;height:84px;display:block}.style-card-title{color:var(--text-muted);font-size:.76rem;font-weight:700;letter-spacing:.02em}.style-option input:checked+.style-card{border-color:var(--brand);box-shadow:inset 0 -28px 0 var(--brand)}.style-option input:checked+.style-card .style-card-title{color:var(--white)}.primary-action{width:100%;padding:16px 20px;border:0;border-radius:2px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#f8f8f8;font-size:.98rem;font-weight:700;letter-spacing:.02em;box-shadow:0 10px 18px #2d343514;cursor:pointer;transition:opacity .18s ease,transform .18s ease}.primary-action:hover{opacity:.92}.primary-action:active{transform:scale(.99)}.primary-action:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.status{display:none;margin-top:14px;color:var(--text-soft);font-size:.74rem;line-height:1.6}.status[data-state=error]{color:var(--error)}.queue-list{display:none;min-height:264px;flex-direction:column;gap:12px}.queue-list.is-visible{display:flex}.queue-item{display:flex;align-items:center;gap:24px;padding:16px;background:var(--white);border-radius:8px}.queue-lead{display:flex;align-items:center;gap:10px;flex:0 0 auto}.queue-index{width:32px;flex:0 0 32px;color:var(--text-soft);font-size:.75rem;font-weight:600}.queue-thumb{width:112px;height:112px;flex:0 0 112px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--white)}.queue-thumb canvas,.queue-thumb svg{width:100%;height:100%;display:block}.queue-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:14px}.queue-text{color:var(--text);font-size:.92rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-actions{display:flex;gap:8px}.item-actions button{padding:8px 14px;border:1px solid rgba(117,124,125,.2);border-radius:2px;background:var(--surface-high);color:var(--text);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.item-actions button:hover{background:var(--brand);border-color:var(--brand);color:var(--white)}.scroll-top{position:fixed;right:24px;bottom:24px;z-index:60;border:0;border-radius:999px;padding:12px 16px;background:#2d3435eb;color:var(--white);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--shadow);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width:1080px){.layout{grid-template-columns:1fr;gap:32px}}@media(max-width:720px){.topbar,.page{padding-left:18px;padding-right:18px}.page{padding-top:72px;padding-bottom:32px}.queue-item{flex-direction:column;align-items:flex-start}.queue-body{width:100%}.scroll-top{right:18px;bottom:18px}}