:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--color-bg-app: #f4f8fc;--color-bg-surface: #ffffff;--color-bg-surface-muted: #eef4fb;--color-bg-surface-strong: #dcecff;--color-bg-sidebar: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);--color-text-primary: #0f1728;--color-text-secondary: #4d5b73;--color-text-muted: #6f7f98;--color-text-inverse: #ffffff;--color-border-soft: #d9e5f4;--color-border-strong: #b8cde6;--color-border-focus: #0a7cff;--color-brand-50: #eef6ff;--color-brand-100: #d9ebff;--color-brand-200: #b8dbff;--color-brand-300: #8fc5ff;--color-brand-400: #57a7ff;--color-brand-500: #0a7cff;--color-brand-600: #0062d6;--color-brand-700: #004da8;--color-brand-800: #073b7d;--color-success-bg: #eaf9f0;--color-success-text: #0f7a3d;--color-success-border: #b7e7c8;--color-warning-bg: #fff7e8;--color-warning-text: #9a5a00;--color-warning-border: #f2d39a;--color-danger-bg: #fff0f1;--color-danger-text: #b4232f;--color-danger-border: #f0b8bf;--color-info-bg: #eef6ff;--color-info-text: #0b5fcc;--color-info-border: #bfd8ff;--shadow-sm: 0 1px 2px rgba(15, 23, 40, .06);--shadow-md: 0 10px 30px rgba(10, 124, 255, .08), 0 4px 12px rgba(15, 23, 40, .06);--shadow-lg: 0 18px 48px rgba(10, 124, 255, .12), 0 8px 24px rgba(15, 23, 40, .08);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.5rem;--line-height-tight: 1.15;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--layout-max-width: 1440px;--layout-sidebar-width: 300px;--layout-inspector-width: 320px;--layout-composer-max-width: 760px;--transition-fast: .14s ease;--transition-base: .22s ease}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-bg-app: #08111d;--color-bg-surface: #0f1b2d;--color-bg-surface-muted: #13243a;--color-bg-surface-strong: #18304d;--color-bg-sidebar: linear-gradient(180deg, #0d1828 0%, #102238 100%);--color-text-primary: #f5f9ff;--color-text-secondary: #c2d2e8;--color-text-muted: #93a7c2;--color-text-inverse: #08111d;--color-border-soft: #223754;--color-border-strong: #35527a;--color-border-focus: #57a7ff;--color-brand-50: #0f223a;--color-brand-100: #143154;--color-brand-200: #1a4677;--color-brand-300: #23629f;--color-brand-400: #3b86d6;--color-brand-500: #57a7ff;--color-brand-600: #7dbdff;--color-brand-700: #a4d3ff;--color-brand-800: #d7ebff;--color-success-bg: #0f2a1b;--color-success-text: #8de0aa;--color-success-border: #24563a;--color-warning-bg: #2d210d;--color-warning-text: #ffd28a;--color-warning-border: #6f4f18;--color-danger-bg: #31141a;--color-danger-text: #ffb3bc;--color-danger-border: #6f2a35;--color-info-bg: #10243d;--color-info-text: #9bc7ff;--color-info-border: #2d5f9f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 10px 30px rgba(0, 0, 0, .28), 0 4px 12px rgba(0, 0, 0, .22);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .34), 0 8px 24px rgba(0, 0, 0, .26)}}:root{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth;background:radial-gradient(circle at top left,rgba(29,155,240,.18),transparent 28%),radial-gradient(circle at top right,rgba(10,124,255,.14),transparent 24%),linear-gradient(180deg,var(--color-brand-50) 0%,var(--color-bg-app) 100%)}body{min-height:100vh;margin:0;color:var(--color-text-primary);background:transparent;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,textarea,select{font:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{color:inherit}button{border:0;background:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}textarea{resize:vertical}a{color:var(--color-brand-500);text-decoration:none}a:hover{text-decoration:underline}#root{min-height:100vh}::selection{color:var(--color-text-inverse);background:#0a7cffcc}:focus-visible{outline:3px solid rgba(10,124,255,.28);outline-offset:2px}.app-shell{display:grid;grid-template-columns:minmax(260px,var(--layout-sidebar-width)) minmax(0,1fr) minmax(280px,var(--layout-inspector-width));gap:var(--space-5);width:min(calc(100% - 32px),var(--layout-max-width));min-height:100vh;margin:0 auto;padding:var(--space-6) 0 var(--space-10);align-items:start}.sidebar,.main-column,.inspector{display:grid;gap:var(--space-5);align-self:start}.sidebar,.inspector{position:sticky;top:var(--space-6)}.brand-card,.panel,.composer-card{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg-surface);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-sidebar)}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-brand-500) 0%,var(--color-brand-400) 100%);box-shadow:var(--shadow-lg);font-size:1.25rem;font-weight:var(--font-weight-bold)}.brand-card h1,.panel h2,.panel h3,.composer-card h2{margin:0;letter-spacing:-.02em}.brand-card h1{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.eyebrow{margin:0 0 var(--space-2);color:var(--color-brand-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.muted{margin:0;color:var(--color-text-muted)}.panel,.composer-card{padding:var(--space-5)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.panel-header h2,.panel-header h3{font-size:var(--font-size-lg);line-height:var(--line-height-tight)}.pill{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-3);border:1px solid var(--color-info-border);border-radius:var(--radius-pill);color:var(--color-info-text);background:var(--color-info-bg);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap}.pill.warning{border-color:var(--color-warning-border);color:var(--color-warning-text);background:var(--color-warning-bg)}.account-card,.counter-card,.thread-card,.result-card,.toggle-card,.upload-card,.media-card{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-bg-surface)}.account-card,.counter-card,.thread-card,.result-card,.media-card{padding:var(--space-4)}.account-card+.account-card{margin-top:var(--space-4)}.account-topline,.counter-topline,.thread-topline,.media-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.account-label{margin:var(--space-3) 0 var(--space-2);font-weight:var(--font-weight-semibold)}.status-dot{width:10px;height:10px;border-radius:999px;background:var(--color-text-muted);box-shadow:0 0 0 4px #6f7f9824}.status-dot.connected{background:var(--color-success-text);box-shadow:0 0 0 4px #0f7a3d24}.status-dot.disconnected{background:var(--color-danger-text);box-shadow:0 0 0 4px #b4232f24}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 var(--space-4);border:1px solid transparent;border-radius:14px;font-weight:var(--font-weight-bold);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button.primary{color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-brand-500) 0%,var(--color-brand-400) 100%);box-shadow:0 12px 28px #0a7cff3d}.button.secondary{color:var(--color-brand-700);border-color:var(--color-brand-200);background:var(--color-brand-50)}.button.ghost{color:var(--color-text-secondary);border-color:var(--color-border-soft);background:var(--color-bg-surface-muted)}.button.subtle{color:var(--color-text-secondary);border-color:var(--color-border-soft);background:transparent}.full-width{width:100%}.toggle-list,.thread-list,.results-list{display:grid;gap:var(--space-3)}.toggle-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.toggle-card:hover{border-color:var(--color-brand-300);background:var(--color-brand-50);transform:translateY(-1px)}.toggle-card input{width:18px;height:18px;accent-color:var(--color-brand-500)}.privacy-list,.validation-list{display:grid;gap:var(--space-3);margin:0;padding-left:1.2rem;color:var(--color-text-secondary)}.validation-list li.ok{color:var(--color-success-text)}.validation-list li.warning{color:var(--color-warning-text)}.validation-list li.danger{color:var(--color-danger-text)}.composer-card{display:grid;gap:var(--space-5)}.composer-input,.alt-input{width:100%;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.composer-input{min-height:260px;padding:var(--space-5);font-size:1.05rem;line-height:1.65}.alt-input{min-height:88px;padding:var(--space-3);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.composer-input::placeholder,.alt-input::placeholder{color:var(--color-text-muted)}.composer-input:hover,.alt-input:hover{border-color:var(--color-border-strong)}.composer-input:focus,.alt-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 4px #0a7cff1f;background:var(--color-bg-surface)}.counter-grid,.media-grid{display:grid;gap:var(--space-4)}.counter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.counter-card p,.thread-card p,.result-card p{margin:var(--space-3) 0 0}.ok{color:var(--color-success-text)}.danger{color:var(--color-danger-text)}.meter{height:10px;margin-top:var(--space-3);overflow:hidden;border-radius:var(--radius-pill);background:var(--color-bg-surface-muted)}.meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-brand-400),var(--color-brand-500))}.meter-fill.danger{background:linear-gradient(90deg,#ff7a85,var(--color-danger-text))}.media-section{display:grid;gap:var(--space-4)}.upload-card{display:grid;gap:var(--space-2);padding:var(--space-5);border-style:dashed;background:linear-gradient(180deg,var(--color-bg-surface) 0%,var(--color-brand-50) 100%);text-align:center;cursor:pointer}.upload-card:hover{border-color:var(--color-brand-300)}.upload-card--drop-active{border-color:var(--color-brand-500);border-style:solid;background:var(--color-brand-50)}.upload-card--drop-active span{color:var(--color-brand-500)}.upload-card input{display:none}.upload-card span{font-weight:var(--font-weight-semibold)}.upload-card small{color:var(--color-text-muted)}.media-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.media-card{display:grid;gap:var(--space-3)}.media-card img,.media-placeholder{width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-sm);object-fit:cover;background:var(--color-bg-surface-muted)}.media-placeholder{display:grid;place-items:center;color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.media-meta{align-items:flex-start}.media-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--color-bg-surface) 0%,var(--color-brand-50) 100%)}.helper-text{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.thread-card{display:grid;gap:var(--space-3)}.thread-card p{white-space:pre-wrap;color:var(--color-text-secondary)}.thread-counts{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.result-card.success{border-color:var(--color-success-border);background:var(--color-success-bg)}.result-card.error{border-color:var(--color-danger-border);background:var(--color-danger-bg)}@media(max-width:1180px){.app-shell{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.inspector{position:static;grid-column:1 / -1}}@media(max-width:860px){.app-shell{grid-template-columns:1fr;width:min(calc(100% - 20px),var(--layout-max-width));padding:var(--space-4) 0 var(--space-8)}.sidebar,.inspector{position:static}.brand-card,.counter-grid{grid-template-columns:1fr}.publish-bar,.button-row,.panel-header,.account-topline,.counter-topline,.thread-topline,.media-meta{flex-direction:column;align-items:flex-start}.button,.button-row>.button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}