:root{--brand-500:#f59e0b;--brand-600:#d97706;--brand-400:#fbbf24;--success-500:#22c55e;--warning-500:#eab308;--danger-500:#ef4444;--info-500:#3b82f6;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans Thai",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--shadow-sm:0 1px 2px rgb(0 0 0/0.25);--shadow-md:0 4px 12px rgb(0 0 0/0.28);--shadow-lg:0 12px 32px rgb(0 0 0/0.35)}:root[data-theme=dark]{color-scheme:dark;--bg:#0b0d10;--bg-raised:#14171c;--bg-overlay:#1c2027;--border:#2a2f38;--text:#e8eaed;--text-muted:#9aa1ac;--text-faint:#7a8494;--accent:var(--brand-500);--accent-contrast:#14100a;--accent-soft:rgb(245 158 11/0.14);--success-soft:rgb(34 197 94/0.15);--warning-soft:rgb(234 179 8/0.15);--danger-soft:rgb(239 68 68/0.15);--info-soft:rgb(59 130 246/0.15)}:root[data-theme=light]{color-scheme:light;--bg:#f6f7f9;--bg-raised:#ffffff;--bg-overlay:#ffffff;--border:#dfe3e8;--text:#181c22;--text-muted:#4b5563;--text-faint:#5f6b7a;--accent:var(--brand-600);--accent-contrast:#1c1206;--accent-soft:rgb(217 119 6/0.12);--success-soft:rgb(34 197 94/0.14);--warning-soft:rgb(234 179 8/0.16);--danger-soft:rgb(239 68 68/0.12);--info-soft:rgb(59 130 246/0.12);--shadow-sm:0 1px 2px rgb(16 24 40/0.08);--shadow-md:0 4px 12px rgb(16 24 40/0.1);--shadow-lg:0 12px 32px rgb(16 24 40/0.14)}:root{--heat-300:#fcd34d;--heat-400:#fbbf24;--heat-500:#f59e0b;--heat-600:#ea8311;--heat-700:#c2410c;--radius-xs:4px;--radius-card:12px;--radius-panel:14px;--glass-blur:14px;--hairline:rgb(251 191 36/0.14);--hairline-strong:rgb(251 191 36/0.28);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--dur-fast:140ms;--dur-med:320ms;--dur-slow:640ms;--tracking-display:-0.02em;--tracking-caps:0.14em;--vapor-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}:root[data-theme=dark]{--bg-deep:#070a12;--bg-glass:rgb(20 24 36/0.62);--bg-glass-strong:rgb(20 24 36/0.82);--glow-heat:rgb(245 158 11/0.22);--glow-focus:0 0 0 3px rgb(245 158 11/0.28);--text-display:#f8fafc;--card-sheen:linear-gradient(160deg,rgb(255 255 255/0.05),transparent 40%)}:root[data-theme=light]{--bg-deep:#f4f6fa;--bg-glass:rgb(255 255 255/0.66);--bg-glass-strong:rgb(255 255 255/0.86);--glow-heat:rgb(217 119 6/0.16);--glow-focus:0 0 0 3px rgb(217 119 6/0.25);--text-display:#0f172a;--card-sheen:linear-gradient(160deg,rgb(255 255 255/0.6),transparent 45%)}:root{--text-fluid-sm:clamp(0.875rem,0.84rem + 0.2vw,0.9375rem);--text-fluid-base:clamp(1rem,0.96rem + 0.25vw,1.0625rem);--text-fluid-lg:clamp(1.125rem,1.04rem + 0.45vw,1.3125rem);--text-fluid-xl:clamp(1.375rem,1.2rem + 0.9vw,1.75rem);--text-fluid-2xl:clamp(1.75rem,1.44rem + 1.6vw,2.5rem);--text-fluid-3xl:clamp(2.25rem,1.75rem + 2.6vw,3.5rem);--leading-tight:1.1;--leading-heading:1.2;--leading-body:1.55;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--danger-600:#dc2626;--border-strong:#3a414d;--z-base:0;--z-raised:10;--z-sticky:30;--z-header:40;--z-nav:50;--z-tabs:60;--z-backdrop:80;--z-panel:90;--z-modal:100;--z-toast:110;--touch-min:44px;--control-h-sm:36px;--control-h:var(--touch-min);--control-h-lg:48px;--dur-quick:120ms;--dur-ui:240ms;--ease-standard:cubic-bezier(0.4,0,0.2,1);--focus-ring:var(--glow-focus);--focus-outline:2px solid var(--accent);--content-max:1200px;--content-readable:720px}:root[data-theme=dark]{--accent-strong:var(--brand-400);--success-text:#4ade80;--warning-text:#facc15;--danger-text:#f87171;--info-text:#60a5fa;--border-strong:#3a414d}:root[data-theme=light]{--accent-strong:#b45309;--success-text:#15803d;--warning-text:#a16207;--danger-text:#b91c1c;--info-text:#1d4ed8;--border-strong:#c3cad2}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:var(--text-2xl);margin:0 0 var(--space-4)}h2{font-size:var(--text-xl);margin:var(--space-6) 0 var(--space-3)}.mono,code{font-family:var(--font-mono);font-size:.92em}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6)}.stat-value{font-size:var(--text-2xl);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-label{color:var(--text-muted)}.stat-label,.table{font-size:var(--text-sm)}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.table th{color:var(--text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.table-wrap{overflow-x:auto}.badge{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.badge-success{background:var(--success-soft);color:var(--success-500)}.badge-warning{background:var(--warning-soft);color:var(--warning-500)}.badge-danger{background:var(--danger-soft);color:var(--danger-500)}.badge-info{background:var(--info-soft);color:var(--info-500)}.badge-muted{background:var(--bg-overlay);color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field label{font-size:var(--text-sm);color:var(--text-muted);font-weight:600}.input,select.input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-family:inherit}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--accent);color:var(--accent-contrast);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:600;cursor:pointer;font-family:inherit}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--bg-overlay);color:var(--text);border:1px solid var(--border)}.shell{display:flex;min-height:100vh}.shell-sidebar{width:240px;flex-shrink:0;background:var(--bg-raised);border-right:1px solid var(--border);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.shell-brand{font-weight:800;font-size:var(--text-lg);padding:var(--space-2) var(--space-3) var(--space-4)}.shell-brand span{display:block;font-size:var(--text-xs);font-weight:500;color:var(--text-muted)}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-sm);font-weight:500}.nav-item:hover{background:var(--bg-overlay);text-decoration:none}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-section{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:var(--space-3) var(--space-3) var(--space-1)}.shell-main{flex:1 1;min-width:0;padding:var(--space-5);padding-bottom:5.5rem}.shell-topbar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-bottom:var(--space-5);color:var(--text-muted);font-size:var(--text-sm)}@media (max-width:820px){.shell-sidebar{display:none}.shell-main{padding:var(--space-4);padding-bottom:5.5rem}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--space-4)}.login-card{width:100%;max-width:380px}.login-form{margin-top:var(--space-5)}.login-error{background:var(--danger-soft);color:var(--danger-500);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);margin-bottom:var(--space-4)}.text-muted{color:var(--text-muted)}.notice{background:var(--info-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.theme-toggle{background:var(--bg-overlay);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);cursor:pointer;font-size:var(--text-xs)}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.toolbar .input{width:auto}.toolbar .grow{flex:1 1;min-width:140px}.grid-2{display:grid;grid-template-columns:1fr;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:720px){.grid-2{grid-template-columns:1fr 1fr}}.form-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.form-row .field{flex:1 1;min-width:130px}.thumb{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg)}.thumb-lg{width:100%;max-width:220px;height:auto}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.image-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-xs)}.image-card img{width:100%;border-radius:var(--radius-sm)}.pill-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;padding:0}.link-btn:hover{text-decoration:underline}.btn-small{padding:2px var(--space-2);font-size:var(--text-xs)}.qr-box{background:#fff;padding:var(--space-4);border-radius:var(--radius-md);display:inline-block}.qr-box img{display:block;width:200px;height:200px}.attr-pair{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.attr-pair .input{flex:1 1}.banner-warning{background:var(--warning-soft);color:var(--warning-500)}.banner-danger,.banner-warning{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-4)}.banner-danger{background:var(--danger-soft);color:var(--danger-500)}.group-card{margin-bottom:var(--space-4)}.group-card.applied{opacity:.65}.pagination{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-4)}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;inset:0;padding:2rem}}.hint{position:relative;display:inline-block;margin-left:var(--space-1,4px);color:var(--accent,#ea8311);cursor:help;outline:none;font-weight:700}.hint-pop{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);width:max-content;max-width:300px;padding:8px 12px;border-radius:8px;background:var(--bg-glass-strong,#111);border:1px solid var(--hairline,#333);color:var(--text,#eee);font-size:12px;font-weight:400;line-height:1.5;white-space:normal;visibility:hidden;opacity:0;z-index:40}.hint:focus .hint-pop,.hint:focus-within .hint-pop,.hint:hover .hint-pop{visibility:visible;opacity:1}.help-link{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--hairline,#333);font-size:14px;font-weight:800;text-decoration:none;vertical-align:middle;margin-left:8px;color:var(--accent,#ea8311)}.chart-wrap{overflow-x:auto}.chart-line{fill:none;stroke:var(--accent,#ea8311);stroke-width:2}.chart-area{fill:var(--accent,#ea8311);opacity:.12}.chart-grid{stroke:var(--hairline,#333);stroke-width:1}.chart-tick{fill:var(--text-muted,#999);font-size:11px}.labels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.qr-label{border:2px dashed #999;border-radius:8px;padding:16px;text-align:center;page-break-inside:avoid;break-inside:avoid}.qr-label .qr-code{font-size:28px;font-weight:900;letter-spacing:.1em}.qr-label svg{width:150px;height:150px}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;inset:0}.no-print{display:none!important}}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--focus-outline);outline-offset:2px}::selection{background:var(--accent-soft)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn-sm{min-height:var(--control-h-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn-lg{min-height:var(--control-h-lg);padding:var(--space-3) var(--space-5);font-size:var(--text-lg)}.btn-block{width:100%}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger-600);color:#fff}@media (hover:hover) and (pointer:fine){.btn-ghost:hover{background:var(--bg-overlay);filter:none}.btn-danger,.btn-ghost{transition:background var(--dur-quick) var(--ease-standard),border-color var(--dur-quick) var(--ease-standard),transform var(--dur-fast) var(--ease-out-expo)}}.btn[aria-busy=true]{pointer-events:none;opacity:.75}.btn[aria-busy=true]:after{content:"";width:1em;height:1em;border-radius:50%;border:2px solid;border-top:2px solid transparent;animation:ds-spin .7s linear infinite}@keyframes ds-spin{to{transform:rotate(1turn)}}@media (pointer:coarse){.btn:not(.btn-sm):not(.btn-small),.input,.select,.textarea,select.input{min-height:var(--touch-min)}}.select,.textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-family:inherit;width:100%}.select:focus,.textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.textarea{min-height:96px;resize:vertical;line-height:var(--leading-body)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger-500)}.input[aria-invalid=true]:focus,.select[aria-invalid=true]:focus,.textarea[aria-invalid=true]:focus{outline-color:var(--danger-500)}.field-error{color:var(--danger-text);font-size:var(--text-xs)}.field-hint{color:var(--text-muted);font-size:var(--text-xs)}.req{color:var(--danger-text)}.check,input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.check{width:18px;height:18px}.card-flat{box-shadow:none}.card-elevated{box-shadow:var(--shadow-md)}.card-dense{padding:var(--space-4)}.card-glass{background:var(--bg-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-color:var(--hairline)}.card-interactive{transition:transform var(--dur-ui) var(--ease-out-expo),border-color var(--dur-ui) var(--ease-standard),box-shadow var(--dur-ui) var(--ease-standard)}@media (hover:hover) and (pointer:fine){.card-interactive:hover{transform:translateY(-2px);border-color:var(--hairline-strong);box-shadow:var(--shadow-md)}}.badge-success{color:var(--success-text)}.badge-warning{color:var(--warning-text)}.badge-danger{color:var(--danger-text)}.badge-info{color:var(--info-text)}.badge-accent{background:var(--accent-soft);color:var(--accent-strong)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-faint);flex:none}.status-dot-success{background:var(--success-500)}.status-dot-warning{background:var(--warning-500)}.status-dot-danger{background:var(--danger-500)}.status-dot-info{background:var(--info-500)}.status-dot-live{background:var(--success-500);animation:ds-dot-pulse 2s var(--ease-standard) infinite}@keyframes ds-dot-pulse{0%{box-shadow:0 0 0 0 var(--success-soft)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.table-compact td,.table-compact th{padding:var(--space-1) var(--space-2)}.table-num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table-sticky thead th{position:-webkit-sticky;position:sticky;top:0;background:var(--bg-raised);z-index:1}@media (hover:hover) and (pointer:fine){.table-hover tbody tr:hover{background:var(--bg-overlay)}}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);background:rgb(0 0 0/.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:var(--space-4);animation:ds-fade-in var(--dur-ui) var(--ease-standard)}.modal-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:calc(100dvh - 2 * var(--space-4));display:flex;flex-direction:column;animation:ds-modal-in var(--dur-ui) var(--ease-out-expo)}.modal-card.modal-sm,.modal-sm .modal-card{max-width:360px}.modal-card.modal-lg,.modal-lg .modal-card{max-width:720px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display)}.modal-body{padding:var(--space-5);overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.modal-backdrop.drawer{justify-items:end;padding:0}.modal-backdrop.drawer .modal-card{max-width:420px;height:100dvh;max-height:none;border:0;border-left:1px solid var(--border);border-radius:0;animation:ds-drawer-in var(--dur-med) var(--ease-out-expo)}@media (max-width:640px){.modal-backdrop.drawer{align-items:end}.modal-backdrop.drawer .modal-card{max-width:none;height:auto;max-height:88dvh;border-left:0;border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:ds-sheet-in var(--dur-med) var(--ease-out-expo)}}@keyframes ds-fade-in{0%{opacity:0}}@keyframes ds-modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes ds-drawer-in{0%{transform:translateX(24px);opacity:0}}@keyframes ds-sheet-in{0%{transform:translateY(24px);opacity:0}}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);overflow-x:auto;margin-bottom:var(--space-4)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:var(--space-2) var(--space-3);min-height:var(--touch-min);font:inherit;font-weight:var(--weight-semibold);color:var(--text-muted);white-space:nowrap;cursor:pointer}.tab.active{color:var(--accent-strong);border-bottom-color:var(--accent)}.tab:disabled{opacity:.5;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.tab:hover{color:var(--text)}.tab.active:hover{color:var(--accent-strong)}}.toast-region{position:fixed;bottom:var(--space-4);left:50%;transform:translateX(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);width:min(420px,calc(100vw - 2 * var(--space-4)));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-glass-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--hairline-strong);box-shadow:var(--shadow-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);animation:ds-toast-in var(--dur-ui) var(--ease-out-expo)}.toast-body{flex:1 1;min-width:0;overflow-wrap:break-word}.toast-success{border-left:3px solid var(--success-500)}.toast-error{border-left:3px solid var(--danger-500)}.toast-close{flex:none;background:none;border:0;color:var(--text-muted);cursor:pointer;font-size:var(--text-lg);line-height:1;padding:var(--space-1);min-width:32px;min-height:32px}@keyframes ds-toast-in{0%{opacity:0;transform:translateY(8px)}}.empty-state{text-align:center;padding:var(--space-8) var(--space-4)}.empty-state-icon{width:56px;height:56px;color:var(--accent);opacity:.85;margin-bottom:var(--space-3)}.empty-state-title{font-weight:var(--weight-bold);margin:0 0 var(--space-1)}.empty-state-body{color:var(--text-muted);max-width:420px;margin:0 auto var(--space-4)}.skeleton{border-radius:var(--radius-card);background:linear-gradient(100deg,var(--bg-overlay) 40%,var(--bg-raised) 50%,var(--bg-overlay) 60%);background-size:200% 100%;animation:ds-pulse 1.4s ease-in-out infinite}.skeleton-text{height:.85em;border-radius:var(--radius-xs);margin:var(--space-1) 0}.skeleton-circle{border-radius:50%}.skeleton-block{min-height:120px}@keyframes ds-pulse{0%{background-position:180% 0}to{background-position:-20% 0}}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-5)}.page-header-main{flex:1 1 240px;min-width:0}.page-eyebrow{margin:0 0 var(--space-1);font-size:var(--text-xs);font-weight:800;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent-strong)}.page-title{margin:0;font-size:var(--text-fluid-2xl);font-weight:800;letter-spacing:var(--tracking-display);line-height:var(--leading-heading);color:var(--text-display);overflow-wrap:break-word}.page-subtitle{margin:var(--space-1) 0 0;color:var(--text-muted);max-width:64ch}.page-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-left:auto}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack-sm{gap:var(--space-2)}.stack-lg{gap:var(--space-5)}.cluster{gap:var(--space-2)}.cluster,.spread{display:flex;flex-wrap:wrap;align-items:center}.spread{justify-content:space-between;gap:var(--space-3)}.w-full{width:100%}.text-faint{color:var(--text-faint)}.text-danger{color:var(--danger-text)}.text-success{color:var(--success-text)}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.type-fluid-sm{font-size:var(--text-fluid-sm)}.type-fluid-base{font-size:var(--text-fluid-base)}.type-fluid-lg{font-size:var(--text-fluid-lg)}.type-fluid-xl{font-size:var(--text-fluid-xl)}.type-fluid-2xl{font-size:var(--text-fluid-2xl)}.type-fluid-3xl{font-size:var(--text-fluid-3xl)}.divider{border:0;border-top:1px solid var(--border);margin:var(--space-5) 0}.upload-dropzone{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;border:2px dashed var(--hairline-strong);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin:var(--space-2) 0 var(--space-3);min-height:72px;transition:border-color var(--dur-quick) var(--ease-standard),background var(--dur-quick) var(--ease-standard)}.upload-dropzone.dragover{border-color:var(--accent);background:var(--bg-overlay)}.upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-2)}.upload-thumb{position:relative;border:2px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-1)}.upload-thumb.primary{border-color:var(--accent)}.upload-thumb img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);display:block}.upload-primary-badge{position:absolute;top:4px;left:4px}.upload-variant-badge{position:absolute;top:4px;right:4px}.upload-thumb-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.upload-radio,.upload-thumb-actions .link-btn{min-width:32px;min-height:32px}.upload-radio{display:grid;place-items:center;cursor:pointer}.upload-radio input{width:18px;height:18px;accent-color:var(--accent)}.upload-alt{margin-top:2px;min-height:32px;padding:2px 6px;font-size:var(--text-xs)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.media-card{padding:var(--space-2)}.media-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);background:var(--bg-overlay);display:block}.media-card-meta{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-1);overflow-wrap:break-word}.media-card-actions{justify-content:space-between;align-items:center;margin-top:var(--space-1);min-height:32px}.chip-row,.media-card-actions{display:flex;gap:var(--space-2)}.chip-row{flex-wrap:wrap;margin-bottom:var(--space-4)}.chip{border:1px solid var(--border);background:var(--bg-raised);color:var(--text);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);min-height:var(--touch-min);display:inline-flex;align-items:center;gap:var(--space-1);cursor:pointer;transition:border-color var(--dur-quick) var(--ease-standard)}@media (hover:hover) and (pointer:fine){.chip:hover{text-decoration:none;border-color:var(--accent)}}.chip.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}