:root{--color-ink:#0B1020;--color-ink-2:#161B2E;--color-canvas:#EEF0F3;--color-surface:#FFFFFF;--color-surface-hover:#F8F9FA;--color-surface-muted:#F2F4F7;--color-text:#0F172A;--color-text-muted:#6B7280;--color-text-subtle:#94A3B8;--color-text-invert:#FFFFFF;--color-primary:#2563EB;--color-primary-hover:#1D4ED8;--color-primary-soft:rgba(37,99,235,0.10);--color-primary-ring:rgba(37,99,235,0.20);--color-border:#E5E7EB;--color-border-strong:#D1D5DB;--color-success:#16A34A;--color-success-bg:#DCFCE7;--color-success-text:#15803D;--color-danger:#EF4444;--color-danger-bg:#FEE2E2;--color-danger-text:#B91C1C;--color-warning:#D97706;--color-warning-bg:#FEF3C7;--color-warning-text:#B45309;--color-spark:#F97316;--color-spark-soft:rgba(249,115,22,0.14);--color-pill-blue-bg:#E4EEFE;--color-pill-blue-text:#2563EB;--color-pill-neutral-bg:#F3F4F6;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-13:56px;--space-14:64px;--topbar-height:72px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--text-display:28px;--text-h1:22px;--text-subhead:18px;--text-h2:16px;--text-body:14px;--text-small:13px;--text-micro:11px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--shadow-sm:0 1px 2px rgba(15,23,42,0.04);--shadow-md:0 4px 14px rgba(15,23,42,0.06);--shadow-lg:0 20px 48px rgba(15,23,42,0.14);--nav-height:64px;--page-max-width:1200px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{scrollbar-gutter:stable}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:1.5;color:var(--color-text);background:var(--color-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;background:none;border:none;padding:0}img,svg{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}.text-display{font-size:var(--text-display);line-height:1.2;letter-spacing:-.01em}.text-display,.text-h1{font-weight:var(--weight-bold)}.text-h1{font-size:var(--text-h1);line-height:1.3}.text-h2{font-size:var(--text-h2);font-weight:var(--weight-semibold);line-height:1.35}.text-small{font-size:var(--text-small)}.text-micro{font-size:var(--text-micro)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-caps{font-size:var(--text-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.btn,.text-caps{font-weight:var(--weight-semibold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 16px;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-body);line-height:1;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.btn-primary{background:var(--color-primary);color:var(--color-text-invert)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover{background:rgba(15,23,42,.05)}.btn-danger{background:var(--color-danger);color:var(--color-text-invert)}.btn-danger:hover{background:var(--color-danger-text)}.btn-fb{background:#1877F2;color:#FFFFFF;border-color:#1877F2}.btn-fb:hover{background:#166FE5;border-color:#166FE5}.btn-fb .fb-icon{width:16px;height:16px;flex:0 0 auto}.btn-sm{padding:6px 12px;font-size:var(--text-small)}.btn-lg{padding:14px 28px;font-size:var(--text-body)}.btn-icon-only{padding:8px;width:36px;height:36px}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--text-small);font-weight:var(--weight-medium);background:var(--color-pill-neutral-bg);color:var(--color-text-muted);line-height:1.6}.pill-blue{background:var(--color-pill-blue-bg);color:var(--color-pill-blue-text)}.pill-active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.segmented{display:inline-flex;gap:var(--space-1);padding:4px;background:var(--color-pill-neutral-bg);border-radius:var(--radius-pill)}.segmented .pill{background:transparent}.segmented .pill-active{background:var(--color-surface);color:var(--color-text)}.badge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:.02em}.badge-grade{background:var(--color-success);color:var(--color-text-invert);font-size:var(--text-small);padding:4px 10px;border-radius:var(--radius-md)}.badge-delta-up{background:var(--color-success-bg);color:var(--color-success-text)}.badge-delta-down{background:var(--color-danger-bg);color:var(--color-danger-text)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-text)}.input,.select,.textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-body);transition:border-color .12s ease,box-shadow .12s ease}.input::placeholder,.textarea::placeholder{color:var(--color-text-subtle)}.input[readonly]{background:var(--color-surface-muted);color:var(--color-text-muted);cursor:not-allowed}.input[readonly]:focus{border-color:var(--color-border);box-shadow:none}.field-hint{margin:4px 0 0;font-size:var(--text-micro);color:var(--color-text-muted)}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;padding-right:36px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.select-sm{width:auto;min-height:28px;padding:4px 28px 4px 8px;font-size:var(--text-small);border-radius:var(--radius-sm);background-position:right 8px center;background-size:14px 14px}.textarea{min-height:96px;resize:vertical}.field-inline{display:inline-flex;align-items:center;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color .12s ease,box-shadow .12s ease}.field-inline:has(.custom-select-trigger,.date-range-trigger,.page-picker-trigger){cursor:pointer}.field-inline:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.field-inline .field-prefix{font-size:var(--text-small);color:var(--color-text-muted);margin-right:6px;line-height:1}.field-inline .time-sep{color:var(--color-text-muted);padding:0 6px;line-height:1}.custom-select{position:relative;display:inline-block}.custom-select .custom-select-trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 0;border:none;background:transparent;font:inherit;font-size:var(--text-body);line-height:1;color:var(--color-text);cursor:pointer;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.custom-select .custom-select-trigger:focus-visible{outline:none}.custom-select .custom-select-trigger .chevron{color:var(--color-text-muted);transition:transform .12s ease;flex-shrink:0}.custom-select .custom-select-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.custom-select .custom-select-panel{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;max-width:360px;max-height:240px;overflow-y:auto;overflow-x:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;z-index:20}.custom-select .custom-select-panel[data-position=up]{top:auto;bottom:calc(100% + 4px)}.custom-select .custom-select-panel[hidden]{display:none}.field-inline:has(>.custom-select):not(:has(>.custom-select~.custom-select)){position:relative}.field-inline:has(>.custom-select):not(:has(>.custom-select~.custom-select))>.custom-select{position:static}.field-inline:has(>.custom-select):not(:has(>.custom-select~.custom-select))>.custom-select>.custom-select-panel{left:0}.custom-select .custom-select-option{display:block;width:100%;text-align:left;padding:6px 10px;border-radius:var(--radius-sm);border:none;font:inherit;font-size:var(--text-body);color:var(--color-text);background:transparent;cursor:pointer;white-space:normal;overflow-wrap:anywhere;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;transition:background-color .12s ease,color .12s ease}.custom-select .custom-select-option:hover{background:var(--color-canvas)}.custom-select .custom-select-option.is-active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--weight-semibold)}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.modal[hidden]{display:none}.modal .modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5)}.modal .modal-panel{position:relative;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:calc(100vh - var(--space-10));width:100%;display:flex;flex-direction:column}.modal .modal-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:var(--radius-pill);background:rgba(15,23,42,.08);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;z-index:2;transition:background-color .12s ease}.modal .modal-close:hover{background:rgba(15,23,42,.14)}dialog.modal{border:none;background:transparent;max-width:none;max-height:none;width:100%;height:100%;color:inherit}dialog.modal:not([open]){display:none}dialog.modal[open]{display:flex;align-items:center;justify-content:center}dialog.modal::-webkit-backdrop{background:rgba(15,23,42,.5)}dialog.modal::backdrop{background:rgba(15,23,42,.5)}.modal .modal-panel.confirm-modal{max-width:420px;padding:var(--space-6);gap:var(--space-4)}.confirm-modal .confirm-title{margin:0;font-size:var(--text-h1);font-weight:var(--weight-semibold);color:var(--color-text);line-height:1.3}.confirm-modal .confirm-message{margin:0;font-size:var(--text-small);color:var(--color-text-muted);line-height:1.5}.confirm-modal .confirm-target{color:var(--color-text);font-weight:var(--weight-semibold)}.confirm-modal .confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.confirm-modal .confirm-note{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-muted);border-radius:var(--radius-md);font-size:var(--text-small);color:var(--color-text);line-height:1.5}.confirm-modal .confirm-note .icon{flex:0 0 auto;margin-top:2px;color:var(--color-text-muted)}.avatar,body.has-modal-open{overflow:hidden}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-pill);background:var(--color-border);color:var(--color-text-muted);flex-shrink:0;font-size:var(--text-small);font-weight:var(--weight-semibold)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:28px;height:28px;font-size:var(--text-micro)}.avatar-lg{width:48px;height:48px;font-size:var(--text-body)}.avatar-status{position:absolute;top:-1px;right:-1px;width:10px;height:10px;border-radius:var(--radius-pill);background:var(--color-success);border:2px solid var(--color-surface);overflow:visible}.avatar:has(.avatar-status){overflow:visible}.page-status-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-pill);flex-shrink:0}.page-status-dot.is-connected{background:var(--color-success)}.page-status-dot.is-hibernating{background:var(--color-text-muted)}.page-status-dot.is-error{background:var(--color-warning)}.avatar-status.is-hibernating{background:var(--color-text-muted)}.avatar-status.is-error{background:var(--color-warning)}.icon{width:18px;height:18px;stroke-width:1.75;flex-shrink:0}.icon-sm{width:14px;height:14px}.icon-lg{width:22px;height:22px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--color-pill-neutral-bg);color:var(--color-text-muted);transition:background-color .12s ease,color .12s ease}.icon-btn:hover{background:var(--color-border);color:var(--color-text)}.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.drag-handle{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-subtle);border-radius:var(--radius-sm);cursor:-webkit-grab;cursor:grab;transition:color .12s ease,background-color .12s ease}.drag-handle:hover{color:var(--color-text-muted);background:var(--color-canvas)}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.page-picker{position:relative;display:inline-block}.page-picker .page-picker-trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 10px 6px 6px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-weight:var(--weight-semibold);font-size:var(--text-small);transition:border-color .12s ease}.page-picker .page-picker-trigger .avatar-sm{width:20px;height:20px;font-size:10px}.page-picker .page-picker-trigger:hover{border-color:var(--color-border-strong)}.page-picker .page-picker-trigger[aria-expanded=true]{border-color:var(--color-primary)}.page-picker .page-picker-trigger .chevron{color:var(--color-text-muted);transition:transform .12s ease}.page-picker .page-picker-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.page-picker.page-picker-lg .page-picker-trigger{padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);gap:var(--space-3);font-size:var(--text-body)}.page-picker.page-picker-lg .page-picker-trigger .avatar-sm{width:24px;height:24px;font-size:var(--text-micro)}.page-picker .page-picker-panel{position:absolute;top:calc(100% + var(--space-2));left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20;padding:var(--space-3);width:680px;max-height:420px;overflow-y:auto}.page-picker .page-picker-panel[hidden]{display:none}.page-picker .page-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-1);gap:var(--space-1)}.page-picker .page-picker-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-weight:var(--weight-semibold);font-size:var(--text-small);text-align:left;min-width:0;transition:background-color .12s ease,color .12s ease}.page-picker .page-picker-option:hover{background:var(--color-canvas)}.page-picker .page-picker-option.is-active{background:var(--color-primary-soft);color:var(--color-primary)}.page-picker .page-picker-option:disabled{opacity:.5;cursor:not-allowed}.page-picker .page-picker-option:disabled:hover{background:transparent}.page-picker .page-picker-option.is-restricted{opacity:.6}.page-picker .page-picker-option.is-restricted:hover{opacity:.8}.page-picker .page-picker-option .page-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1}.page-tabs{display:inline-flex;gap:var(--space-5)}.page-tabs .page-tab{padding:var(--space-3) 2px;color:var(--color-text-muted);font-weight:var(--weight-medium);font-size:var(--text-body);border-bottom:2px solid transparent;transition:color .12s ease,border-color .12s ease}.page-tabs .page-tab:hover{color:var(--color-text)}.page-tabs .page-tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.list-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.list-row .list-row-identity{display:flex;align-items:center;gap:var(--space-3);min-width:300px;max-width:340px}.list-row .list-row-identity>div{min-width:0;flex:1 1;overflow:hidden}.list-row .list-row-identity .identity-title{font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row .list-row-identity .identity-sub{color:var(--color-text-muted);font-size:var(--text-small)}.list-row .list-row-spark{width:140px;max-width:140px;margin-left:auto;color:var(--color-primary);height:32px}.list-row .list-row-stat{min-width:96px;text-align:right}.list-row .list-row-stat .stat-label{font-size:var(--text-micro);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-weight:var(--weight-semibold);margin-bottom:2px}.list-row .list-row-stat .stat-value{font-size:var(--text-h2);font-weight:var(--weight-bold);display:inline-flex;align-items:center;gap:var(--space-2)}.list-row .list-row-spark .spark-fill{fill:var(--color-primary-soft);stroke:none}.date-picker,.date-range-picker{position:relative;display:inline-block}.date-range-trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-small);font-weight:var(--weight-medium);transition:border-color .12s ease,box-shadow .12s ease}.date-range-trigger:hover{border-color:var(--color-border-strong)}.date-range-trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.date-range-trigger[aria-expanded=true]{border-color:var(--color-primary)}.date-range-trigger .chevron{color:var(--color-text-muted);transition:transform .12s ease}.date-range-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.date-range-panel{position:absolute;top:calc(100% + var(--space-2));left:0;display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20;overflow:hidden}.date-range-panel[data-position=up]{top:auto;bottom:calc(100% + var(--space-2))}.date-range-panel[hidden]{display:none}.drp-presets{display:flex;flex-direction:column;min-width:160px;padding:var(--space-3);gap:2px;border-right:1px solid var(--color-border);background:#FAFBFC}.drp-preset{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:var(--radius-sm);font-size:var(--text-small);color:var(--color-text);transition:background-color .12s ease,color .12s ease}.drp-preset:hover{background:var(--color-canvas)}.drp-preset.is-active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--weight-semibold)}.drp-body{display:flex;flex-direction:column;padding:var(--space-4)}.drp-months{display:flex;gap:var(--space-6)}.drp-month{width:224px}.drp-month-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.drp-month-title{font-weight:var(--weight-semibold);font-size:var(--text-small)}.drp-nav-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:background-color .12s ease,color .12s ease}.drp-nav-btn:hover{background:var(--color-canvas);color:var(--color-text)}.drp-nav-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.drp-nav-spacer{width:24px;height:24px}.drp-grid{display:grid;grid-template-columns:repeat(7,32px)}.drp-dow{text-align:center;padding:6px 0;font-size:var(--text-micro);color:var(--color-text-muted);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase}.drp-day{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:var(--text-small);color:var(--color-text)}.drp-day.is-empty{pointer-events:none}.drp-day.is-disabled{color:var(--color-text-subtle);pointer-events:none}.drp-day .day-num{position:relative;z-index:2;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);cursor:pointer;border:1px solid transparent;font-size:var(--text-small);color:inherit}.drp-day .day-num:disabled{cursor:not-allowed}.drp-day:hover:not(.is-empty):not(.is-disabled):not(.is-range-start):not(.is-range-end):not(.is-selected) .day-num{background:var(--color-canvas)}.drp-day.is-selected .day-num,.drp-day.is-today .day-num{border-color:var(--color-primary);font-weight:var(--weight-semibold)}.drp-day.is-selected .day-num{background:var(--color-primary);color:var(--color-text-invert)}.drp-day.is-in-range{background:var(--color-primary-soft)}.drp-day.is-range-start{background:linear-gradient(to right,transparent 50%,var(--color-primary-soft) 50%)}.drp-day.is-range-end{background:linear-gradient(to right,var(--color-primary-soft) 50%,transparent 50%)}.drp-day.is-range-end .day-num,.drp-day.is-range-start .day-num{background:var(--color-primary);color:var(--color-text-invert);font-weight:var(--weight-semibold)}.drp-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);margin-top:var(--space-3)}.split-button{position:relative;display:inline-flex}.split-button .split-button-main{border-top-right-radius:0;border-bottom-right-radius:0}.split-button .split-button-more{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-invert);border:1px solid transparent;border-left-color:rgba(255,255,255,.25);transition:background-color .12s ease}.split-button .split-button-more:hover{background:var(--color-primary-hover)}.split-button .split-button-more .chevron{transition:transform .12s ease}.split-button .split-button-more[aria-expanded=true] .chevron{transform:rotate(180deg)}.split-button .split-button-panel{position:absolute;bottom:calc(100% + 4px);right:0;min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;z-index:20}.split-button .split-button-panel[hidden]{display:none}.split-button .split-button-option{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--text-small);color:var(--color-text);background:transparent;transition:background-color .12s ease}.split-button .split-button-option:hover{background:var(--color-canvas)}.split-button .split-button-option.is-active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--weight-semibold)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap}.pagination .pagination-summary{color:var(--color-text-muted);font-size:var(--text-small)}.pagination .pagination-nav{display:inline-flex;gap:2px}.pagination .pagination-btn{position:relative;min-width:30px;height:30px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-text);background:transparent;transition:background-color .12s ease,color .12s ease}.pagination .pagination-btn:hover{background:var(--color-canvas)}.pagination .pagination-btn.is-active{background:var(--color-primary);color:var(--color-text-invert)}.pagination .pagination-btn-text{min-width:64px;padding:0 12px}.pagination .pagination-btn.is-disabled{opacity:.4;pointer-events:none}.pagination .pagination-btn:has(.pagination-pending){color:transparent;background:var(--color-canvas);cursor:wait}.pagination .pagination-btn.is-active:has(.pagination-pending){background:var(--color-primary)}.pagination .pagination-pending{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.pagination .pagination-btn.is-active .pagination-pending{color:var(--color-text-invert)}.pagination .pagination-spinner{width:14px;height:14px;border:1.5px solid;border-right:1.5px solid transparent;border-radius:50%;animation:pagination-spin .6s linear infinite}@keyframes pagination-spin{to{transform:rotate(1turn)}}.pagination .pagination-ellipsis{min-width:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.meta-dot{color:var(--color-text-subtle);margin:0 var(--space-2)}.switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0;cursor:pointer}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}.switch .switch-track{position:absolute;inset:0;background:var(--color-border-strong);border-radius:var(--radius-pill);transition:background-color .12s ease}.switch .switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-surface);border-radius:50%;box-shadow:0 1px 2px rgba(15,23,42,.18);transition:transform .12s ease}.switch input:checked~.switch-track{background:var(--color-primary)}.switch input:checked~.switch-track .switch-thumb{transform:translateX(16px)}.switch input:focus-visible~.switch-track{box-shadow:0 0 0 3px var(--color-primary-ring)}.row-actions{position:relative;display:inline-block}.row-actions .row-actions-trigger{width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease,color .12s ease}.row-actions .row-actions-trigger:hover{background:var(--color-canvas);color:var(--color-text)}.row-actions .row-actions-panel{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:20;display:flex;flex-direction:column;gap:2px}.row-actions .row-actions-panel[hidden]{display:none}.row-actions .row-actions-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-small);color:var(--color-text);background:transparent;border:none;text-align:left;text-decoration:none;width:100%;cursor:pointer;transition:background-color .12s ease,color .12s ease}.row-actions .row-actions-item:hover{background:var(--color-canvas)}.row-actions .row-actions-item .icon{color:var(--color-text-muted);flex-shrink:0}.row-actions .row-actions-item.is-destructive{color:var(--color-danger-text)}.row-actions .row-actions-item.is-destructive:hover{background:var(--color-danger-bg)}.row-actions .row-actions-item.is-destructive .icon{color:var(--color-danger-text)}.toast-stack{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:100;flex-direction:column;pointer-events:none}.toast,.toast-stack{display:flex;gap:var(--space-2)}.toast{align-items:center;min-width:280px;max-width:420px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);font-size:var(--text-small);color:var(--color-text);pointer-events:auto;animation:toast-in .2s cubic-bezier(.2,.8,.2,1) both}.toast.is-leaving{animation:toast-out .16s ease both}@keyframes toast-in{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes toast-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(16px)}}.toast-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-pill)}.toast-icon .icon{width:16px;height:16px}.toast-message{flex:1 1;min-width:0;line-height:1.4}.toast-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:-4px;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-pill);cursor:pointer;transition:background-color .12s ease,color .12s ease}.toast-close:hover{background:var(--color-surface-muted);color:var(--color-text)}.toast-close .icon{width:14px;height:14px}.toast--success{background:#F0FDF4;border-color:#BBF7D0}.toast--success .toast-icon{background:#DCFCE7;color:#15803D}.toast--neutral .toast-icon{background:var(--color-surface-muted);color:var(--color-text-muted)}.toast--error{background:#FEF2F2;border-color:#FECACA}.toast--error .toast-icon{background:#FEE2E2;color:#B91C1C}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center}[data-empty-state][hidden],[data-populated-state][hidden]{display:none!important}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-muted)}.empty-state-icon .icon{width:24px;height:24px}.empty-state-headline{margin:0;font-size:var(--text-h1);font-weight:var(--weight-semibold);color:var(--color-text);line-height:1.3}.empty-state-sub{margin:0;max-width:420px;color:var(--color-text-muted);line-height:1.5}.empty-state-actions,.empty-state-cta{margin-top:var(--space-2)}.empty-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.app-nav{background:var(--color-ink);color:var(--color-text-invert)}.app-nav .nav-inner{max-width:var(--page-max-width);margin:0 auto;padding:0 var(--space-6);height:var(--nav-height);display:flex;align-items:center;gap:var(--space-8);border-bottom:1px solid rgba(255,255,255,.08)}.app-nav .nav-logo{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-1);font-weight:var(--weight-bold);font-size:15px;letter-spacing:.14em;color:var(--color-text-invert);text-decoration:none}.app-nav .nav-logo img{display:block;max-width:30px;height:auto}.app-nav .nav-links{display:flex;gap:var(--space-6);flex:1 1;margin-left:var(--space-4)}.app-nav .nav-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:20px 2px;color:rgba(255,255,255,.78);font-weight:var(--weight-medium);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s ease,border-color .12s ease}.app-nav .nav-link.is-active,.app-nav .nav-link:hover{color:var(--color-text-invert)}.app-nav .nav-link.is-active{border-bottom-color:var(--color-text-invert)}.app-nav .nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--color-warning-bg);color:var(--color-warning-text);font-size:var(--text-micro);font-weight:var(--weight-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.app-nav .nav-utility{display:flex;align-items:center;gap:var(--space-3)}.app-nav .user-menu{position:relative;display:inline-block}.app-nav .user-menu .user-menu-trigger{background:transparent;border:none;padding:0;border-radius:var(--radius-pill);cursor:pointer;transition:opacity .12s ease}.app-nav .user-menu .user-menu-trigger:hover{opacity:.85}.app-nav .user-menu .user-menu-trigger:focus-visible{outline:2px solid rgba(255,255,255,.45);outline-offset:2px}.app-nav .user-menu .user-menu-panel{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:30;display:flex;flex-direction:column;gap:2px}.app-nav .user-menu .user-menu-panel[hidden]{display:none}.app-nav .user-menu .user-menu-header{padding:var(--space-2) var(--space-3) var(--space-3);margin-bottom:var(--space-1);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:2px}.app-nav .user-menu .user-menu-name{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-text)}.app-nav .user-menu .user-menu-email{font-size:var(--text-micro);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav .user-menu .user-menu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-text);background:transparent;border:none;text-align:left;text-decoration:none;width:100%;cursor:pointer;transition:background-color .12s ease}.app-nav .user-menu .user-menu-item:hover{background:var(--color-canvas)}.app-nav .user-menu .user-menu-item.is-active{background:var(--color-primary-soft);color:var(--color-primary)}.app-nav .user-menu .user-menu-item .icon{color:var(--color-text-muted);flex-shrink:0}.app-nav .user-menu .user-menu-item.is-active .icon{color:var(--color-primary)}.app-nav .nav-icon-btn{width:36px;height:36px;border-radius:var(--radius-pill);background:rgba(255,255,255,.06);display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);transition:background-color .12s ease,color .12s ease}.app-nav .nav-icon-btn:hover{background:rgba(255,255,255,.12);color:var(--color-text-invert)}.app-main{background:var(--color-canvas);min-height:calc(100vh - var(--nav-height))}.page-card{max-width:var(--page-max-width);margin:0 auto;margin-top:var(--space-8);margin-bottom:var(--space-8);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-8);position:relative}.page-card+.page-card{margin-top:var(--space-6)}.page-card.has-topbar{padding:0}.page-card .page-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);min-height:var(--topbar-height)}.page-card .page-topbar .topbar-right{display:inline-flex;align-items:center;gap:var(--space-6)}.page-card .page-topbar .page-topbar-chip{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-micro,11px);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.page-card .page-topbar .page-topbar-chip-test-mode{background:var(--color-warning-soft,#FFFBEB);color:var(--color-warning-text,#92400E);border:1px solid var(--color-warning,#b45309)}.page-card .page-body{padding:var(--space-8)}.page-card .page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-card .page-header .page-title{font-size:var(--text-display);font-weight:var(--weight-bold);letter-spacing:-.01em}.page-card .page-header .page-subtitle{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-small);max-width:720px}.page-card .page-header .header-actions{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0}.app-footer{max-width:var(--page-max-width);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-6);color:var(--color-text-muted);font-size:var(--text-small)}.app-footer .footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.app-footer a{color:var(--color-text-muted)}.app-footer a:hover{color:var(--color-text)}.app-footer .footer-sep{margin:0 var(--space-2);color:var(--color-text-subtle)}.kit-page .kit-section{padding:var(--space-8) 0;border-top:1px solid var(--color-border)}.kit-page .kit-section:first-of-type{border-top:none;padding-top:0}.kit-page .kit-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-5)}.kit-page .kit-section-title{font-size:var(--text-h1);font-weight:var(--weight-bold)}.kit-page .kit-section-note{color:var(--color-text-muted);font-size:var(--text-small)}.kit-page .swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.kit-page .swatch{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.kit-page .swatch-color{height:64px}.kit-page .swatch-meta{padding:var(--space-3);font-size:var(--text-small)}.kit-page .swatch-name{font-weight:var(--weight-semibold)}.kit-page .swatch-value{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-micro)}.kit-page .radius-row{display:flex;gap:var(--space-4);flex-wrap:wrap}.kit-page .radius-tile{width:88px;height:88px;background:var(--color-canvas);border:1px solid var(--color-border);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-2);font-size:var(--text-micro);color:var(--color-text-muted);font-family:var(--font-mono)}.kit-page .demo-row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.kit-page .demo-stack{display:flex;flex-direction:column;gap:var(--space-3);max-width:320px}.kit-page .type-sample{display:grid;grid-template-columns:120px 1fr;grid-gap:var(--space-4);gap:var(--space-4);align-items:baseline;padding:var(--space-3) 0;border-bottom:1px dashed var(--color-border)}.kit-page .type-sample:last-child{border-bottom:none}.kit-page .type-sample .type-label{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-text-muted)}.reconnect-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:#FEF2F2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:var(--radius-md)}.reconnect-banner-body{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0}.reconnect-banner-body>.icon{flex:0 0 auto;width:20px;height:20px;margin-top:2px;color:#B91C1C}.reconnect-banner-title{font-size:var(--text-body);font-weight:var(--weight-semibold);color:#7F1D1D;margin-bottom:2px}.reconnect-banner-message{margin:0;font-size:var(--text-small);color:#991B1B;line-height:1.5}.reconnect-banner-action{flex:0 0 auto}.dashboard .list-row.is-restricted,.libraries .library-card.is-restricted{opacity:.55}.dashboard .list-row.is-restricted:hover,.libraries .library-card.is-restricted:hover{opacity:.75}.dashboard .page-header .header-controls{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.dashboard .filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-1) var(--space-4);background:var(--color-surface-muted);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.dashboard .filter-bar .filter-group{display:inline-flex;align-items:center;gap:var(--space-3)}.dashboard .filter-bar .filter-label{font-size:var(--text-small);color:var(--color-text-muted)}.dashboard .page-list{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard .list-row{cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.dashboard .page-list>form{display:contents}.dashboard button.list-row{width:100%;font:inherit;color:inherit;text-align:left}.dashboard .list-row:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.dashboard .list-row .list-row-stats{display:flex;align-items:center;gap:var(--space-5)}.dashboard .list-row .list-row-stat{min-width:84px}.fb-chip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-primary);flex-shrink:0}.fb-chip svg{width:14px;height:14px}.schedule .tz{font-family:var(--font-mono);font-size:var(--text-micro);background:var(--color-pill-neutral-bg);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-text)}.schedule .day-groups{display:flex;flex-direction:column;gap:var(--space-8)}.schedule .day-group-head{font-size:var(--text-h1);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.schedule .day-row,.schedule .day-table-head{display:grid;grid-template-columns:84px 1fr 220px;grid-gap:var(--space-4);gap:var(--space-4);align-items:center}.schedule .day-table-head{padding:var(--space-3) var(--space-4);color:var(--color-text-muted)}.schedule .day-table-head span{font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.schedule .day-rows{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}.schedule .day-row .col-time{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.schedule .day-row .col-time .time-subtext{font-size:var(--text-micro);color:var(--color-text-subtle);padding-left:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.schedule .day-row{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);min-height:76px}.schedule .day-row:last-child{border-bottom:none}.schedule .day-row.is-empty{background:var(--color-surface-muted)}.schedule .day-row .col-post{display:flex;align-items:center;gap:var(--space-3);min-width:0}.schedule .day-row .post-thumb{width:72px;height:52px;border-radius:var(--radius-md);flex-shrink:0;background-size:cover;background-position:50%;object-fit:cover;object-position:center;display:block}.schedule .day-row .post-thumb-empty{display:flex;align-items:center;justify-content:center;background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text-subtle)}.schedule .day-row .post-thumb-empty svg{width:20px;height:20px}.schedule .day-row .post-caption{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-medium);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule .day-row .pin{font-size:14px;line-height:1}.schedule .day-row .col-action{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.schedule .schedule-load-more{display:flex;justify-content:center;padding:var(--space-6) 0 var(--space-2)}.schedule-settings .settings-stack{display:flex;flex-direction:column;gap:var(--space-10)}.schedule-settings .settings-block-title{font-weight:var(--weight-bold);font-size:var(--text-h2);margin-bottom:var(--space-2)}.schedule-settings .settings-block-desc{display:block;color:var(--color-text);font-size:var(--text-body);margin-bottom:var(--space-3)}.schedule-settings .add-slot-card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.schedule-settings .add-slot-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.schedule-settings .add-slot-label{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-text)}.schedule-settings .day-quick-select{display:inline-flex;align-items:center;gap:var(--space-1)}.schedule-settings .day-quick{padding:4px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:var(--text-small);font-weight:var(--weight-medium);cursor:pointer;transition:background-color .12s ease,color .12s ease}.schedule-settings .day-quick:hover{background:var(--color-surface-hover);color:var(--color-text)}.schedule-settings .day-quick.is-active{background:var(--color-primary-soft);color:var(--color-primary)}.schedule-settings .day-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.schedule-settings .day-pill{min-width:64px;padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-small);font-weight:var(--weight-medium);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.schedule-settings .day-pill:hover{border-color:var(--color-border-strong)}.schedule-settings .day-pill.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-invert)}.schedule-settings .day-pill.is-active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.schedule-settings .add-slot-time-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.schedule-settings .slots-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.schedule-settings .slots-col{display:flex;flex-direction:column;gap:var(--space-2)}.schedule-settings .slots-col-head{font-weight:var(--weight-bold);font-size:var(--text-body);margin-bottom:var(--space-1)}.schedule-settings .slot-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:5px 6px 5px 10px;background:var(--color-pill-blue-bg);color:var(--color-pill-blue-text);border-radius:var(--radius-md);font-size:var(--text-small);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--weight-medium)}.schedule-settings .slot-pill-24h{font-weight:var(--weight-regular);opacity:.6}.schedule-settings .slot-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;opacity:.55;border-radius:var(--radius-sm);transition:opacity .12s ease,background-color .12s ease}.schedule-settings .slot-remove:hover{opacity:1;background:rgba(37,99,235,.15)}.compose-page-shell{max-width:var(--page-max-width);margin:var(--space-8) auto 0;padding-bottom:var(--space-10);display:flex;flex-direction:column;gap:var(--space-4)}.compose-page-back{display:inline-flex;align-items:center;gap:var(--space-1);align-self:flex-start;color:var(--color-text-muted);font-size:var(--text-small);font-weight:var(--weight-medium);transition:color .12s ease}.compose-page-back:hover{color:var(--color-text)}.compose-page-back .icon{width:16px;height:16px}.compose-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.compose-page-title{margin:0;font-size:var(--text-h1);font-weight:var(--weight-semibold);color:var(--color-text);line-height:1.2}.compose-page-panel{position:relative;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.compose-page-body{padding:var(--space-6)}.compose-page-body:has(>.compose-new){padding:0}.compose-page-panel .compose-new{max-width:none}.compose-page-panel .compose-new .editor{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.compose-page-panel .compose-new .preview{max-height:none;border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.compose-page-panel .compose-new .preview .preview-scroll{max-height:none;overflow:visible;margin-right:0;padding-right:0}.compose-page-panel .compose-new .dropzone .caption{min-height:320px}.compose-page-panel .compose-new .advanced-form-hint{margin:var(--space-3) 0 0;font-size:var(--text-small);color:var(--color-text-muted)}.compose-page-panel .compose-new .advanced-form-hint a{color:var(--color-primary);font-weight:var(--weight-medium)}.compose-page-panel .compose-new .advanced-form-hint a:hover{text-decoration:underline}.compose-page-panel .compose-new .editor .footer .actions{display:inline-flex;align-items:center;gap:var(--space-2)}@media (max-width:920px){.compose-page-panel .compose-new .compose-new-body{grid-template-columns:minmax(0,1fr)}.compose-page-panel .compose-new .editor{border-right:none;border-bottom:1px solid var(--color-border);border-top-right-radius:var(--radius-xl);border-bottom-left-radius:0}.compose-page-panel .compose-new .preview{border-bottom-left-radius:var(--radius-xl);border-top-right-radius:0}}.compose-page-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:var(--radius-pill);background:rgba(15,23,42,.08);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;z-index:2;transition:background-color .12s ease}.compose-page-close:hover{background:rgba(15,23,42,.14)}.library-source-notice{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-primary-soft);border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent);border-radius:var(--radius-md);color:var(--color-text)}.library-source-notice .icon{width:18px;height:18px;flex-shrink:0;color:var(--color-primary);margin-top:1px}.library-source-notice-title{margin:0 0 4px;font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-text)}.library-source-notice-title a{color:var(--color-primary);text-decoration:underline}.library-source-notice-title a:hover{text-decoration:none}.library-source-notice-body{margin:0;font-size:var(--text-small);color:var(--color-text-muted);line-height:1.45}.library-source-notice-body strong{color:var(--color-text);font-weight:var(--weight-semibold)}.library-picker-selected{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);list-style:none;padding:0}.library-picker-selected:empty{display:none}.library-picker-selected .chip{gap:var(--space-1);padding:4px 6px 4px 10px;background:var(--color-primary-soft);font-size:var(--text-small);font-weight:var(--weight-medium);animation:library-chip-pop-in .16s cubic-bezier(.2,0,.2,1)}.library-picker-selected .chip,.library-picker-selected .chip-remove{display:inline-flex;align-items:center;border-radius:var(--radius-pill);color:var(--color-primary)}.library-picker-selected .chip-remove{justify-content:center;width:18px;height:18px;background:transparent;border:none;cursor:pointer;transition:background-color .12s ease;padding:0}.library-picker-selected .chip-remove:hover{background:rgba(37,99,235,.18)}.library-picker-selected .chip-remove .icon{width:12px;height:12px}@keyframes library-chip-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}