@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.w-full{width:100%}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}}:root{--op-yellow:#fff519;--op-mustard:#f0cc00;--op-amber:#fb9138;--op-red:#f04f57;--op-purple:#7377f6;--op-blue:#04a1e9;--op-green:#17ddbf;--op-white:#fff;--op-light-grey:#f5f5f5;--op-black:#111;--color-bg-primary:var(--op-white);--color-bg-secondary:var(--op-light-grey);--color-bg-tertiary:#ebebeb;--color-bg-inverse:var(--op-black);--color-surface:var(--op-white);--color-surface-raised:var(--op-white);--color-surface-hover:#00000008;--color-surface-active:#0000000a;--color-surface-active-border:var(--color-border);--color-surface-overlay:#00000080;--color-overlay-surface:var(--op-white);--color-overlay-surface-border:var(--color-border);--color-border:#e0e0e0;--color-border-light:#f0f0f0;--color-border-focus:var(--op-blue);--color-input-border:#d0d0d0;--color-text-primary:var(--op-black);--color-text-secondary:#6b6b6b;--color-text-tertiary:#737373;--color-text-inverse:var(--op-white);--color-text-link:#0072a3;--color-accent:var(--op-yellow);--color-accent-hover:var(--op-mustard);--color-accent-text:var(--op-black);--color-success:var(--op-green);--color-warning:var(--op-amber);--color-danger:var(--op-red);--color-info:var(--op-blue);--color-button-primary-bg:linear-gradient(135deg, #fff519 0%, #e8b82e 100%);--color-button-primary-text:var(--op-black);--color-button-primary-hover:linear-gradient(135deg, #f0cc00 0%, #d4a520 100%);--color-button-secondary-bg:transparent;--color-button-secondary-border:var(--color-border);--color-button-secondary-text:var(--color-text-primary);--color-button-secondary-hover:var(--color-bg-secondary);--color-table-header-bg:#ffd84d;--color-table-header-text:var(--op-black);--color-badge-success-bg:var(--op-green);--color-badge-success-text:var(--op-black);--color-badge-warning-bg:var(--op-amber);--color-badge-warning-text:var(--op-black);--color-badge-danger-bg:var(--op-red);--color-badge-danger-text:var(--op-white);--color-badge-info-bg:var(--op-blue);--color-badge-info-text:var(--op-white);--color-alert-success-bg:var(--op-green)}@supports (color:color-mix(in lab,red,red)){:root{--color-alert-success-bg:color-mix(in srgb, var(--op-green) 10%, var(--color-bg-primary))}}:root{--color-alert-warning-bg:var(--op-amber)}@supports (color:color-mix(in lab,red,red)){:root{--color-alert-warning-bg:color-mix(in srgb, var(--op-amber) 10%, var(--color-bg-primary))}}:root{--color-alert-danger-bg:var(--op-red)}@supports (color:color-mix(in lab,red,red)){:root{--color-alert-danger-bg:color-mix(in srgb, var(--op-red) 10%, var(--color-bg-primary))}}:root{--color-alert-info-bg:var(--op-blue)}@supports (color:color-mix(in lab,red,red)){:root{--color-alert-info-bg:color-mix(in srgb, var(--op-blue) 10%, var(--color-bg-primary))}}:root{--color-toast-success-bg:var(--op-green)}@supports (color:color-mix(in lab,red,red)){:root{--color-toast-success-bg:color-mix(in srgb, var(--op-green) 35%, white)}}:root{--color-toast-warning-bg:var(--op-amber)}@supports (color:color-mix(in lab,red,red)){:root{--color-toast-warning-bg:color-mix(in srgb, var(--op-amber) 35%, white)}}:root{--color-toast-danger-bg:var(--op-red)}@supports (color:color-mix(in lab,red,red)){:root{--color-toast-danger-bg:color-mix(in srgb, var(--op-red) 35%, white)}}:root{--color-toast-info-bg:var(--op-blue)}@supports (color:color-mix(in lab,red,red)){:root{--color-toast-info-bg:color-mix(in srgb, var(--op-blue) 35%, white)}}:root{--color-sidebar-bg:var(--op-light-grey);--color-sidebar-border:var(--color-border-light);--color-sidebar-item-hover:var(--color-bg-secondary);--color-sidebar-item-active-bg:#7377f61a;--color-sidebar-item-active-text:var(--op-black);--color-toggle-knob-dark:#1a1a2e;--color-toggle-track:#00000014;--color-toggle-track-border:#0000001a;--color-toggle-track-hover:#0000001f;--color-variant-toggle-active:#7377f633;--color-variant-toggle-active-border:#7377f64d;--color-variant-toggle-active-hover:#7377f64d;--color-button-ghost-border:#8888a073;--color-danger-ring:#f04f5726;--color-success-ring:#17ddbf26;--color-border-focus-glass:#04a1e980;--color-hero-text-muted:#ffffffb3;--color-hero-text-body:#ffffffd9;--color-hero-chip-bg:#ffffff26;--color-hero-chip-border:#ffffff40;--color-overlay-hidden:#0000;--color-overlay-backdrop:#0006;--color-scrollbar-thumb:#ffffff1a;--glass-container-bg:#ffffff26;--glass-container-border:#ffffff8c;--glass-inset-highlight:#ffffff73;--glass-inset-edge:#ffffff14;--glass-control-bar-bg:#ffffff0f;--glass-control-bar-border:#fff6;--glass-control-bar-shadow-bottom:#00000005;--glass-control-bar-shadow-top:#fff6;--glass-sidebar-shadow-inner:#00000004;--glass-sidebar-shadow-highlight:#ffffff40;--glass-main-content-bg:#ffffff26;--glass-card-bg:#fff6;--glass-card-border:#ffffff8c;--glass-card-border-strong:#ffffffbf;--glass-card-inset:#ffffff8c;--glass-card-gradient-start:#ffffff0d;--glass-card-gradient-end:#7377f608;--glass-panel-bg:#ffffff59;--glass-panel-inset:#ffffff80;--bleed-purple-dark-glass:#7377f61a;--bleed-amber-dark-glass:#fb913814;--bleed-red-dark-glass:#f04f570f;--bleed-purple-light-glass:#7377f60f;--bleed-amber-light-glass:#fb91380d;--bleed-red-light-glass:#f04f570a;--bleed-purple-dark-solid:#7377f614;--bleed-amber-dark-solid:#fb91380f;--bleed-red-dark-solid:#f04f570d;--bleed-purple-light-solid:#7377f60d;--bleed-amber-light-solid:#fb91380a;--bleed-red-light-solid:#f04f5708;--backdrop-purple:#7377f626;--backdrop-blue:#04a1e91a;--backdrop-green:#17ddbf14;--backdrop-purple-light:#7377f614;--backdrop-blue-light:#04a1e90f;--backdrop-green-light:#17ddbf0a;--gradient-bg-purple:#7377f64d;--gradient-bg-blue:#04a1e933;--gradient-bg-green:#17ddbf26;--color-drawer-bg:#ffffffe0;--color-drawer-border:#ffffff4d;--color-drawer-header-border:#fff3;--glass-bg-image:none;--gradient-golden-hour:linear-gradient(135deg, #fff519 0%, #e8b82e 100%);--gradient-digitalism:linear-gradient(135deg, #3b82f6 0%, #8e6cd2 100%);--gradient-rhubarb:linear-gradient(135deg, #ffd84d 0%, #e84855 100%);--gradient-the-abyss:linear-gradient(135deg, #030a18 0%, #121b2b 100%);--gradient-the-deep:linear-gradient(135deg, #1b2a4a 0%, #3b82f6 100%);--gradient-the-aurora:linear-gradient(135deg, #121b2b 0%, #8e6cd2 100%);--color-code-bg:var(--op-white);--color-code-border:#0000001a;--color-code-text:#383850;--color-code-line-number:#0000002e;--color-code-scrollbar:#00000014;--color-code-toolbar-bg:transparent;--color-code-toolbar-border:#00000014;--color-code-toolbar-text:#0006;--color-code-toolbar-hover:#0000000a;--color-code-copy-success:var(--op-green);--color-workflow-active-glow:#17ddbf66;--color-workflow-active-border:var(--op-green);--color-workflow-done-accent:var(--op-green);--color-workflow-timeline-done:var(--op-green);--color-workflow-timeline-pending:var(--color-border);--color-wireframe-block:#7377f61a;--color-wireframe-block-strong:#7377f62e;--color-wireframe-border:#7377f614;--font-family:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", "SF Mono", "Cascadia Code", ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-display:2.25rem;--text-h1:1.75rem;--text-h2:1.375rem;--text-h3:1.125rem;--text-body:.9375rem;--text-small:.8125rem;--text-caption:.75rem;--text-code:.8125rem;--leading-tight:1.2;--leading-brand:1.15;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tight:-.01em;--tracking-normal:0;--tracking-slight:.01em;--tracking-wide:.02em;--space-0:0;--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;--space-section:var(--space-8);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-0-5:2px;--size-icon-xs:6px;--size-icon-sm:8px;--size-icon-base:16px;--size-icon-lg:18px;--size-icon-xl:22px;--size-icon-2xl:24px;--size-avatar-sm:28px;--size-avatar-md:32px;--size-avatar-lg:36px;--size-avatar-xl:40px;--size-toggle-width:44px;--size-toggle-lg-width:56px;--size-toggle-lg-height:30px;--size-scrollbar-width:6px;--size-dropdown-trigger-min:90px;--size-dropdown-menu-min:120px;--radius-xs:1px;--radius-scrollbar:3px;--focus-ring-width:2px;--focus-ring-offset:2px;--border-width-default:1px;--border-width-thick:1.5px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-focus:0 0 0 3px #04a1e926;--shadow-focus-subtle:0 0 0 3px #04a1e91a;--shadow-toggle-knob:0 1px 4px #00000026;--shadow-variant-toggle-knob:0 1px 4px #7377f64d;--glass-search-bar-shadow-dark:0 1px 4px #0003;--glass-shadow-card-dark:0 4px 20px #0003;--shadow-chat-hero-glow:0 4px 24px #7377f633, 0 2px 8px #3b82f61a}[data-theme=dark][data-variant=glass]{--glass-shadow-container-dark:0 25px 80px #00000080, 0 10px 30px #0000004d, 0 2px 8px #0003}[data-variant=glass]{--glass-shadow-subtle:0 1px 2px #00000005, 0 2px 8px #00000008;--glass-shadow-card:0 2px 4px #00000005, 0 4px 16px #0000000a, 0 8px 32px #00000008;--glass-shadow-panel:0 2px 6px #00000008, 0 8px 24px #0000000f, 0 16px 48px #0000000a;--glass-shadow-elevated:0 4px 8px #00000008, 0 8px 24px #0000000d, 0 16px 48px #0000000a, 0 24px 80px #0000000f}:root{--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--transition-slow-out:.7s ease-out;--easing-in-out:ease-in-out;--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.3s;--z-base:0;--z-raised:1;--z-header:10;--z-dropdown:50;--z-overlay:100;--z-toast:150;--z-noise:200;--layout-app-max-width:1800px;--layout-app-margin:40px;--layout-sidebar-width:210px;--layout-header-height:60px;--layout-search-max-width:480px;--layout-drawer-width:300px;--layout-header-min-section:180px;--layout-chat-height:600px;--layout-chat-input-max-height:140px;--layout-activity-feed-max-height:380px;--layout-drawer-panel-sm:320px;--layout-drawer-panel-md:420px;--layout-drawer-panel-lg:560px;--opacity-2:.02;--opacity-3:.025;--opacity-30:.3;--opacity-50:.5;--opacity-80:.8;--opacity-90:.9;--blur-sm:10px;--blur-md:16px;--blur-lg:20px;--blur-xl:24px;--blur-2xl:28px;--blur-3xl:30px;--blur-4xl:40px;--blur-5xl:50px;--saturate-normal:1.2;--saturate-high:1.3;--saturate-intense:1.5}.op-login{min-height:100vh;padding:var(--space-6);background-color:var(--color-bg-secondary);background-image:url(/backgrounds/light-dawn.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex}.op-login__card{width:100%;max-width:24rem;padding:var(--space-8);border-radius:var(--radius-xl);border:var(--border-width-default) solid var(--glass-card-border);text-align:center;align-items:center;gap:var(--space-4);background:var(--glass-card-bg);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(var(--saturate-high));box-shadow:var(--glass-shadow-card),inset 0 1px 0 var(--glass-card-inset),inset 0 0 0 .5px var(--glass-inset-edge);flex-direction:column;display:flex}.op-login__logo{border-radius:var(--radius-full);background:var(--color-accent);width:3.5rem;height:3.5rem;color:var(--color-accent-text);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.op-login__title{font-size:var(--text-h2);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.2}.op-login__subtitle{font-size:var(--text-body);color:var(--color-text-secondary);margin:0}.op-login__error{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-text);font-size:var(--text-small);text-align:left;width:100%;display:flex}.op-login__error svg{flex-shrink:0;margin-top:1px}.op-login__google-btn{margin:var(--space-2) 0}.op-login__hint{font-size:var(--text-caption);color:var(--color-text-tertiary);margin:0;line-height:1.5}.op-login__hint code{font-size:var(--text-caption);padding:1px var(--space-1);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.op-login__dev-mode{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.op-login__dev-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.op-login__dev-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.op-login__loading{padding:var(--space-6);color:var(--color-text-secondary);font-size:var(--text-body)}.op-app-shell__backdrop{background-color:var(--color-bg-secondary);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.op-app-shell{width:calc(100vw - var(--layout-app-margin));max-width:var(--layout-app-max-width);height:calc(100vh - var(--layout-app-margin));flex-direction:column;display:flex;position:relative;overflow:hidden}.op-app-shell--solid{border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-bg-primary)}.op-control-bar{z-index:var(--z-header);flex-shrink:0;position:relative}.op-control-bar--solid{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light)}.op-app-shell__body{z-index:var(--z-raised);flex:1;display:flex;position:relative;overflow:hidden}.op-sidebar-slot{flex-shrink:0}.op-main-content{flex:1;overflow-y:auto}.op-page-header{height:var(--layout-header-height);padding:0 var(--space-5);align-items:center;display:flex}.op-page-header__left{align-items:center;gap:var(--space-2);min-width:var(--layout-header-min-section);flex-shrink:0;display:flex}.op-page-header__center{margin:0 var(--space-4);flex:1;justify-content:center;display:flex}.op-page-header__right{align-items:center;gap:var(--space-2);min-width:var(--layout-header-min-section);flex-shrink:0;justify-content:flex-end;display:flex}.op-command-bar__inner{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);max-width:var(--layout-search-max-width);cursor:pointer;width:100%;display:flex}.op-command-bar__icon{color:var(--op-purple);opacity:var(--opacity-80);flex-shrink:0}.op-command-bar__text{font-size:var(--text-small);color:var(--color-text-tertiary);letter-spacing:var(--tracking-slight);flex:1}.op-command-bar__kbd{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--space-0) var(--space-2);letter-spacing:var(--tracking-wide);flex-shrink:0}[data-variant=glass] .op-command-bar__kbd,[data-theme=dark][data-variant=glass] .op-command-bar__kbd{background:var(--color-kbd-bg);border:var(--border-width-default) solid var(--color-kbd-border)}.op-global-search{width:100%;max-width:var(--layout-search-max-width);position:relative}.op-global-search__bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);display:flex}.op-global-search__bar:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}[data-variant=glass] .op-global-search__bar{background:var(--color-search-bar-bg);border:var(--border-width-default) solid var(--color-search-bar-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(var(--blur-md))}[data-theme=dark][data-variant=glass] .op-global-search__bar{background:var(--color-search-bar-bg);border:var(--border-width-default) solid var(--color-search-bar-border);box-shadow:var(--glass-search-bar-shadow-dark)}[data-variant=glass] .op-global-search__bar:focus-within{border-color:var(--color-border-focus-glass);box-shadow:var(--shadow-focus)}.op-global-search__input{font-size:var(--text-small);color:var(--color-text-primary);letter-spacing:var(--tracking-slight);background:0 0;border:0;outline:0;flex:1;min-width:0}.op-global-search__input::placeholder{color:var(--color-text-tertiary)}.op-global-search__dropdown{top:calc(100% + var(--space-1));background:var(--color-overlay-surface);border:1px solid var(--color-overlay-surface-border);border-radius:var(--radius-lg);padding:var(--space-3);z-index:var(--z-dropdown);box-shadow:var(--shadow-lg);position:absolute;left:0;right:0}[data-variant=glass] .op-global-search__dropdown{background:var(--color-overlay-surface);-webkit-backdrop-filter:blur(var(--blur-lg));border:var(--border-width-default) solid var(--color-overlay-surface-border)}[data-theme=dark][data-variant=glass] .op-global-search__dropdown{background:var(--color-overlay-surface);border:var(--border-width-default) solid var(--color-overlay-surface-border)}.op-global-search__hints{gap:var(--space-1);flex-wrap:wrap;display:flex}.op-global-search__hint{font-size:var(--text-caption);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-input-border);background:var(--op-white);color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.op-global-search__hint:hover{background:var(--op-white);color:var(--color-text-primary);box-shadow:var(--shadow-lg)}.op-global-search__no-results{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);flex-direction:column;display:flex}.op-global-search__no-results-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.op-global-search__no-results-text{font-size:var(--text-small);color:var(--color-text-secondary)}.op-global-search__no-results-label{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-top:var(--space-1)}.op-page-container{min-height:0;padding:var(--space-6);flex:1}.op-page-content{gap:var(--space-section);padding:var(--space-6);flex-direction:column;max-width:80rem;display:flex}.op-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.op-section-header__title{font-size:var(--text-h2);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.op-section-header__subtitle{font-size:var(--text-body);color:var(--color-text-secondary);margin-top:var(--space-1)}.op-section-header__actions{align-items:center;gap:var(--space-2);display:flex}.op-dashboard-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media(min-width:640px){.op-dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.op-dashboard-grid{grid-template-columns:repeat(4,1fr)}}.op-dashboard-grid--3col{grid-template-columns:1fr}@media(min-width:640px){.op-dashboard-grid--3col{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.op-dashboard-grid--3col{grid-template-columns:repeat(3,1fr)}}.op-sidebar{width:var(--layout-sidebar-width);background:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);flex-direction:column;flex-shrink:0;height:100%;display:flex}.op-sidebar__nav{padding:var(--space-5) var(--space-4) var(--space-3) var(--space-5);flex:1;overflow-y:auto}.op-sidebar__section{margin-bottom:var(--space-6)}.op-sidebar__section-label{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);padding:0 var(--space-3);margin-bottom:var(--space-2);font-family:var(--font-family);cursor:pointer;transition:color var(--transition-fast);text-align:left;background:0 0;border:none}.op-sidebar__section-label:hover{color:var(--color-text-primary)}.op-sidebar__items{gap:var(--space-0-5);flex-direction:column;display:flex}.op-sidebar__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-small);text-align:left;letter-spacing:var(--tracking-slight);transition:color var(--transition-fast),background var(--transition-fast);cursor:pointer;color:var(--color-text-secondary);background:0 0;border:0;display:flex}.op-sidebar__item:hover{background:var(--color-sidebar-item-hover);color:var(--color-text-primary)}.op-sidebar__item[data-active]{background:var(--color-sidebar-item-active-bg);color:var(--color-sidebar-item-active-text);font-weight:var(--font-weight-medium)}.op-sidebar__item-icon{width:var(--size-icon-lg);height:var(--size-icon-lg);color:var(--color-text-tertiary);flex-shrink:0}.op-sidebar__item[data-active] .op-sidebar__item-icon{color:var(--color-sidebar-item-active-text);opacity:var(--opacity-80)}.op-sidebar__item-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.op-sidebar__footer{padding:var(--space-2);border-top:1px solid var(--color-sidebar-border)}.op-sidebar__footer-inner{padding:0 var(--space-2)}.op-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);cursor:pointer;border:1px solid #0000;display:inline-flex}.op-button:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.op-button:disabled{opacity:var(--opacity-50);pointer-events:none}.op-button--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-small)}.op-button--md{padding:var(--space-2) var(--space-4);font-size:var(--text-body)}.op-button--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-body)}.op-button--primary{color:var(--color-button-primary-text);background:var(--color-button-primary-bg);border:none}.op-button--primary:hover{filter:brightness(1.08)}.op-button--secondary{color:var(--color-button-secondary-text);background:var(--color-button-secondary-bg);border-color:var(--color-button-secondary-border)}.op-button--secondary:hover{background:var(--color-button-secondary-hover)}.op-button--ghost{color:var(--color-text-secondary);background:var(--color-surface);border-color:var(--color-button-ghost-border)}[data-theme=dark] .op-button--ghost{border-color:var(--color-button-ghost-border)}.op-button--ghost:hover{background:var(--color-surface-raised);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.op-button--danger{color:var(--color-badge-danger-text);background:var(--color-danger);border-color:var(--color-danger)}.op-button--danger:hover{filter:brightness(1.1)}.op-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.op-card--sm{padding:var(--space-3)}.op-card--md{padding:var(--space-4)}.op-card--lg{padding:var(--space-6)}.op-card--none{padding:0}.op-code-block{margin-top:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-code-border);background:var(--color-code-bg);overflow:hidden}.op-code-block__toolbar{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-code-toolbar-bg);color:var(--color-code-toolbar-text);font-family:var(--font-family);font-size:var(--text-caption);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);cursor:pointer;transition:background var(--transition-fast);border:none;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex}.op-code-block__toolbar:hover{background:var(--color-code-toolbar-hover)}[data-expanded]>.op-code-block__toolbar{border-bottom-color:var(--color-code-toolbar-border)}.op-code-block__toolbar-left{align-items:center;gap:var(--space-2);display:flex}.op-code-block__toolbar-label{text-transform:uppercase;letter-spacing:var(--tracking-wide)}.op-code-block__toolbar-title{color:var(--color-code-line-number);font-weight:var(--font-weight-normal)}.op-code-block__panel{padding:var(--space-4);position:relative;overflow-x:auto}.op-code-block__panel::-webkit-scrollbar{height:6px}.op-code-block__panel::-webkit-scrollbar-track{background:0 0}.op-code-block__panel::-webkit-scrollbar-thumb{background:var(--color-code-scrollbar);border-radius:var(--radius-sm)}.op-code-block__copy{top:var(--space-2);right:var(--space-2);align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-code-toolbar-border);background:var(--color-code-toolbar-bg);color:var(--color-code-toolbar-text);font-family:var(--font-family);font-size:var(--text-caption);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);z-index:var(--z-raised);display:inline-flex;position:absolute}.op-code-block__copy:hover{background:var(--color-code-toolbar-hover);color:var(--color-code-text)}.op-code-block__pre{font-family:var(--font-family-mono);font-size:var(--text-code);line-height:var(--leading-relaxed);color:var(--color-code-text);margin:0;padding:0;overflow:visible}.op-code-block__code{display:block}.op-code-block__line-number{width:2em;margin-right:var(--space-3);color:var(--color-code-line-number);text-align:right;-webkit-user-select:none;user-select:none;font-size:var(--text-caption);display:inline-block}[data-theme=dark][data-variant=glass] .op-code-block{box-shadow:inset 0 1px 3px #0003}.op-alert{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid;display:flex}.op-alert--success{background:var(--color-alert-success-bg);border-color:var(--color-success)}.op-alert--warning{background:var(--color-alert-warning-bg);border-color:var(--color-warning)}.op-alert--danger{background:var(--color-alert-danger-bg);border-color:var(--color-danger)}.op-alert--info{background:var(--color-alert-info-bg);border-color:var(--color-info)}.op-alert__icon{flex-shrink:0}.op-alert--success .op-alert__icon{color:var(--color-success)}.op-alert--warning .op-alert__icon{color:var(--color-warning)}.op-alert--danger .op-alert__icon{color:var(--color-danger)}.op-alert--info .op-alert__icon{color:var(--color-info)}.op-alert__content{flex:1;min-width:0}.op-alert__title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.op-alert__body{font-size:var(--text-small);color:var(--color-text-secondary);margin-top:var(--space-1)}.op-alert:not(:has(.op-alert__title)){border-radius:var(--radius-full)}.op-alert__body:first-child{color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--text-body);margin-top:0}.op-alert__actions{align-items:center;gap:var(--space-2);flex-shrink:0;align-self:center;display:flex}.op-alert__dismiss{padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:0;flex-shrink:0}.op-alert__dismiss:hover{color:var(--color-text-primary)}.op-dialog{z-index:var(--z-overlay);padding:var(--space-4);animation:dialog-fade-in var(--transition-normal) both;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}.op-dialog__backdrop{background:var(--color-overlay-backdrop);position:fixed;inset:0}.op-dialog__panel{width:100%;max-height:calc(100vh - var(--space-12));background:var(--op-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);animation:dialog-scale-in var(--transition-normal) both;flex-direction:column;display:flex;position:relative;overflow:hidden}[data-theme=dark] .op-dialog__panel{background:var(--color-bg-tertiary)}[data-variant=glass] .op-dialog__panel,[data-theme=dark][data-variant=glass] .op-dialog__panel{background:var(--color-overlay-surface);border-color:var(--color-overlay-surface-border)}@keyframes dialog-scale-in{0%{opacity:0;transform:scale(.96) translateY(var(--space-2))}to{opacity:1;transform:scale(1)translateY(0)}}.op-dialog__panel--sm{max-width:24rem}.op-dialog__panel--md{max-width:32rem}.op-dialog__panel--lg{max-width:42rem}.op-dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5) 0;display:flex}.op-dialog__title{font-size:var(--text-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight)}.op-dialog__description{font-size:var(--text-body);color:var(--color-text-secondary);margin-top:var(--space-1);line-height:var(--leading-relaxed)}.op-dialog__close{padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:0;flex-shrink:0}.op-dialog__close:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.op-dialog__body{padding:var(--space-5);flex:1;overflow-y:auto}.op-dialog__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:0 var(--space-5) var(--space-5);display:flex}.op-toast-container{bottom:var(--space-4);right:var(--space-4);z-index:var(--z-toast);gap:var(--space-3);pointer-events:none;flex-direction:column;width:100%;max-width:24rem;display:flex;position:fixed}.op-toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);pointer-events:auto;animation:toast-enter var(--transition-normal) both;border:1px solid;display:flex;position:relative;overflow:hidden}@keyframes toast-enter{0%{opacity:0;transform:translate(var(--space-4))}to{opacity:1;transform:translate(0)}}.op-toast--exiting{animation:toast-exit var(--transition-fast) both}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--space-4))}}.op-toast--success{background-color:var(--color-toast-success-bg,#b5f0e2);border-color:var(--color-success)}.op-toast--warning{background-color:var(--color-toast-warning-bg,#fdd9ad);border-color:var(--color-warning)}.op-toast--danger{background-color:var(--color-toast-danger-bg,#fbbbbe);border-color:var(--color-danger)}.op-toast--info{background-color:var(--color-toast-info-bg,#a3ddf5);border-color:var(--color-info)}.op-toast__icon{margin-top:var(--space-0-5);flex-shrink:0}.op-toast--success .op-toast__icon{color:var(--color-success)}.op-toast--warning .op-toast__icon{color:var(--color-warning)}.op-toast--danger .op-toast__icon{color:var(--color-danger)}.op-toast--info .op-toast__icon{color:var(--color-info)}.op-toast__content{flex:1;min-width:0}.op-toast__title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.op-toast__body{font-size:var(--text-small);color:var(--color-text-secondary);margin-top:var(--space-0-5)}.op-toast__close{padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:0;flex-shrink:0}.op-toast__close:hover{color:var(--color-text-primary)}.op-toast__progress{height:var(--space-0-5);background:var(--color-bg-tertiary);position:absolute;bottom:0;left:0;right:0}.op-toast__progress-bar{height:100%;transition:width var(--duration-fast) linear}.op-toast__progress-bar--success{background:var(--color-success)}.op-toast__progress-bar--warning{background:var(--color-warning)}.op-toast__progress-bar--danger{background:var(--color-danger)}.op-toast__progress-bar--info{background:var(--color-info)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.op-skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.op-skeleton--circular{border-radius:var(--radius-full)}.op-skeleton--rectangular{border-radius:var(--radius-md)}.op-skeleton-group{gap:var(--space-2);flex-direction:column;display:flex}.op-skeleton-card{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.op-skeleton-card__header{align-items:center;gap:var(--space-3);display:flex}.op-skeleton-card__meta{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.op-skeleton-table{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.op-skeleton-table__row{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.op-skeleton-table__row:last-child{border-bottom:0}.op-skeleton-table__row--header{background:var(--color-bg-secondary)}.op-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--font-weight-medium);display:inline-flex}.op-badge--default{background:var(--color-surface);color:var(--color-text-secondary);border:var(--border-width-default) solid var(--color-border)}.op-badge--success{background:var(--color-badge-success-bg);color:var(--color-badge-success-text)}.op-badge--warning{background:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.op-badge--danger{background:var(--color-badge-danger-bg);color:var(--color-badge-danger-text)}.op-badge--info{background:var(--color-badge-info-bg);color:var(--color-badge-info-text)}.op-field{gap:var(--space-2);flex-direction:column;display:flex}.op-field__label{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-field__required{color:var(--color-danger);margin-left:var(--space-1)}.op-field--error .op-input__el,.op-field--error .op-select__el,.op-field--error .op-textarea__el{border-color:var(--color-danger)}.op-field--error .op-input__el:focus,.op-field--error .op-select__el:focus,.op-field--error .op-textarea__el:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-ring)}.op-field--error .op-input__el:focus-visible,.op-field--error .op-select__el:focus-visible,.op-field--error .op-textarea__el:focus-visible{outline-color:var(--color-danger)}.op-field--success .op-input__el,.op-field--success .op-select__el,.op-field--success .op-textarea__el{border-color:var(--color-success)}.op-field--success .op-input__el:focus,.op-field--success .op-select__el:focus,.op-field--success .op-textarea__el:focus{border-color:var(--color-success);box-shadow:0 0 0 3px var(--color-success-ring)}.op-field--success .op-input__el:focus-visible,.op-field--success .op-select__el:focus-visible,.op-field--success .op-textarea__el:focus-visible{outline-color:var(--color-success)}.op-field__error{font-size:var(--text-small);color:var(--color-danger);align-items:center;gap:var(--space-1);display:flex}.op-field__helper{font-size:var(--text-small);color:var(--color-text-tertiary)}.op-validation-success{align-items:center;gap:var(--space-2);font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-success);display:flex}.op-input__el{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-input-border);border-radius:var(--radius-lg);font-size:var(--text-body);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.op-input__el::placeholder{color:var(--color-text-tertiary)}.op-input__el:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-subtle)}.op-input__el:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.op-input__el:disabled{opacity:var(--opacity-50);cursor:not-allowed}.op-search-input{position:relative}.op-search-input__icon{left:var(--space-4);color:var(--color-text-tertiary);position:absolute;top:50%;transform:translateY(-50%)}.op-search-input__el{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);background:var(--color-surface);border:1px solid var(--color-input-border);border-radius:var(--radius-lg);font-size:var(--text-body);color:var(--color-text-primary);transition:border-color var(--transition-fast);outline:none}.op-search-input__el::placeholder{color:var(--color-text-tertiary)}.op-search-input__el:focus{border-color:var(--color-border-focus)}.op-search-input__el:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.op-select__wrapper{position:relative}.op-select__el{appearance:none;width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-input-border);border-radius:var(--radius-lg);font-size:var(--text-body);color:var(--color-text-primary);transition:border-color var(--transition-fast);cursor:pointer;outline:none}.op-select__el:focus{border-color:var(--color-border-focus)}.op-select__el:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.op-select__chevron{right:var(--space-4);color:var(--color-text-tertiary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.op-textarea__el{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-input-border);border-radius:var(--radius-xl);font-size:var(--text-body);color:var(--color-text-primary);resize:vertical;transition:border-color var(--transition-fast);outline:none}.op-textarea__el::placeholder{color:var(--color-text-tertiary)}.op-textarea__el:focus{border-color:var(--color-border-focus)}.op-textarea__el:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}[data-variant=glass] .op-input__el,[data-variant=glass] .op-search-input__el,[data-variant=glass] .op-select__el,[data-variant=glass] .op-textarea__el{background:var(--color-glass-input-bg);border-color:var(--color-input-border);box-shadow:none}[data-theme=dark][data-variant=glass] .op-input__el,[data-theme=dark][data-variant=glass] .op-search-input__el,[data-theme=dark][data-variant=glass] .op-select__el,[data-theme=dark][data-variant=glass] .op-textarea__el{background:var(--color-glass-input-bg);border-color:var(--color-input-border)}.op-table{background:0 0;border:none;border-radius:0;overflow-x:auto}.op-table__table{border-collapse:separate;width:100%;border-spacing:0 var(--space-1)}.op-table__head-row{border-bottom:none}.op-table__th{text-align:left;padding:var(--space-2) var(--space-4);font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase;background:0 0}.op-table__row{background:var(--color-surface);transition:background var(--transition-fast)}.op-table__row:hover{background:var(--color-surface-raised)}.op-table__td{padding:var(--space-4) var(--space-4);font-size:var(--text-body);color:var(--color-text-primary)}.op-table__td:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.op-table__td:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.op-toggle{align-items:center;gap:var(--space-2);cursor:pointer;display:inline-flex}.op-toggle__track{height:var(--size-icon-2xl);width:var(--size-toggle-width);border-radius:var(--radius-full);transition:background-color var(--transition-normal);cursor:pointer;background:var(--color-border);border:0;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.op-toggle__track:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.op-toggle__track[data-checked]{background:var(--color-accent)}.op-toggle__thumb{height:var(--size-icon-base);width:var(--size-icon-base);border-radius:var(--radius-full);background:var(--op-white);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal);display:inline-block;transform:translate(4px)}.op-toggle__track[data-checked] .op-toggle__thumb{transform:translate(24px)}.op-toggle__label{font-size:var(--text-body);color:var(--color-text-primary)}.op-theme-toggle{width:var(--size-toggle-lg-width);height:var(--size-toggle-lg-height);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-normal) var(--easing-in-out),border-color var(--duration-normal) var(--easing-in-out);background:var(--color-toggle-track);border:var(--border-width-default) solid var(--color-toggle-track-border);flex-shrink:0;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.op-theme-toggle:hover{background:var(--color-toggle-track-hover)}.op-theme-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--focus-ring-offset)}[data-theme=dark] .op-theme-toggle{background:var(--color-toggle-track);border-color:var(--color-toggle-track-border)}[data-theme=dark] .op-theme-toggle:hover{background:var(--color-toggle-track-hover)}.op-theme-toggle__thumb{width:var(--size-icon-xl);height:var(--size-icon-xl);border-radius:var(--radius-full);transition:transform var(--duration-normal) var(--easing-in-out),background var(--duration-normal) var(--easing-in-out),box-shadow var(--duration-normal) var(--easing-in-out);pointer-events:none;background:var(--op-white);box-shadow:var(--shadow-toggle-knob);justify-content:center;align-items:center;display:flex;position:absolute;top:3px;left:3px;transform:translate(26px)}[data-theme=dark] .op-theme-toggle__thumb{background:var(--color-toggle-knob-dark);box-shadow:none;transform:translate(0)}.op-theme-toggle__icon{transition:opacity var(--duration-normal);position:absolute}.op-theme-toggle__icon--sun{color:var(--op-amber);opacity:1}.op-theme-toggle__icon--moon{color:var(--op-white);opacity:0}[data-theme=dark] .op-theme-toggle__icon--sun{opacity:0}[data-theme=dark] .op-theme-toggle__icon--moon{opacity:1}.op-toolbar-btn{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.op-toolbar-btn:hover{background:var(--color-sidebar-item-hover);color:var(--color-text-primary)}.op-toolbar-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.op-toolbar-btn__dot{border-radius:var(--radius-full);background:var(--color-danger);border:2px solid var(--color-surface);width:8px;height:8px;position:absolute;top:4px;right:4px}.op-toolbar-dropdown{position:relative}.op-toolbar-dropdown__menu{top:calc(100% + var(--space-1));border-radius:var(--radius-lg);border:var(--border-width-default) solid var(--color-overlay-surface-border);background:var(--color-overlay-surface);min-width:220px;box-shadow:var(--shadow-lg);padding:var(--space-1) 0;z-index:var(--z-dropdown);position:absolute;right:0}.op-toolbar-dropdown--above .op-toolbar-dropdown__menu{top:auto;bottom:calc(100% + var(--space-3));left:var(--space-0-5);right:var(--space-0-5);min-width:auto;width:calc(100% - var(--space-1))}[data-variant=glass] .op-toolbar-dropdown__menu{background:var(--color-overlay-surface);-webkit-backdrop-filter:blur(var(--blur-lg));border:var(--border-width-default) solid var(--color-overlay-surface-border)}[data-theme=dark][data-variant=glass] .op-toolbar-dropdown__menu{background:var(--color-overlay-surface);border:var(--border-width-default) solid var(--color-overlay-surface-border)}.op-toolbar-dropdown__section-label{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-2) var(--space-3)}.op-toolbar-dropdown__divider{height:var(--border-width-default);background:var(--color-border-light);margin:var(--space-1) 0}.op-settings-panel{padding:var(--space-2) var(--space-3)}.op-settings-panel__row{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.op-settings-panel__label{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-settings-panel__color-grid{gap:var(--space-2);padding:var(--space-2) 0;grid-template-columns:repeat(4,1fr);display:grid}.op-settings-panel__color-swatch{aspect-ratio:1.5;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:border-color var(--transition-fast),transform var(--transition-fast);background-position:50%;background-size:cover;border:2px solid #0000}.op-settings-panel__color-swatch:hover{transform:scale(1.08)}.op-settings-panel__color-swatch[data-active]{border-color:var(--op-purple)}.op-toolbar-dropdown__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-small);text-align:left;transition:background var(--transition-fast);cursor:pointer;color:var(--color-text-secondary);margin:0 var(--space-1);background:0 0;border:0;display:flex}.op-toolbar-dropdown__item:hover{background:var(--color-sidebar-item-hover);color:var(--color-text-primary)}.op-toolbar-dropdown__item-icon{color:var(--color-text-tertiary);flex-shrink:0}.op-toolbar-dropdown__item-label{flex:1}.op-toolbar-dropdown__item-badge{font-size:var(--text-caption);color:var(--color-text-tertiary)}.op-user-avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);background:var(--op-purple);font-size:var(--text-caption);font-weight:var(--font-weight-bold);color:var(--op-white);letter-spacing:var(--tracking-wide);cursor:pointer;transition:opacity var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-user-avatar:hover{opacity:.85}.op-changelog-version{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.op-changelog-version__tag{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.op-changelog-version__date{font-size:var(--text-small);color:var(--color-text-tertiary)}.op-changelog-entries{gap:var(--space-1);flex-direction:column;display:flex}.op-changelog-entry__header{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:0;display:flex}.op-changelog-entry__header:hover{background:var(--color-sidebar-item-hover)}.op-changelog-entry__text{font-size:var(--text-body);color:var(--color-text-primary);flex:1}.op-changelog-entry__chevron{color:var(--color-text-tertiary);transition:transform var(--duration-normal) var(--easing-in-out);flex-shrink:0}.op-changelog-entry[data-open] .op-changelog-entry__chevron{transform:rotate(90deg)}.op-changelog-entry__detail{padding:var(--space-2) var(--space-2) var(--space-3) calc(var(--space-2) + var(--space-3) + 52px);font-size:var(--text-small);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.op-guide-section__intro{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.op-guide-topics{gap:var(--space-1);flex-direction:column;display:flex}.op-guide-topic__header{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:0;display:flex}.op-guide-topic__header:hover{background:var(--color-sidebar-item-hover)}.op-guide-topic__title{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex:1}.op-guide-topic__chevron{color:var(--color-text-tertiary);transition:transform var(--duration-normal) var(--easing-in-out);flex-shrink:0}.op-guide-topic[data-open] .op-guide-topic__chevron{transform:rotate(90deg)}.op-guide-topic__content{padding:var(--space-2) var(--space-2) var(--space-3) var(--space-2);font-size:var(--text-small);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.op-guide-topic__content p{margin-bottom:var(--space-3)}.op-a11y-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.op-a11y-list__item{align-items:flex-start;gap:var(--space-2);font-size:var(--text-small);color:var(--color-text-secondary);line-height:var(--leading-relaxed);display:flex}.op-a11y-list__icon{color:var(--color-success);flex-shrink:0;margin-top:2px}.op-variant-toggle{width:var(--size-toggle-lg-width);height:var(--size-toggle-lg-height);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-normal) var(--easing-in-out),border-color var(--duration-normal) var(--easing-in-out);background:var(--color-toggle-track);border:var(--border-width-default) solid var(--color-toggle-track-border);flex-shrink:0;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.op-variant-toggle:hover{background:var(--color-toggle-track-hover)}.op-variant-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--focus-ring-offset)}.op-variant-toggle[data-glass]{background:var(--color-variant-toggle-active);border-color:var(--color-variant-toggle-active-border)}.op-variant-toggle[data-glass]:hover{background:var(--color-variant-toggle-active-hover)}.op-variant-toggle__thumb{width:var(--size-icon-xl);height:var(--size-icon-xl);border-radius:var(--radius-full);transition:transform var(--duration-normal) var(--easing-in-out),background var(--duration-normal) var(--easing-in-out),box-shadow var(--duration-normal) var(--easing-in-out);pointer-events:none;background:var(--op-white);box-shadow:var(--shadow-toggle-knob);justify-content:center;align-items:center;display:flex;position:absolute;top:3px;left:3px;transform:translate(0)}.op-variant-toggle[data-glass] .op-variant-toggle__thumb{background:var(--op-purple);box-shadow:var(--shadow-variant-toggle-knob);transform:translate(26px)}.op-variant-toggle__icon{transition:opacity var(--duration-normal);position:absolute}.op-variant-toggle__icon--plain{color:var(--color-text-secondary);opacity:1}.op-variant-toggle__icon--glass{color:var(--op-white);opacity:0}.op-variant-toggle[data-glass] .op-variant-toggle__icon--plain{opacity:0}.op-variant-toggle[data-glass] .op-variant-toggle__icon--glass{opacity:1}.op-empty-state{padding:var(--space-16) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.op-empty-state__icon{margin-bottom:var(--space-4);padding:var(--space-4);border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.op-empty-state__title{font-size:var(--text-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.op-empty-state__description{font-size:var(--text-body);color:var(--color-text-secondary);max-width:24rem;margin-bottom:var(--space-6)}.op-metric-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);gap:var(--space-2);flex-direction:column;display:flex}.op-metric-tile__header{justify-content:space-between;align-items:center;display:flex}.op-metric-tile__label{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.op-metric-tile__icon{color:var(--color-text-tertiary)}.op-metric-tile__body{align-items:baseline;gap:var(--space-2);display:flex}.op-metric-tile__value{font-size:var(--text-h1);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight)}.op-metric-tile__change{font-size:var(--text-small)}.op-metric-tile__change--positive{color:var(--color-success)}.op-metric-tile__change--negative{color:var(--color-danger)}.op-metric-tile__change--neutral{color:var(--color-text-tertiary)}.op-workspace-switcher{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:0;display:flex}.op-workspace-switcher:hover{background:var(--color-sidebar-item-hover)}.op-workspace-switcher__avatar{width:var(--size-avatar-lg);height:var(--size-avatar-lg);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-accent-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-workspace-switcher__info{text-align:left;min-width:0}.op-workspace-switcher__name{font-size:var(--text-small);color:var(--color-text-primary);line-height:var(--leading-tight);font-weight:var(--font-weight-semibold)}.op-workspace-switcher__sub{font-size:var(--text-caption);color:var(--color-text-tertiary)}.op-sidebar-footer{align-items:center;gap:var(--space-2);display:flex}.op-sidebar-footer__avatar{width:var(--size-avatar-lg);height:var(--size-avatar-lg);border-radius:var(--radius-full);background:var(--color-accent);font-size:var(--text-caption);font-weight:var(--font-weight-bold);color:var(--color-accent-text);letter-spacing:var(--tracking-wide);justify-content:center;align-items:center;display:flex}.op-sidebar-footer__avatar--img{object-fit:cover;background:0 0}.op-sidebar-footer__info{min-width:0}.op-sidebar-footer__name{font-size:var(--text-small);color:var(--color-text-primary);line-height:var(--leading-tight);font-weight:var(--font-weight-semibold)}.op-header-user-menu{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border-radius:var(--radius-full);transition:background var(--transition-fast);display:inline-flex}.op-header-user-menu:hover{background:var(--color-surface-hover)}.op-header-user-menu__avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);background:var(--color-accent);font-size:var(--text-caption);font-weight:var(--font-weight-bold);color:var(--color-accent-text);letter-spacing:var(--tracking-wide);flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-header-user-menu__avatar--img{object-fit:cover;background:0 0}.op-header-user-menu__info{min-width:0;max-width:var(--layout-header-min-section)}.op-header-user-menu__name{font-size:var(--text-small);color:var(--color-text-primary);line-height:var(--leading-tight);font-weight:var(--font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media(max-width:720px){.op-header-user-menu{padding:0}.op-header-user-menu__info{display:none}}.op-page-section{margin-bottom:0}.op-section-label{font-size:var(--text-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.op-section-label--sub{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-3);margin-top:var(--space-4)}.op-page-section__desc{font-size:var(--text-small);color:var(--color-text-tertiary);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.op-page-section__hint{font-size:var(--text-small);color:var(--color-text-tertiary);margin:0 0 var(--space-3);font-style:italic}.op-demo-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.op-page-grid{gap:var(--space-6);grid-template-columns:1fr;align-items:stretch;display:grid}.op-page-grid>div{flex-direction:column;display:flex}.op-page-grid>div>.op-card{flex:1}@media(min-width:640px){.op-page-grid--2col,.op-page-grid--3col,.op-page-grid--4col{grid-template-columns:repeat(2,1fr)}.op-page-grid--5col{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.op-page-grid--3col{grid-template-columns:repeat(3,1fr)}.op-page-grid--4col{grid-template-columns:repeat(4,1fr)}.op-page-grid--5col{grid-template-columns:repeat(5,1fr)}}.op-page-grid__stack{gap:var(--space-4);flex-direction:column;display:flex}.op-page-grid__stack>.op-section-header{margin-bottom:0}.op-page-grid__stack>.op-section-header:not(:first-child){margin-top:var(--space-4)}.op-form-stack{gap:var(--space-4);flex-direction:column;display:flex}.op-form-row{align-items:center;gap:var(--space-3);display:flex}.op-form-actions{gap:var(--space-3);padding-top:var(--space-2);display:flex}.op-list{flex-direction:column;display:flex}.op-list__item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--text-small);color:var(--color-text-primary);display:flex}.op-list__item:last-child{border-bottom:none}.op-list__item--interactive{cursor:pointer;text-align:left;width:100%;transition:var(--transition-fast);border-radius:var(--radius-md);padding:var(--space-3);margin:0 calc(var(--space-3) * -1);width:calc(100% + var(--space-3) * 2);background:0 0;border-top:none;border-left:none;border-right:none}.op-list__item--interactive:hover{background-color:var(--color-surface-raised)}.op-list__icon{color:var(--color-text-tertiary);flex-shrink:0}.op-list__icon--success{color:var(--color-success)}.op-list__icon--warning{color:var(--color-warning)}.op-list__icon--danger{color:var(--color-danger)}.op-list__content{flex:1;min-width:0}.op-list__label{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-list__meta{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-top:2px}.op-list__chevron{color:var(--color-text-tertiary);flex-shrink:0}.op-page-scroll{height:100%;overflow-y:auto}.op-landing-card{cursor:pointer;transition:box-shadow var(--transition-normal)}.op-landing-card:hover{box-shadow:var(--shadow-md)}.op-landing-card__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.op-landing-card__icon{width:var(--size-avatar-xl);height:var(--size-avatar-xl);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-text);justify-content:center;align-items:center;display:flex}.op-landing-card__title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.op-landing-card__description{font-size:var(--text-small);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.op-landing-card__arrow{color:var(--color-text-tertiary);opacity:0;transition:opacity var(--transition-fast)}.op-landing-card:hover .op-landing-card__arrow,.group:hover .op-landing-card__arrow{opacity:1}.op-text-small{font-size:var(--text-small)}.op-text-body{font-size:var(--text-body)}.op-text-primary{color:var(--color-text-primary)}.op-text-secondary{color:var(--color-text-secondary)}.op-text-tertiary{color:var(--color-text-tertiary)}.op-mt-1{margin-top:var(--space-1)}.op-mb-8{margin-bottom:var(--space-8)}.op-max-w-md{max-width:28rem}.op-max-w-lg{max-width:32rem}.op-max-w-2xl{max-width:42rem}.op-stack{gap:var(--space-3);flex-direction:column;display:flex}.op-stack--md{gap:var(--space-4)}.op-table-scroll{overflow-x:auto}.op-chart-center{justify-content:center;align-items:center;display:flex}.op-page-hero{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1.6fr 1fr;display:grid}.op-page-hero__card.glass-surface,[data-variant=glass] .op-page-hero__card.glass-surface,[data-theme=dark][data-variant=glass] .op-page-hero__card.glass-surface{-webkit-backdrop-filter:none;box-shadow:var(--shadow-lg);background:url(/backgrounds/colour-prism.jpg) 50%/cover no-repeat;border:none;position:relative;overflow:hidden}.op-page-hero__content{z-index:var(--z-raised);position:relative}.op-page-hero__eyebrow{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-hero-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.op-page-hero__title{font-size:var(--text-display);font-weight:var(--font-weight-bold);color:var(--op-white);line-height:var(--leading-tight);margin-bottom:var(--space-3)}.op-page-hero__description{font-size:var(--text-body);color:var(--color-hero-text-body);line-height:var(--leading-relaxed);max-width:28rem;margin-bottom:var(--space-6)}.op-page-hero__stats{gap:var(--space-3);flex-wrap:wrap;display:flex}.op-page-hero__stat{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-hero-chip-bg);border:var(--border-width-default) solid var(--color-hero-chip-border);font-size:var(--text-small);display:flex}.op-page-hero__stat-icon{color:var(--op-white);opacity:var(--opacity-80)}.op-page-hero__stat-value{font-weight:var(--font-weight-semibold);color:var(--op-white)}.op-page-hero__stat-label{color:var(--color-hero-text-muted)}.op-page-hero__details{flex-direction:column;display:flex}.op-page-hero__details-header{align-items:center;gap:var(--space-2);font-size:var(--text-small);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);display:flex}.op-page-hero__details-rows{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.op-page-hero__details-row{justify-content:space-between;align-items:center;display:flex}.op-page-hero__details-row-left{align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--color-text-secondary);display:flex}.op-page-hero__details-row-icon{color:var(--color-text-tertiary)}.op-page-hero__details-row-value{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-tool-hero.glass-surface,[data-variant=glass] .op-tool-hero.glass-surface,[data-theme=dark][data-variant=glass] .op-tool-hero.glass-surface{-webkit-backdrop-filter:none;box-shadow:var(--shadow-lg);background:url(/backgrounds/colour-prism.jpg) 50%/cover no-repeat;border:none;position:relative;overflow:hidden}.op-tool-hero__content{z-index:var(--z-raised);position:relative}.op-tool-hero__eyebrow{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-hero-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.op-tool-hero__title{font-size:var(--text-display);font-weight:var(--font-weight-bold);color:var(--op-white);line-height:var(--leading-tight);margin:0 0 var(--space-3) 0}.op-tool-hero__description{font-size:var(--text-body);color:var(--color-hero-text-body);line-height:var(--leading-relaxed);max-width:40rem;margin:0}.op-overview__row{margin-bottom:var(--space-6)}.op-overview__row--hero{gap:var(--space-4);grid-template-columns:1.6fr 1fr;display:grid}.op-overview__hero-card.glass-surface,[data-variant=glass] .op-overview__hero-card.glass-surface,[data-theme=dark][data-variant=glass] .op-overview__hero-card.glass-surface{-webkit-backdrop-filter:none;box-shadow:var(--shadow-lg);background:url(/backgrounds/colour-prism.jpg) 50%/cover no-repeat;border:none;position:relative;overflow:hidden}.op-overview__hero-gradient{display:none}.op-overview__hero-content{z-index:var(--z-raised);position:relative}.op-overview__hero-eyebrow{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-hero-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.op-overview__hero-title{font-size:var(--text-display);font-weight:var(--font-weight-bold);color:var(--op-white);line-height:var(--leading-tight);margin-bottom:var(--space-3)}.op-overview__hero-description{font-size:var(--text-body);color:var(--color-hero-text-body);line-height:var(--leading-relaxed);max-width:28rem;margin-bottom:var(--space-6)}.op-overview__hero-stats{gap:var(--space-3);flex-wrap:wrap;display:flex}.op-overview__stat-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-hero-chip-bg);border:var(--border-width-default) solid var(--color-hero-chip-border);font-size:var(--text-small);display:flex}.op-overview__stat-icon{color:var(--op-white);opacity:var(--opacity-80)}.op-overview__stat-value{font-weight:var(--font-weight-semibold);color:var(--op-white)}.op-overview__stat-label{color:var(--color-hero-text-muted)}.op-overview__status-card{flex-direction:column;display:flex}.op-overview__status-header{align-items:center;gap:var(--space-2);font-size:var(--text-small);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);display:flex}.op-overview__status-rows{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.op-overview__status-row{justify-content:space-between;align-items:center;display:flex}.op-overview__status-row-left{align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--color-text-secondary);display:flex}.op-overview__status-row-icon{color:var(--color-text-tertiary)}.op-overview__status-row-value{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-overview__status-badge{align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--color-alert-success-bg);border:1px solid var(--color-success);color:var(--color-text-primary);font-size:var(--text-caption);font-weight:var(--font-weight-medium);display:inline-flex}.op-overview__status-badge svg{color:var(--color-success)}.op-overview__row--nav{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.op-overview__nav-card{cursor:pointer;transition:box-shadow var(--transition-normal);position:relative}.op-overview__nav-card:hover{box-shadow:var(--shadow-md)}.op-overview__nav-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);background:var(--color-surface);color:var(--op-purple);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.op-overview__nav-title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.op-overview__nav-description{font-size:var(--text-small);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.op-overview__nav-arrow{top:var(--space-4);right:var(--space-4);color:var(--color-text-tertiary);opacity:0;transition:opacity var(--transition-fast);position:absolute}.op-overview__nav-card:hover .op-overview__nav-arrow{opacity:1}.op-overview__row--featured{margin-bottom:0}.op-overview__featured-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.op-overview__featured-title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.op-overview__featured-link{align-items:center;gap:var(--space-1);font-size:var(--text-small);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:0;display:flex}.op-overview__featured-link:hover{color:var(--color-text-primary)}.op-overview__featured-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.op-overview__featured-card{cursor:pointer;transition:box-shadow var(--transition-normal)}.op-overview__featured-card:hover{box-shadow:var(--shadow-md)}.op-overview__featured-card-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);background:var(--color-surface);color:var(--op-purple);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.op-overview__featured-card-name{font-size:var(--text-small);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.op-overview__featured-card-desc{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@media(max-width:900px){.op-overview__row--hero{grid-template-columns:1fr}.op-overview__row--nav,.op-overview__featured-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.op-overview__row--nav,.op-overview__featured-grid{grid-template-columns:1fr}}.op-matrix-table{width:100%}.op-matrix-table__head-row{text-align:left;font-size:var(--text-caption);color:var(--color-text-tertiary)}.op-matrix-table__th{padding-bottom:var(--space-3);padding-right:var(--space-4)}.op-matrix-table__th:last-child{padding-right:0}.op-matrix-table__row{border-top:1px solid var(--color-border-light)}.op-matrix-table__td{padding:var(--space-3) var(--space-4) var(--space-3) 0}.op-matrix-table__td--label{font-size:var(--text-small);color:var(--color-text-secondary);text-transform:capitalize}.op-action-card{cursor:pointer;transition:box-shadow var(--transition-normal)}.op-action-card:hover{box-shadow:var(--shadow-md)}.op-action-card__header{justify-content:space-between;align-items:flex-start;display:flex}.op-action-card__icon-wrap{align-items:flex-start;gap:var(--space-3);display:flex}.op-action-card__icon{padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.op-action-card__arrow{color:var(--color-text-tertiary);opacity:0;transition:opacity var(--transition-fast)}.group:hover .op-action-card__arrow{opacity:1}.op-action-card__title{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-top:var(--space-3)}.op-action-card__desc{font-size:var(--text-small);color:var(--color-text-secondary);margin-top:var(--space-1)}.op-complex-card{max-width:32rem;overflow:hidden}.op-complex-card__header{padding:var(--space-4);border-bottom:1px solid var(--color-border-light)}.op-complex-card__header-inner{justify-content:space-between;align-items:center;display:flex}.op-complex-card__title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.op-complex-card__subtitle{font-size:var(--text-small);color:var(--color-text-secondary)}.op-complex-card__body{padding:var(--space-4)}.op-complex-card__desc{font-size:var(--text-small);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.op-swatch-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media(min-width:640px){.op-swatch-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.op-swatch-grid--7col{grid-template-columns:repeat(7,1fr)}}.op-swatch__preview{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--color-border-light);width:100%}.op-swatch__gradient{border-radius:var(--radius-md);width:100%;height:96px}.op-swatch__info{margin-top:var(--space-2)}.op-swatch__name{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-swatch__token{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:1px var(--space-1);border-radius:var(--radius-sm);margin-top:var(--space-1);line-height:var(--leading-normal);display:inline-block}.op-swatch__hex{font-size:var(--text-caption);color:var(--color-text-tertiary);font-family:var(--font-family-mono)}.op-swatch__usage{font-size:var(--text-caption);color:var(--color-text-tertiary)}.op-neutral-strip{border-radius:var(--radius-md);border:1px solid var(--color-border);gap:0;display:flex;overflow:hidden}.op-neutral-strip__item{flex:1}.op-neutral-strip__color{height:64px}.op-neutral-strip__info{padding:var(--space-2);background:var(--color-bg-primary)}.op-neutral-strip__name{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-neutral-strip__hex{font-size:var(--text-caption);color:var(--color-text-tertiary);font-family:var(--font-family-mono)}.op-neutral-strip__token{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:1px var(--space-1);border-radius:var(--radius-sm);margin-top:var(--space-1);line-height:var(--leading-normal);display:inline-block}.op-token-group{margin-bottom:var(--space-4)}.op-token-group:last-child{margin-bottom:0}.op-token-group__label{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.op-token-group__list{gap:var(--space-2);flex-direction:column;display:flex}.op-token-row{align-items:center;gap:var(--space-3);padding:var(--space-1) 0;display:flex}.op-token-row__swatches{gap:2px;display:flex}.op-token-row__swatch{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:32px;height:32px}.op-token-row__info{min-width:0}.op-token-row__name{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:1px var(--space-1);border-radius:var(--radius-sm);line-height:var(--leading-normal);display:inline-block}.op-token-row__desc{font-size:var(--text-caption);color:var(--color-text-tertiary)}.op-a11y-swatch{border-radius:var(--radius-md);padding:var(--space-3);aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;display:flex}.op-a11y-swatch__sample{font-size:var(--text-body);font-weight:var(--font-weight-bold)}.op-a11y-swatch__label{font-size:var(--text-caption);margin-top:var(--space-1);opacity:var(--opacity-90)}.op-asset-description{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.op-asset-preview{gap:var(--space-2);flex-direction:column;display:flex}.op-asset-preview__label{align-items:center;gap:var(--space-2);font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:flex}.op-asset-preview__canvas{padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);justify-content:center;align-items:center;display:flex}.op-asset-preview__canvas--light{background:var(--op-white)}.op-asset-preview__canvas--dark{background:var(--color-bg-primary)}.op-asset-preview__logo{width:64px;height:64px}.op-asset-preview__logo--force-dark{filter:brightness(0)}.op-asset-preview__logo--force-light{filter:brightness(0)invert()}.op-asset-preview__wordmark{width:auto;max-width:100%;height:40px}.op-asset-preview__meta{align-items:center;gap:var(--space-2);display:flex}.op-asset-preview__file{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:1px var(--space-1);border-radius:var(--radius-sm)}.op-asset-preview__note{font-size:var(--text-caption);color:var(--color-text-tertiary)}.op-asset-favicon{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-secondary);flex-direction:column;display:flex}.op-asset-favicon__preview{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.op-asset-favicon__img{max-width:100%;max-height:100%;image-rendering:pixelated}.op-asset-favicon__info{text-align:center}.op-asset-favicon__name{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-asset-favicon__size{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-text-tertiary)}.op-asset-favicon__note{font-size:var(--text-caption);color:var(--color-text-tertiary)}.op-asset-avatar{border-radius:var(--radius-full);background:var(--color-accent);color:var(--op-black);font-family:var(--font-family);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.op-asset-avatar--lg{width:48px;height:48px;font-size:var(--text-body)}.op-asset-avatar--md{width:32px;height:32px;font-size:var(--text-caption)}.op-asset-avatar--sm{width:24px;height:24px;font-size:.625rem}.op-asset-avatar--user{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.op-asset-link{align-items:center;gap:var(--space-2);font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-text-link);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast);text-decoration:none;display:inline-flex}.op-asset-link:hover{background:var(--color-bg-secondary);border-color:var(--color-text-link)}.op-asset-icon-sizes{gap:var(--space-2);flex-direction:column;display:flex}.op-asset-icon-size-row{align-items:center;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light);display:flex}.op-asset-icon-size-row:last-child{border-bottom:0}.op-asset-icon-size-row__preview{width:40px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.op-asset-icon-size-row__size{width:40px;font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:1px var(--space-1);border-radius:var(--radius-sm);text-align:center}.op-asset-icon-size-row__usage{font-size:var(--text-small);color:var(--color-text-secondary)}.op-layout-preview{aspect-ratio:16/10;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-primary);box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.op-layout-preview__chrome{height:var(--space-6);padding:0 var(--space-3);align-items:center;gap:var(--space-1);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);flex-shrink:0;display:flex}.op-layout-preview__chrome-dot{border-radius:var(--radius-full);background:var(--color-text-tertiary);opacity:.4;width:8px;height:8px}.op-layout-preview__viewport{flex:1;display:flex;overflow:hidden}.op-scaled-preview .op-app-shell__backdrop{width:100%;height:100%}.op-scaled-preview .op-app-shell{width:calc(100% - var(--layout-app-margin));height:calc(100% - var(--layout-app-margin));max-width:none}.op-scaled-preview .op-skip-nav,.op-scaled-preview .op-mobile-drawer{display:none}.op-scaled-preview--mobile .op-mobile-menu-btn{display:flex}.op-scaled-preview--mobile .op-sidebar-slot,.op-scaled-preview--mobile .op-page-header__center,.op-scaled-preview--mobile .op-page-header__right{display:none}.op-scaled-preview--mobile .op-page-header__left{gap:var(--space-2);flex-direction:row-reverse;flex:1;justify-content:space-between;min-width:0}.op-scaled-preview--mobile .op-page-header{padding:0 var(--space-3)}.op-scaled-preview--mobile .op-app-shell{width:calc(100% - var(--space-4));height:calc(100% - var(--space-4));border-radius:var(--radius-md)}.op-scaled-preview--mobile .op-page-content{padding:var(--space-4)}.op-scaled-preview--mobile .op-workspace-switcher__sub{display:none}.op-preview-content{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.op-preview-content__title{font-size:var(--text-h2);color:var(--color-text-primary);margin:0;font-weight:600}.op-preview-content__subtitle{font-size:var(--text-body);color:var(--color-text-tertiary);margin:0;margin-top:calc(-1 * var(--space-2))}.op-preview-content__metrics{gap:var(--space-4);display:flex}.op-preview-content__kpi{min-width:0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-bg-secondary);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.op-preview-content__kpi-label{font-size:var(--text-small);color:var(--color-text-tertiary)}.op-preview-content__kpi-value{font-size:var(--text-h2);color:var(--color-text-primary);font-weight:600}.op-preview-content__chart{border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-bg-secondary);min-height:160px;font-size:var(--text-small);color:var(--color-text-tertiary);flex:1;justify-content:center;align-items:center;display:flex}[data-variant=glass] .op-preview-content__kpi,[data-variant=glass] .op-preview-content__chart{background:var(--glass-card-bg);border-color:var(--glass-card-border)}.op-layout-wireframe__sidebar{background:var(--color-wireframe-block);border-right:1px solid var(--color-wireframe-border);gap:var(--space-4);width:24%;padding:var(--space-4) var(--space-3);flex-direction:column;display:flex}.op-layout-wireframe__topnav{height:var(--space-6);background:var(--color-wireframe-block);border-bottom:1px solid var(--color-wireframe-border);padding:0 var(--space-2);align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.op-layout-wireframe__main{padding:var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.op-layout-wireframe__main-body{flex-direction:column;flex:1;display:flex}.op-layout-wireframe__header{height:var(--space-10);background:var(--color-wireframe-block);border-bottom:1px solid var(--color-wireframe-border);padding:0 var(--space-4);align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.op-layout-wireframe__header-left{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.op-layout-wireframe__header-center{flex:1;justify-content:center;display:flex}.op-layout-wireframe__header-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.op-layout-wireframe__sidebar-section{gap:var(--space-0-5);flex-direction:column;display:flex}.op-layout-wireframe__sidebar-footer{gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--color-wireframe-border);flex-direction:column;display:flex}.op-layout-wireframe__nav-item{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:flex}.op-layout-wireframe__nav-item--active{background:var(--color-wireframe-block-strong)}.op-layout-wireframe__row{gap:var(--space-3);display:flex}.op-layout-wireframe__row>*,.op-layout-wireframe__spacer{flex:1}.op-layout-wireframe__block{background:var(--color-wireframe-block);border-radius:var(--radius-sm);height:var(--space-2)}.op-layout-wireframe__block--strong{background:var(--color-wireframe-block-strong)}.op-layout-wireframe__block--wide{width:80%}.op-layout-wireframe__block--medium{width:60%}.op-layout-wireframe__block--narrow{width:35%}.op-layout-wireframe__block--full{width:100%}.op-layout-wireframe__block--tall{height:var(--space-10)}.op-layout-wireframe__block--fill{flex:1}.op-layout-wireframe__block--circle{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);background:var(--color-wireframe-block-strong)}.op-layout-wireframe__block--icon{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-wireframe-block-strong);flex-shrink:0}.op-layout-wireframe__block--search{height:var(--space-3);border-radius:var(--radius-full);background:var(--color-wireframe-block);border:1px solid var(--color-wireframe-border);width:40%}.op-layout-wireframe__block--short{width:20%}.op-layout-wireframe__block--kpi{height:var(--space-6);border-radius:var(--radius-sm);background:var(--color-wireframe-block)}.op-layout-wireframe__muted{opacity:.85;flex-direction:column;flex:1;display:flex}.op-layout-wireframe__text{font-size:var(--text-caption);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.op-layout-wireframe__text--label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);font-size:.625rem;font-weight:600}.op-layout-wireframe__text--title{font-size:var(--text-small);color:var(--color-text-primary);font-weight:600}.op-layout-wireframe__text--subtitle{font-size:var(--text-caption);color:var(--color-text-tertiary)}.op-layout-wireframe__text--value{font-size:var(--text-small);color:var(--color-text-primary);font-weight:600}.op-layout-wireframe__avatar{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-sm);background:var(--color-wireframe-block-strong);color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:.5625rem;font-weight:700;display:flex}.op-layout-wireframe__avatar--user,.op-layout-wireframe__avatar--user-lg{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-full);font-size:.5rem}.op-layout-wireframe__search{height:var(--space-5);border-radius:var(--radius-full);background:var(--color-wireframe-block);border:1px solid var(--color-wireframe-border);width:40%;padding:0 var(--space-3);align-items:center;gap:var(--space-1);color:var(--color-text-tertiary);font-size:.6875rem;display:flex}.op-layout-wireframe__icon{color:var(--color-text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-layout-wireframe__kpi{min-width:0;height:var(--space-10);border-radius:var(--radius-sm);background:var(--color-wireframe-block);padding:var(--space-2) var(--space-3);justify-content:center;gap:var(--space-0-5);flex-direction:column;flex:1;display:flex}.op-layout-wireframe__chart{border-radius:var(--radius-sm);background:var(--color-wireframe-block);color:var(--color-text-tertiary);flex:1;justify-content:center;align-items:center;font-size:.625rem;display:flex}.op-layout-wireframe__workspace-info{flex-direction:column;gap:0;min-width:0;line-height:1.1;display:flex}.op-layout-wireframe__sidebar-user{align-items:center;gap:var(--space-1);display:flex}.op-layout-wireframe__sidebar-user-info{flex-direction:column;flex:1;gap:0;min-width:0;line-height:1.1;display:flex}.op-layout-detail__use-cases{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.op-layout-detail__use-case{font-size:var(--text-caption);color:var(--color-text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-secondary)}.op-layout-detail__demo-cta{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);display:flex}.op-layout-detail__demo-copy{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.op-layout-detail__demo-copy strong{font-size:var(--text-body);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.op-layout-detail__demo-copy span{font-size:var(--text-small);color:var(--color-text-secondary);line-height:var(--leading-normal)}@media(max-width:720px){.op-layout-detail__demo-cta{flex-direction:column;align-items:stretch}}[data-variant=glass] .op-layout-preview{background:var(--glass-card-bg);border-color:var(--glass-card-border)}[data-variant=glass] .op-layout-preview__chrome{background:var(--glass-control-bar-bg);border-color:var(--glass-control-bar-border)}[data-theme=dark][data-variant=glass] .op-layout-preview{background:linear-gradient(180deg,var(--glass-card-gradient-start) 0%,var(--glass-card-gradient-end) 100%);border-color:var(--glass-card-border);box-shadow:var(--shadow-lg)}.op-device-toggle{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);display:inline-flex;overflow:hidden}.op-device-toggle__btn{width:var(--space-8);height:var(--space-6);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--easing-in-out),color var(--duration-fast) var(--easing-in-out);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.op-device-toggle__btn:hover{color:var(--color-text-secondary);background:var(--color-bg-tertiary)}.op-device-toggle__btn--active,.op-device-toggle__btn--active:hover{background:var(--op-purple);color:var(--op-white)}.op-device-toggle__btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:calc(-1 * var(--focus-ring-width))}.op-layout-preview-toolbar{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.op-layout-preview--mobile{aspect-ratio:9/16;max-width:280px;max-height:480px;margin:0 auto}.op-layout-wireframe__hamburger{color:var(--color-text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-progress-ring{align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:relative}.op-progress-ring__svg{transform:rotate(-90deg)}.op-progress-ring__fill{transition:all var(--transition-slow-out)}.op-progress-ring__value{aspect-ratio:1;text-align:center;pointer-events:none;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:0;left:0}.op-progress-ring__percent{font-size:var(--text-h2);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.op-progress-ring__label-wrap{margin-top:var(--space-2)}.op-progress-ring__label{font-size:var(--text-small);color:var(--color-text-secondary);text-align:center}.op-progress-ring-row{padding:var(--space-4) 0;justify-content:space-around;align-items:center;display:flex}.op-kpi-row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.op-kpi-row:last-child{border-bottom:0}.op-kpi-row__label{font-size:var(--text-small);color:var(--color-text-secondary)}.op-kpi-row__value{font-size:var(--text-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.op-kpi-row__change{text-align:right}.op-kpi-row__prev{font-size:var(--text-caption);color:var(--color-text-tertiary)}.op-kpi-row__delta{align-items:center;gap:var(--space-1);font-size:var(--text-small);font-weight:var(--font-weight-medium);display:flex}.op-kpi-row__delta--positive{color:var(--color-success)}.op-kpi-row__delta--negative{color:var(--color-danger)}.op-kpi-row__delta--neutral{color:var(--color-text-tertiary)}.op-trend-row{align-items:center;gap:var(--space-3);display:flex}.op-trend-row__icon{padding:var(--space-2);border-radius:var(--radius-md)}.op-trend-row__icon--up{background:var(--op-green)}@supports (color:color-mix(in lab,red,red)){.op-trend-row__icon--up{background:color-mix(in srgb,var(--op-green) 12%,var(--color-bg-primary))}}.op-trend-row__icon--up{color:var(--color-success)}.op-trend-row__icon--down{background:var(--op-red)}@supports (color:color-mix(in lab,red,red)){.op-trend-row__icon--down{background:color-mix(in srgb,var(--op-red) 12%,var(--color-bg-primary))}}.op-trend-row__icon--down{color:var(--color-danger)}.op-trend-row__icon--neutral{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.op-trend-row__value{font-size:var(--text-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.op-trend-row__label{font-size:var(--text-small);color:var(--color-text-secondary)}.op-trend-row__badge{font-size:var(--text-small);font-weight:var(--font-weight-medium);margin-left:auto}.op-trend-row__badge--up{color:var(--color-success)}.op-trend-row__badge--down{color:var(--color-danger)}.op-trend-row__badge--neutral{color:var(--color-text-tertiary)}.op-chat-panel{overflow:hidden}.op-chat-panel__inner{height:var(--layout-chat-height);flex-direction:column;display:flex}.op-chat-panel__messages{padding:var(--space-6);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.op-chat-bubble{gap:var(--space-3);display:flex}.op-chat-bubble--user{flex-direction:row-reverse}.op-chat-bubble__avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-chat-bubble__avatar--assistant{background:var(--color-accent);color:var(--color-accent-text)}.op-chat-bubble__avatar--user{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.op-chat-bubble__body{min-width:0;max-width:75%}.op-chat-bubble__content{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-body)}.op-chat-bubble__content--assistant{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.op-chat-bubble__content--user{background:var(--color-accent);color:var(--color-accent-text)}.op-chat-bubble__text{line-height:var(--leading-relaxed)}.op-chat-bubble__cursor{width:var(--size-icon-xs);height:var(--size-icon-base);background:var(--color-text-tertiary);border-radius:var(--radius-xs);margin-left:2px;animation:1.5s ease-in-out infinite pulse;display:inline-block}.op-chat-bubble__time{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-top:var(--space-1)}.op-chat-bubble__time--right{text-align:right}.op-chat-bubble__agent-name{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.op-chat-thinking{gap:var(--space-3);display:flex}.op-chat-thinking__bubble{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-2);display:flex}.op-chat-thinking__dots{gap:var(--space-1);display:flex}.op-chat-thinking__dot{width:var(--size-icon-sm);height:var(--size-icon-sm);border-radius:var(--radius-full);background:var(--color-text-tertiary);animation:1s ease-in-out infinite bounce}.op-chat-thinking__label{font-size:var(--text-small);color:var(--color-text-tertiary)}.op-chat-welcome{padding:0 var(--space-6);justify-content:center;align-items:center;gap:var(--space-8);flex-direction:column;flex:1;display:flex}.op-chat-welcome__hero{align-items:center;gap:var(--space-4);width:100%;max-width:36rem;padding:var(--space-5) var(--space-6);background:var(--gradient-digitalism);border-radius:var(--radius-xl);box-shadow:var(--shadow-chat-hero-glow);display:flex}.op-chat-welcome__hero-avatar{width:var(--size-avatar-xl);height:var(--size-avatar-xl);min-width:var(--size-avatar-xl);border-radius:var(--radius-full);background:var(--op-yellow);color:var(--op-black);flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-chat-welcome__hero-text{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--op-white);line-height:var(--leading-relaxed)}.op-chat-welcome__prompts{width:100%;max-width:36rem}.op-chat-welcome__prompts-label{font-size:var(--text-body);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-4)}.op-chat-welcome__prompts-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.op-chat-welcome__prompt-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);text-align:left;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast);flex-direction:column;display:flex}.op-chat-welcome__prompt-card:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-md)}.op-chat-welcome__prompt-card:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.op-chat-welcome__prompt-icon{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-md);background:var(--op-purple)}@supports (color:color-mix(in lab,red,red)){.op-chat-welcome__prompt-icon{background:color-mix(in srgb,var(--op-purple) 10%,transparent)}}.op-chat-welcome__prompt-icon{color:var(--op-purple);justify-content:center;align-items:center;display:flex}.op-chat-welcome__prompt-title{font-size:var(--text-small);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--leading-tight)}.op-chat-welcome__prompt-text{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:var(--leading-normal)}.op-chat-welcome__prompts-list{gap:var(--space-2);flex-direction:column;display:flex}.op-chat-welcome__prompt-btn{text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-body);color:var(--color-text-primary);transition:background var(--transition-fast);cursor:pointer}.op-chat-welcome__prompt-btn:hover{background:var(--color-surface-hover)}.op-chat-welcome__prompt-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}@media(max-width:639px){.op-chat-welcome__prompts-grid{grid-template-columns:1fr}}.op-chat-input{padding:var(--space-2) var(--space-4) var(--space-4)}.op-chat-input__bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:42rem;margin:0 auto;display:flex}.op-chat-input__textarea{resize:none;font-size:var(--text-body);color:var(--color-text-primary);max-height:var(--layout-chat-input-max-height);background:0 0;border:0;outline:none;flex:1;font-family:inherit}.op-chat-input__textarea::placeholder{color:var(--color-text-tertiary)}.op-chat-input__actions{align-items:center;gap:var(--space-1);display:flex}.op-chat-input__mic-btn{padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:color var(--transition-fast);cursor:pointer;background:0 0;border:0}.op-chat-input__mic-btn:hover{color:var(--color-text-secondary)}.op-chat-input__send-btn{padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:0}.op-chat-input__send-btn:disabled{color:var(--color-text-tertiary);cursor:default}.op-chat-input__send-btn--active{background:var(--color-accent);color:var(--color-accent-text)}.op-chat-input__disclaimer{text-align:center;margin-top:var(--space-2);font-size:var(--text-caption);color:var(--color-text-secondary)}.op-chat-tool-call{margin-top:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-small);overflow:hidden}.op-chat-tool-call__header{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-small);transition:background var(--transition-fast);border:0;font-family:inherit;display:flex}.op-chat-tool-call__header:hover{background:var(--color-bg-tertiary)}.op-chat-tool-call__icon{color:var(--color-accent)}.op-chat-tool-call__name{text-align:left;font-family:var(--font-mono);font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex:1}.op-chat-tool-call__body{padding:var(--space-3);gap:var(--space-3);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.op-chat-tool-call__label{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.op-chat-tool-call__code{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;overflow-x:auto}.op-chat-streaming-placeholder{padding:var(--space-6) 0;justify-content:center;align-items:center;display:flex}[data-variant=glass] .op-chat-panel.glass-surface{-webkit-backdrop-filter:none;border:2px solid var(--glass-card-border-strong);box-shadow:var(--glass-shadow-panel);background:0 0}[data-variant=glass] .op-chat-welcome,[data-variant=glass] .op-chat-panel__messages{background:0 0}[data-variant=glass] .op-chat-welcome__prompt-btn,[data-variant=glass] .op-chat-bubble__content--assistant{background:var(--op-white);border-color:var(--color-border)}[data-variant=glass] .op-chat-input__bar{background:var(--op-white)}[data-theme=dark][data-variant=glass] .op-chat-panel.glass-surface{-webkit-backdrop-filter:none;box-shadow:var(--glass-shadow-panel);background:0 0;border:2px solid #ffffff1f}[data-theme=dark][data-variant=glass] .op-chat-welcome,[data-theme=dark][data-variant=glass] .op-chat-panel__messages{background:0 0}[data-theme=dark][data-variant=glass] .op-chat-welcome__prompt-btn,[data-theme=dark][data-variant=glass] .op-chat-bubble__content--assistant,[data-theme=dark][data-variant=glass] .op-chat-welcome__prompt-card{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark][data-variant=glass] .op-chat-input__bar{background:var(--color-bg-tertiary)}[data-theme=dark] .op-chat-welcome__hero{box-shadow:0 4px 32px #7377f64d,0 2px 12px #3b82f626}.op-dash-layout{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media(min-width:1024px){.op-dash-layout{grid-template-columns:2fr 1fr}}.op-dash-layout__main,.op-dash-layout__sidebar{gap:var(--space-6);flex-direction:column;display:flex}.op-dash-metrics-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.op-dash-activity-feed{max-height:var(--layout-activity-feed-max-height);overflow-y:auto}.op-quick-action{padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal);cursor:pointer}.op-quick-action:hover{box-shadow:var(--shadow-md)}.op-quick-action__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.op-quick-action__icon{width:var(--size-avatar-xl);height:var(--size-avatar-xl);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.op-quick-action__title{font-size:var(--text-body);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.op-quick-action__desc{font-size:var(--text-small);color:var(--color-text-tertiary)}.op-tool-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.op-tool-item--bordered{border-bottom:1px solid var(--color-border-light)}.op-tool-item__icon{width:var(--size-avatar-lg);height:var(--size-avatar-lg);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-tool-item__info{flex:1;min-width:0}.op-tool-item__name{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-tool-item__time{font-size:var(--text-caption);color:var(--color-text-tertiary)}.op-tool-item__action{padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:color var(--transition-fast),background var(--transition-fast);cursor:pointer;background:0 0;border:0}.op-tool-item__action:hover{color:var(--color-text-secondary);background:var(--color-bg-secondary)}.op-agent-card{gap:var(--space-3);flex-direction:column;display:flex}.op-agent-card__header{justify-content:space-between;align-items:flex-start;display:flex}.op-agent-card__icon{width:var(--size-avatar-xl);height:var(--size-avatar-xl);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.op-agent-card__name{font-size:var(--text-body);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.op-agent-card__desc{font-size:var(--text-small);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}.op-agent-card__btn{width:100%;margin-top:auto}.op-icon-circle--purple{background:var(--op-purple)}@supports (color:color-mix(in lab,red,red)){.op-icon-circle--purple{background:color-mix(in srgb,var(--op-purple) 12%,transparent)}}.op-icon-circle--purple{color:var(--op-purple)}.op-icon-circle--blue{background:var(--op-blue)}@supports (color:color-mix(in lab,red,red)){.op-icon-circle--blue{background:color-mix(in srgb,var(--op-blue) 12%,transparent)}}.op-icon-circle--blue{color:var(--op-blue)}.op-icon-circle--green{background:var(--op-green)}@supports (color:color-mix(in lab,red,red)){.op-icon-circle--green{background:color-mix(in srgb,var(--op-green) 12%,transparent)}}.op-icon-circle--green{color:var(--op-green)}.op-icon-circle--amber{background:var(--op-amber)}@supports (color:color-mix(in lab,red,red)){.op-icon-circle--amber{background:color-mix(in srgb,var(--op-amber) 12%,transparent)}}.op-icon-circle--amber{color:var(--op-amber)}.op-icon-circle--red{background:var(--op-red)}@supports (color:color-mix(in lab,red,red)){.op-icon-circle--red{background:color-mix(in srgb,var(--op-red) 12%,transparent)}}.op-icon-circle--red{color:var(--op-red)}.op-icon-circle--yellow{background:var(--op-yellow)}@supports (color:color-mix(in lab,red,red)){.op-icon-circle--yellow{background:color-mix(in srgb,var(--op-yellow) 12%,transparent)}}.op-icon-circle--yellow{color:var(--op-mustard)}.op-chatbot-card{gap:var(--space-3);flex-direction:column;display:flex}.op-chatbot-card__icon{width:var(--size-avatar-xl);height:var(--size-avatar-xl);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.op-chatbot-card__name{font-size:var(--text-body);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.op-chatbot-card__desc{font-size:var(--text-small);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}.op-chatbot-card__btn{width:100%;margin-top:auto}.op-activity-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;display:flex}.op-activity-item--bordered{border-bottom:1px solid var(--color-border-light)}.op-activity-item__icon{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.op-activity-item__info{flex:1;min-width:0}.op-activity-item__text{font-size:var(--text-small);color:var(--color-text-primary)}.op-activity-item__time{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-top:2px}.op-insight-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--color-border);border-left:var(--space-1) solid var(--color-border)}.op-insight-card--purple{border-left-color:var(--op-purple)}.op-insight-card--blue{border-left-color:var(--op-blue)}.op-insight-card--green{border-left-color:var(--op-green)}.op-insight-card--amber{border-left-color:var(--op-amber)}.op-insight-card--red{border-left-color:var(--op-red)}.op-insight-card__header{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.op-insight-card__bulb{color:var(--op-amber);margin-top:var(--space-0-5);flex-shrink:0}.op-insight-card__title{font-size:var(--text-small);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.op-insight-card__desc{font-size:var(--text-small);color:var(--color-text-tertiary);margin-bottom:var(--space-3);line-height:var(--leading-relaxed)}.op-spacing-list{gap:var(--space-2);flex-direction:column;display:flex}.op-spacing-row{align-items:center;gap:var(--space-3);display:flex}.op-spacing-row__token{width:96px;font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:1px var(--space-1);border-radius:var(--radius-sm);flex-shrink:0;display:inline-block}.op-spacing-row__value{width:64px;font-size:var(--text-caption);color:var(--color-text-tertiary);flex-shrink:0}.op-spacing-row__bar{border-radius:var(--radius-sm);background:var(--color-accent);height:12px}.op-radius-demo{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.op-radius-demo__box{background:var(--color-accent);opacity:.8;width:80px;height:80px}.op-radius-demo__info{text-align:center}.op-radius-demo__name{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-radius-demo__token{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:1px var(--space-1);border-radius:var(--radius-sm);margin-top:var(--space-1);display:inline-block}.op-radius-demo__value{font-size:var(--text-caption);color:var(--color-text-tertiary);font-family:var(--font-family-mono)}.op-shadow-demo{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.op-shadow-demo__box{border-radius:var(--radius-lg);background:var(--color-surface);width:100%;padding:var(--space-5);justify-content:center;align-items:center;min-height:96px;display:flex}.op-shadow-demo__info{text-align:center}.op-shadow-demo__name{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-shadow-demo__token{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:1px var(--space-1);border-radius:var(--radius-sm);margin-top:var(--space-1);display:inline-block}.op-shadow-demo__desc{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-top:var(--space-1)}.op-transition-row{align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-3);display:flex}.op-transition-row:last-child{border-bottom:0}.op-transition-row__info{flex-shrink:0;width:112px}.op-transition-row__name{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-transition-row__token{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:1px var(--space-1);border-radius:var(--radius-sm);display:inline-block}.op-transition-row__value{font-size:var(--text-small);color:var(--color-text-secondary)}.op-transition-row__usage{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-left:auto}.op-spinner-row{align-items:flex-end;gap:var(--space-8);margin-bottom:var(--space-6);display:flex}.op-orb-loader{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.op-orb-loader__container{position:relative}.op-orb-loader__ring{position:absolute;inset:0}.op-orb-loader__dot{border-radius:var(--radius-full);position:absolute}.op-orb-loader__label{font-size:var(--text-caption);color:var(--color-text-tertiary)}.op-progress-steps{width:100%;max-width:24rem}.op-progress-steps__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.op-progress-steps__title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.op-progress-steps__replay{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;background:var(--color-bg-secondary);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);transition:background var(--transition-fast),border-color var(--transition-fast)}.op-progress-steps__replay:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.op-progress-steps__list{gap:var(--space-3);flex-direction:column;display:flex}.op-progress-steps__step{align-items:center;gap:var(--space-3);display:flex}.op-progress-steps__indicator{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);transition:all var(--transition-slow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-progress-steps__check{color:var(--op-white)}.op-progress-steps__number{font-size:var(--text-caption);font-weight:var(--font-weight-medium)}.op-progress-steps__label{font-size:var(--text-body);transition:all var(--transition-slow)}.op-type-specimen{margin-bottom:var(--space-4)}.op-type-specimen__display{font-size:var(--text-h1);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight)}.op-type-specimen__meta{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:1px var(--space-1);border-radius:var(--radius-sm);margin-top:var(--space-2);display:inline-block}.op-type-weight{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.op-type-weight__sample{font-size:var(--text-h2);color:var(--color-text-primary);margin-bottom:var(--space-2)}.op-type-weight__name{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-type-weight__value{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:1px var(--space-1);border-radius:var(--radius-sm);margin-top:var(--space-1);display:inline-block}.op-type-scale-row{align-items:baseline;gap:var(--space-4);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-3);display:flex}.op-type-scale-row:last-child{border-bottom:0}.op-type-scale-row__meta{flex-shrink:0;width:140px}.op-type-scale-row__token{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:1px var(--space-1);border-radius:var(--radius-sm);display:inline-block}.op-type-scale-row__size{font-size:var(--text-caption);color:var(--color-text-tertiary)}.op-type-scale-row__sample{color:var(--color-text-primary)}.op-line-height-demo{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.op-line-height-demo__sample{font-size:var(--text-body);color:var(--color-text-primary);margin-bottom:var(--space-3)}.op-line-height-demo__footer{justify-content:space-between;align-items:center;display:flex}.op-line-height-demo__name{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-line-height-demo__usage{font-size:var(--text-caption);color:var(--color-text-tertiary)}.op-line-height-demo__value{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:1px var(--space-1);border-radius:var(--radius-sm);display:inline-block}.op-tracking-row{align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-3);display:flex}.op-tracking-row:last-child{border-bottom:0}.op-tracking-row__info{flex-shrink:0;width:112px}.op-tracking-row__name{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.op-tracking-row__token{font-size:var(--text-caption);color:var(--color-text-tertiary);font-family:monospace}.op-tracking-row__sample{font-size:var(--text-h3);color:var(--color-text-primary);text-transform:uppercase}.op-tracking-row__usage{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-left:auto}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.op-mobile-menu-btn{width:var(--size-avatar-lg);height:var(--size-avatar-lg);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.op-mobile-menu-btn:hover{background:var(--color-surface-raised)}.op-mobile-drawer{z-index:var(--z-overlay);pointer-events:none;display:none;position:fixed;inset:0}.op-mobile-drawer__backdrop{background:var(--color-overlay-hidden);transition:background var(--transition-normal);position:absolute;inset:0}.op-mobile-drawer[data-open] .op-mobile-drawer__backdrop{background:var(--color-overlay-backdrop)}.op-mobile-drawer__panel{width:var(--layout-drawer-width);background:var(--color-bg-primary);border-right:1px solid var(--color-border-light);max-width:85vw;transition:transform var(--transition-slow);z-index:var(--z-raised);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}.op-mobile-drawer[data-open]{pointer-events:auto}.op-mobile-drawer[data-open] .op-mobile-drawer__panel{transform:translate(0)}.op-mobile-drawer .op-sidebar{border-right:none;flex:1;width:100%;min-height:0;overflow-y:auto}.op-mobile-drawer__header{padding:var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.op-mobile-drawer__brand{align-items:center;gap:var(--space-3);display:flex}.op-mobile-drawer__title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.op-mobile-drawer__close{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.op-mobile-drawer__close:hover{background:var(--color-surface-raised);color:var(--color-text-primary)}.op-mobile-drawer__actions{align-items:center;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--color-border-light);flex-shrink:0;margin-top:auto;display:flex}@media(max-width:768px){.op-app-shell{border-radius:0;width:100vw;height:100vh}.op-sidebar-slot{display:none}.op-mobile-menu-btn{display:flex}.op-mobile-drawer{display:block}.op-page-header__center,.op-page-header__right{display:none}.op-page-header__left{gap:var(--space-2);flex-direction:row-reverse;flex:1;justify-content:space-between;min-width:0}.op-page-header{padding:0 var(--space-3)}.op-page-container,.op-page-content{padding:var(--space-4)}.op-page-hero{grid-template-columns:1fr}.op-tool-hero__title{font-size:var(--text-h1)}.op-page-grid--2col,.op-page-grid--3col{grid-template-columns:1fr}.op-workspace-switcher__sub{display:none}}@media(min-width:769px){.op-mobile-menu-btn,.op-mobile-drawer{display:none}}.op-drawer{z-index:var(--z-overlay);animation:dialog-fade-in var(--transition-slow) ease forwards;position:fixed;inset:0}.op-drawer__backdrop{background:var(--color-surface-overlay);position:fixed;inset:0}.op-drawer__panel{background:var(--op-white);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;overflow:hidden}[data-theme=dark] .op-drawer__panel{background:#1c1c3a}[data-variant=glass] .op-drawer__panel,[data-theme=dark][data-variant=glass] .op-drawer__panel{background:var(--color-overlay-surface);border-color:var(--color-overlay-surface-border)}.op-drawer__panel--sm{width:var(--layout-drawer-panel-sm)}.op-drawer__panel--md{width:var(--layout-drawer-panel-md)}.op-drawer__panel--lg{width:var(--layout-drawer-panel-lg)}.op-drawer__panel--right{border-left:1px solid var(--color-border);animation:drawer-slide-in-right var(--transition-slow) ease forwards;right:0}.op-drawer__panel--left{border-right:1px solid var(--color-border);animation:drawer-slide-in-left var(--transition-slow) ease forwards;left:0}.op-drawer__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--color-border-light);display:flex}.op-drawer__title{font-size:var(--text-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--leading-tight)}.op-drawer__description{font-size:var(--text-small);color:var(--color-text-secondary);margin-top:var(--space-1);line-height:var(--leading-normal)}.op-drawer__close{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-drawer__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.op-drawer__close:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.op-drawer__body{padding:var(--space-6);flex:1;overflow-y:auto}.op-drawer__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light);display:flex}@keyframes drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.op-workflow-progress{gap:var(--space-2);flex-direction:column;display:flex}.op-workflow-progress__bar{height:var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.op-workflow-progress__fill{background:var(--color-workflow-active-border);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow) ease}.op-workflow-progress__label{font-size:var(--text-small);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.op-workflow-timeline{left:var(--space-6);width:var(--size-avatar-sm);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0}.op-workflow-timeline__dot{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);z-index:var(--z-raised);background:var(--color-bg-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.op-workflow-timeline__dot--done{background:var(--color-workflow-done-accent);color:var(--op-black)}.op-workflow-timeline__dot--active{border:var(--border-width-thick) solid var(--color-workflow-active-border);background:var(--color-bg-primary)}.op-workflow-timeline__dot-inner{width:var(--size-icon-sm);height:var(--size-icon-sm);border-radius:var(--radius-full);background:var(--color-workflow-active-border)}.op-workflow-timeline__dot--active:after{content:"";border-radius:var(--radius-full);border:var(--border-width-thick) solid var(--color-workflow-active-border);animation:1.5s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:-4px}.op-workflow-timeline__dot--pending{border:var(--border-width-thick) solid var(--color-workflow-timeline-pending);background:var(--color-bg-primary)}.op-workflow-timeline__segment{width:var(--border-width-thick);min-height:var(--space-4);flex:1}.op-workflow-timeline__segment--done{background:var(--color-workflow-timeline-done)}.op-workflow-timeline__segment--active{background:linear-gradient(to bottom,var(--color-workflow-timeline-done),var(--color-workflow-timeline-pending))}.op-workflow-timeline__segment--pending{background:repeating-linear-gradient(to bottom,var(--color-workflow-timeline-pending) 0,var(--color-workflow-timeline-pending) 4px,transparent 4px,transparent 8px)}.op-workflow-stage{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal);overflow:hidden}.op-workflow-stage--done{opacity:var(--opacity-80)}.op-workflow-stage--done:hover{opacity:1;background:var(--color-surface-hover);border-color:var(--color-workflow-done-accent)}.op-workflow-stage--active{background:var(--color-surface-active);border-color:var(--color-workflow-active-border);box-shadow:var(--shadow-md);animation:2s ease-in-out infinite workflow-pulse-glow}[data-variant=glass] .op-workflow-stage--active{background:var(--color-surface-active);-webkit-backdrop-filter:blur(var(--blur-sm))}.op-workflow-stage--pending{opacity:var(--opacity-50);pointer-events:none;border-style:dashed}.op-workflow-stage__header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);width:100%;color:inherit;font-family:var(--font-family);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.op-workflow-stage--done .op-workflow-stage__header:hover{background:0 0}.op-workflow-stage--pending .op-workflow-stage__header{cursor:default}.op-workflow-stage__header:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:calc(-1 * var(--focus-ring-width));border-radius:var(--radius-lg)}.op-workflow-stage__icon{width:var(--size-avatar-lg);height:var(--size-avatar-lg);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-workflow-stage--done .op-workflow-stage__icon{color:var(--color-workflow-done-accent)}.op-workflow-stage--active .op-workflow-stage__icon{color:var(--color-workflow-active-border)}.op-workflow-stage__title-group{flex:1;min-width:0}.op-workflow-stage__title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--leading-tight)}.op-workflow-stage--pending .op-workflow-stage__title{color:var(--color-text-tertiary)}.op-workflow-stage__summary{font-size:var(--text-small);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-top:var(--space-0-5);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.op-workflow-stage__badge{flex-shrink:0}.op-workflow-stage__toggle{color:var(--color-text-tertiary);transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-workflow-stage--expanded .op-workflow-stage__toggle{transform:rotate(180deg)}.op-workflow-stage__body{max-height:0;transition:max-height var(--transition-slow) ease;overflow:hidden}.op-workflow-stage--expanded .op-workflow-stage__body{max-height:800px}.op-workflow-stage__body-inner{padding:0 var(--space-5) var(--space-4) var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.op-workflow-stage__actions{padding:0 var(--space-5) var(--space-4) var(--space-5);justify-content:flex-end;display:flex}@keyframes workflow-pulse-glow{0%,to{box-shadow:0 0 0 0 var(--color-workflow-active-glow),var(--shadow-sm)}50%{box-shadow:0 0 0 4px #17ddbf00,var(--shadow-md)}}.op-workflow{padding-left:calc(var(--size-avatar-sm) + var(--space-6) + var(--space-4));position:relative}.op-workflow__stages{gap:var(--space-3);flex-direction:column;display:flex}.op-workflow-log{gap:var(--space-2);flex-direction:column;display:flex}.op-workflow-log__line{font-size:var(--text-small);color:var(--color-text-secondary);line-height:var(--leading-normal);padding-left:var(--space-3);border-left:var(--border-width-thick) solid var(--color-border-light)}.op-workflow-log__line--active{color:var(--color-text-primary);border-left-color:var(--color-workflow-active-border)}.op-workflow-categories{gap:var(--space-2);flex-wrap:wrap;display:flex}.op-tabs{flex-direction:column;display:flex}.op-tabs__list{gap:var(--space-1);border-bottom:var(--border-width-default) solid var(--color-border-light);margin:0;padding:0;display:flex}.op-tabs__tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-body);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);border-radius:var(--radius-md) var(--radius-md) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;display:inline-flex}.op-tabs__tab:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.op-tabs__tab--active{color:var(--color-text-primary);border-bottom-color:var(--op-purple)}.op-tabs__tab:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}[data-theme=dark] .op-tabs__tab:hover{background:var(--color-surface-hover)}[data-variant=glass] .op-tabs__list{border-bottom-color:var(--color-border)}[data-variant=glass] .op-tabs__tab:hover{background:var(--glass-card-bg)}.op-log-entry{border-bottom:var(--border-width-default) solid var(--color-border-light)}.op-log-entry:last-child{border-bottom:none}.op-log-entry__header{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);cursor:pointer;text-align:left;width:100%;font-family:var(--font-family);color:var(--color-text-primary);transition:background var(--transition-fast);background:0 0;border:none;display:flex}.op-log-entry__header:hover{background:var(--color-bg-secondary)}.op-log-entry__header:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:calc(var(--focus-ring-offset) * -1)}.op-log-entry__badge{text-transform:lowercase;flex-shrink:0}.op-log-entry__message{font-size:var(--text-body);font-weight:var(--font-weight-medium);line-height:var(--leading-normal);color:var(--color-text-primary);flex:1}.op-log-entry__timestamp{font-size:var(--text-small);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.op-log-entry__chevron{color:var(--color-text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.op-log-entry__chevron--expanded{transform:rotate(180deg)}.op-log-entry__detail{padding:0 var(--space-4) var(--space-4) var(--space-4)}.op-log-entry__metadata{gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-direction:column;display:flex}.op-log-entry__metadata-row{gap:var(--space-3);align-items:baseline;display:flex}.op-log-entry__metadata-key{font-size:var(--text-small);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);flex-shrink:0;min-width:100px}.op-log-entry__metadata-value{font-size:var(--text-small);color:var(--color-text-primary);font-family:var(--font-family-mono);word-break:break-all}.op-log-entry__content{font-size:var(--text-small);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}[data-theme=dark] .op-log-entry__header:hover{background:var(--color-surface-hover)}[data-theme=dark] .op-log-entry__metadata{background:var(--color-bg-tertiary)}[data-variant=glass] .op-log-entry__header:hover,[data-variant=glass] .op-log-entry__metadata{background:var(--glass-card-bg)}.op-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.op-skip-nav{top:-100%;left:var(--space-4);z-index:9999;padding:var(--space-2) var(--space-4);background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border-focus);border-radius:var(--radius-md);font-size:var(--text-small);font-weight:var(--font-weight-medium);transition:top var(--transition-fast);text-decoration:none;position:absolute}.op-skip-nav:focus{top:var(--space-2)}.op-demo-shell{width:100%;height:100%;min-height:100vh;position:relative}.op-demo-grid{gap:var(--space-4);display:grid}.op-demo-grid--2{grid-template-columns:repeat(2,1fr)}.op-demo-grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.op-demo-grid--2,.op-demo-grid--3{grid-template-columns:1fr}}.op-demo-body{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.op-demo-exit{bottom:var(--space-4);right:var(--space-4);align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-overlay-surface);border:1px solid var(--color-overlay-surface-border);box-shadow:var(--shadow-md);z-index:var(--z-overlay);display:inline-flex;position:fixed}.op-demo-exit__hint{font-size:var(--text-caption);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-slight);white-space:nowrap}.op-demo-exit__btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-small);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast);display:inline-flex}.op-demo-exit__btn:hover{background:var(--color-surface-hover)}@media(max-width:720px){.op-demo-exit__hint{display:none}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--font-weight-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}[data-theme=dark]{--color-bg-primary:#0d0d1a;--color-bg-secondary:#13132b;--color-bg-tertiary:#1c1c3a;--color-bg-inverse:var(--op-white);--color-surface:#ffffff0f;--color-surface-raised:#ffffff1a;--color-surface-hover:#ffffff14;--color-surface-active:#ffffff1a;--color-surface-active-border:#ffffff26;--color-overlay-surface:var(--color-bg-tertiary);--color-overlay-surface-border:#ffffff1f;--color-border:#ffffff1a;--color-border-light:#ffffff0f;--color-border-focus:var(--op-blue);--color-input-border:#ffffff40;--color-text-primary:#fff;--color-text-secondary:#cdcde0;--color-text-tertiary:#8888a0;--color-text-inverse:var(--op-black);--color-text-link:var(--op-blue);--color-accent:var(--op-yellow);--color-accent-hover:var(--op-mustard);--color-accent-text:var(--op-black);--color-button-primary-bg:linear-gradient(135deg, #fff519 0%, #e8b82e 100%);--color-button-primary-text:var(--op-black);--color-button-primary-hover:linear-gradient(135deg, #f0cc00 0%, #d4a520 100%);--color-button-secondary-bg:#ffffff0f;--color-button-secondary-border:#ffffff26;--color-button-secondary-text:#fff;--color-button-secondary-hover:#ffffff1f;--color-sidebar-bg:#161633;--color-sidebar-border:#ffffff0f;--color-sidebar-item-hover:#ffffff0f;--color-sidebar-item-active-bg:#7377f61f;--color-sidebar-item-active-text:#fff;--color-alert-success-bg:var(--op-green)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark]{--color-alert-success-bg:color-mix(in srgb, var(--op-green) 10%, var(--color-bg-primary))}}[data-theme=dark]{--color-alert-warning-bg:var(--op-amber)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark]{--color-alert-warning-bg:color-mix(in srgb, var(--op-amber) 10%, var(--color-bg-primary))}}[data-theme=dark]{--color-alert-danger-bg:var(--op-red)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark]{--color-alert-danger-bg:color-mix(in srgb, var(--op-red) 10%, var(--color-bg-primary))}}[data-theme=dark]{--color-alert-info-bg:var(--op-blue)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark]{--color-alert-info-bg:color-mix(in srgb, var(--op-blue) 10%, var(--color-bg-primary))}}[data-theme=dark]{--color-toast-success-bg:var(--op-green)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark]{--color-toast-success-bg:color-mix(in srgb, var(--op-green) 30%, #0d0d1a)}}[data-theme=dark]{--color-toast-warning-bg:var(--op-amber)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark]{--color-toast-warning-bg:color-mix(in srgb, var(--op-amber) 30%, #0d0d1a)}}[data-theme=dark]{--color-toast-danger-bg:var(--op-red)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark]{--color-toast-danger-bg:color-mix(in srgb, var(--op-red) 30%, #0d0d1a)}}[data-theme=dark]{--color-toast-info-bg:var(--op-blue)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark]{--color-toast-info-bg:color-mix(in srgb, var(--op-blue) 30%, #0d0d1a)}}[data-theme=dark]{--color-table-header-bg:var(--op-yellow);--color-table-header-text:var(--op-black);--color-badge-success-bg:var(--op-green);--color-badge-success-text:var(--op-black);--color-badge-warning-bg:var(--op-amber);--color-badge-warning-text:var(--op-black);--color-badge-danger-bg:var(--op-red);--color-badge-danger-text:var(--op-white);--color-badge-info-bg:var(--op-blue);--color-badge-info-text:var(--op-white);--color-toggle-track:#ffffff26;--color-toggle-track-border:#fff3;--color-toggle-track-hover:#ffffff38;--color-button-ghost-border:#8888a040;--color-scrollbar-thumb:#ffffff1a;--shadow-sm:0 1px 2px #0003;--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 8px 24px #0006;--color-code-bg:#1a1a2e;--color-code-border:#ffffff14;--color-code-text:#e0e0f0;--color-code-line-number:#ffffff40;--color-code-scrollbar:#ffffff1a;--color-code-toolbar-bg:#ffffff0a;--color-code-toolbar-border:#ffffff0f;--color-code-toolbar-text:#ffffff8c;--color-code-toolbar-hover:#ffffff1a;--color-workflow-active-glow:#17ddbf59;--color-workflow-timeline-pending:#ffffff1a;--color-wireframe-block:#7377f626;--color-wireframe-block-strong:#7377f640;--color-wireframe-border:#7377f61f}[data-variant=glass]{--color-surface:#fff6;--color-surface-raised:#ffffff7a;--color-bg-primary:#ffffff42;--color-bg-secondary:#f5f5f599;--color-bg-tertiary:#ebebeb80;--color-border:#ffffff8c;--color-border-light:#fff6;--color-sidebar-bg:#ffffff0f;--color-sidebar-border:#ffffff61;--color-sidebar-item-hover:#0000000a;--color-button-secondary-bg:#ffffff4d;--color-button-secondary-border:#ffffff80;--color-button-secondary-hover:#ffffff73;--color-surface-hover:#ffffff80;--color-surface-active:#ffffff8c;--color-surface-active-border:#ffffffa6;--color-overlay-surface:#fff;--color-overlay-surface-border:#fff9;--color-kbd-bg:#ffffff14;--color-kbd-border:#ffffff1a;--color-search-bar-bg:#ffffffbf;--color-search-bar-border:#8888a040;--color-search-dropdown-bg:#fffffff2;--color-search-dropdown-border:#ffffff80;--color-glass-input-bg:#ffffff61;--color-scrollbar-thumb:#00000014;--shadow-focus:0 0 0 3px #04a1e91f;--shadow-sm:var(--glass-shadow-subtle);--shadow-md:var(--glass-shadow-card);--shadow-lg:var(--glass-shadow-elevated);--color-text-primary:var(--op-black);--color-text-secondary:#0000008c;--color-text-tertiary:#0006;--color-alert-success-bg:var(--op-green)}@supports (color:color-mix(in lab,red,red)){[data-variant=glass]{--color-alert-success-bg:color-mix(in srgb, var(--op-green) 20%, #fff9)}}[data-variant=glass]{--color-alert-warning-bg:var(--op-amber)}@supports (color:color-mix(in lab,red,red)){[data-variant=glass]{--color-alert-warning-bg:color-mix(in srgb, var(--op-amber) 20%, #fff9)}}[data-variant=glass]{--color-alert-danger-bg:var(--op-red)}@supports (color:color-mix(in lab,red,red)){[data-variant=glass]{--color-alert-danger-bg:color-mix(in srgb, var(--op-red) 20%, #fff9)}}[data-variant=glass]{--color-alert-info-bg:var(--op-blue)}@supports (color:color-mix(in lab,red,red)){[data-variant=glass]{--color-alert-info-bg:color-mix(in srgb, var(--op-blue) 20%, #fff9)}}[data-variant=glass]{--color-toast-success-bg:var(--op-green)}@supports (color:color-mix(in lab,red,red)){[data-variant=glass]{--color-toast-success-bg:color-mix(in srgb, var(--op-green) 35%, #ffffffeb)}}[data-variant=glass]{--color-toast-warning-bg:var(--op-amber)}@supports (color:color-mix(in lab,red,red)){[data-variant=glass]{--color-toast-warning-bg:color-mix(in srgb, var(--op-amber) 35%, #ffffffeb)}}[data-variant=glass]{--color-toast-danger-bg:var(--op-red)}@supports (color:color-mix(in lab,red,red)){[data-variant=glass]{--color-toast-danger-bg:color-mix(in srgb, var(--op-red) 35%, #ffffffeb)}}[data-variant=glass]{--color-toast-info-bg:var(--op-blue)}@supports (color:color-mix(in lab,red,red)){[data-variant=glass]{--color-toast-info-bg:color-mix(in srgb, var(--op-blue) 35%, #ffffffeb)}}[data-color-theme=dawn]{--glass-bg-image:url(/backgrounds/light-dawn.svg)}[data-color-theme=golden-hour]{--glass-bg-image:url(/backgrounds/light-golden-hour.svg)}[data-color-theme=digitalism]{--glass-bg-image:url(/backgrounds/light-digitalism.svg)}[data-color-theme=rhubarb]{--glass-bg-image:url(/backgrounds/light-rhubarb.svg)}[data-color-theme=flora]{--glass-bg-image:url(/backgrounds/light-flora.svg)}[data-color-theme=peach]{--glass-bg-image:url(/backgrounds/light-peach.svg)}[data-color-theme=birthday-cake]{--glass-bg-image:url(/backgrounds/light-birthday-cake.svg)}[data-color-theme=rainbow]{--glass-bg-image:url(/backgrounds/light-rainbow.svg)}[data-theme=dark][data-color-theme=dawn],[data-theme=dark][data-color-theme=golden-hour]{--glass-bg-image:url(/backgrounds/dark-abyss.svg)}[data-theme=dark][data-color-theme=digitalism]{--glass-bg-image:url(/backgrounds/dark-the-deep.svg)}[data-theme=dark][data-color-theme=rhubarb]{--glass-bg-image:url(/backgrounds/dark-redshift.svg)}[data-theme=dark][data-color-theme=flora]{--glass-bg-image:url(/backgrounds/dark-aurora.svg)}[data-theme=dark][data-color-theme=peach]{--glass-bg-image:url(/backgrounds/dark-abyss.svg)}[data-theme=dark][data-color-theme=birthday-cake]{--glass-bg-image:url(/backgrounds/dark-redshift.svg)}[data-theme=dark][data-color-theme=rainbow]{--glass-bg-image:url(/backgrounds/dark-aurora.svg)}[data-theme=dark][data-variant=glass]{--color-text-primary:#fff;--color-text-secondary:#cdcde0;--color-text-tertiary:#8888a0;--color-surface:#ffffff08;--color-surface-raised:#ffffff0f;--color-surface-hover:#ffffff0f;--color-surface-active:#ffffff14;--color-surface-active-border:#ffffff1f;--color-overlay-surface:#0d0d1a;--color-overlay-surface-border:#ffffff1a;--color-bg-primary:var(--op-black);--color-bg-secondary:var(--op-black);--color-bg-tertiary:#1c1c3a80;--color-border:#ffffff0f;--color-border-light:#ffffff0a;--color-sidebar-bg:#0000001a;--color-sidebar-border:#ffffff0f;--color-sidebar-item-hover:#ffffff0f;--color-button-secondary-bg:#ffffff0f;--color-button-secondary-border:#ffffff26;--color-button-secondary-hover:#ffffff1f;--color-kbd-bg:#ffffff0f;--color-kbd-border:#ffffff14;--color-search-bar-bg:#ffffff14;--color-search-bar-border:#ffffff24;--color-search-dropdown-bg:#0d0d1ae6;--color-search-dropdown-border:#ffffff1a;--color-glass-input-bg:#ffffff0d;--glass-container-bg:#0c081480;--glass-container-border:#ffffff14;--glass-control-bar-bg:#10141c99;--glass-control-bar-border:#ffffff0f;--glass-main-content-bg:#ffffff08;--glass-card-border:#7377f61a;--glass-card-inset:#ffffff0f;--glass-panel-bg:#ffffff08;--color-drawer-bg:#0d0d1aeb;--color-drawer-border:#ffffff14;--color-drawer-header-border:#ffffff0f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 20px #0003, inset 0 1px 0 #ffffff0f;--shadow-lg:0 25px 80px #00000080, 0 10px 30px #0000004d;--color-alert-success-bg:var(--op-green)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark][data-variant=glass]{--color-alert-success-bg:color-mix(in srgb, var(--op-green) 15%, #12162094)}}[data-theme=dark][data-variant=glass]{--color-alert-warning-bg:var(--op-amber)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark][data-variant=glass]{--color-alert-warning-bg:color-mix(in srgb, var(--op-amber) 15%, #12162094)}}[data-theme=dark][data-variant=glass]{--color-alert-danger-bg:var(--op-red)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark][data-variant=glass]{--color-alert-danger-bg:color-mix(in srgb, var(--op-red) 15%, #12162094)}}[data-theme=dark][data-variant=glass]{--color-alert-info-bg:var(--op-blue)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark][data-variant=glass]{--color-alert-info-bg:color-mix(in srgb, var(--op-blue) 15%, #12162094)}}[data-theme=dark][data-variant=glass]{--color-toast-success-bg:var(--op-green)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark][data-variant=glass]{--color-toast-success-bg:color-mix(in srgb, var(--op-green) 30%, #121620f2)}}[data-theme=dark][data-variant=glass]{--color-toast-warning-bg:var(--op-amber)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark][data-variant=glass]{--color-toast-warning-bg:color-mix(in srgb, var(--op-amber) 30%, #121620f2)}}[data-theme=dark][data-variant=glass]{--color-toast-danger-bg:var(--op-red)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark][data-variant=glass]{--color-toast-danger-bg:color-mix(in srgb, var(--op-red) 30%, #121620f2)}}[data-theme=dark][data-variant=glass]{--color-toast-info-bg:var(--op-blue)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark][data-variant=glass]{--color-toast-info-bg:color-mix(in srgb, var(--op-blue) 30%, #121620f2)}}[data-variant=glass] .op-app-shell{background:var(--glass-container-bg);border:var(--border-width-default) solid var(--glass-container-border);-webkit-backdrop-filter:blur(var(--blur-5xl)) saturate(var(--saturate-intense));box-shadow:var(--glass-shadow-elevated),inset 0 .5px 0 var(--glass-inset-highlight),inset 0 0 0 .5px var(--glass-inset-edge);border-radius:var(--radius-xl);overflow:hidden}[data-theme=dark][data-variant=glass] .op-app-shell{background:var(--glass-container-bg);border:var(--border-width-default) solid var(--glass-container-border);-webkit-backdrop-filter:blur(var(--blur-4xl));box-shadow:var(--glass-shadow-container-dark);border-radius:var(--radius-xl)}[data-variant=glass] .op-app-shell:before{content:"";z-index:var(--z-noise);pointer-events:none;opacity:var(--opacity-2);border-radius:var(--radius-xl);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}[data-variant=glass]:not([data-theme=dark]) .op-app-shell:before{opacity:var(--opacity-3)}.op-app-shell:after{content:"";z-index:var(--z-base);pointer-events:none;border-radius:var(--radius-xl);position:absolute;inset:0}[data-theme=dark][data-variant=glass] .op-app-shell:after{background:radial-gradient(ellipse 40% 50% at 95% 30%,var(--bleed-purple-dark-glass) 0%,transparent 60%),radial-gradient(ellipse 45% 40% at 10% 85%,var(--bleed-amber-dark-glass) 0%,transparent 50%),radial-gradient(ellipse 50% 50% at 90% 80%,var(--bleed-red-dark-glass) 0%,transparent 50%)}[data-variant=glass]:not([data-theme=dark]) .op-app-shell:after{background:radial-gradient(ellipse 50% 60% at 95% 30%,var(--bleed-purple-light-glass) 0%,transparent 60%),radial-gradient(ellipse 50% 45% at 10% 85%,var(--bleed-amber-light-glass) 0%,transparent 50%),radial-gradient(ellipse 55% 55% at 90% 80%,var(--bleed-red-light-glass) 0%,transparent 50%)}[data-theme=dark][data-variant=solid] .op-app-shell:after{background:radial-gradient(ellipse 40% 50% at 95% 30%,var(--bleed-purple-dark-solid) 0%,transparent 60%),radial-gradient(ellipse 45% 40% at 10% 85%,var(--bleed-amber-dark-solid) 0%,transparent 50%),radial-gradient(ellipse 50% 50% at 90% 80%,var(--bleed-red-dark-solid) 0%,transparent 50%)}[data-variant=solid]:not([data-theme=dark]) .op-app-shell:after{background:radial-gradient(ellipse 50% 60% at 95% 30%,var(--bleed-purple-light-solid) 0%,transparent 60%),radial-gradient(ellipse 50% 45% at 10% 85%,var(--bleed-amber-light-solid) 0%,transparent 50%),radial-gradient(ellipse 55% 55% at 90% 80%,var(--bleed-red-light-solid) 0%,transparent 50%)}[data-theme=dark][data-variant=solid] .op-app-shell__backdrop{background:radial-gradient(ellipse 60% 50% at 10% 20%,var(--backdrop-purple),transparent),radial-gradient(ellipse 50% 40% at 80% 70%,var(--backdrop-blue),transparent),radial-gradient(ellipse 40% 30% at 50% 90%,var(--backdrop-green),transparent),var(--color-bg-secondary)}[data-variant=solid]:not([data-theme=dark]) .op-app-shell__backdrop{background:radial-gradient(ellipse 60% 50% at 10% 20%,var(--backdrop-purple-light),transparent),radial-gradient(ellipse 50% 40% at 80% 70%,var(--backdrop-blue-light),transparent),radial-gradient(ellipse 40% 30% at 50% 90%,var(--backdrop-green-light),transparent),var(--color-bg-secondary)}[data-theme=dark][data-variant=glass] .op-control-bar{background:var(--glass-control-bar-bg);-webkit-backdrop-filter:blur(var(--blur-4xl));border-bottom:var(--border-width-default) solid var(--glass-control-bar-border)}[data-variant=glass]:not([data-theme=dark]) .op-control-bar{background:var(--glass-control-bar-bg);border-bottom:var(--border-width-default) solid var(--glass-control-bar-border);box-shadow:inset 0 -1px 0 var(--glass-control-bar-shadow-bottom),inset 0 1px 0 var(--glass-control-bar-shadow-top);-webkit-backdrop-filter:blur(var(--blur-3xl)) saturate(var(--saturate-normal))}[data-theme=dark][data-variant=glass] .op-sidebar{background:var(--color-sidebar-bg);border-right:var(--border-width-default) solid var(--color-sidebar-border)}[data-variant=glass]:not([data-theme=dark]) .op-sidebar{background:var(--color-sidebar-bg);border-right:var(--border-width-default) solid var(--color-sidebar-border);box-shadow:inset -1px 0 0 var(--glass-sidebar-shadow-inner),inset 1px 0 0 var(--glass-sidebar-shadow-highlight);-webkit-backdrop-filter:blur(var(--blur-2xl)) saturate(var(--saturate-normal))}[data-variant=glass]:not([data-theme=dark]) .op-main-content{background:var(--glass-main-content-bg);-webkit-backdrop-filter:blur(var(--blur-2xl)) saturate(var(--saturate-normal))}[data-theme=dark][data-variant=glass] .op-main-content{background:var(--glass-main-content-bg)}[data-variant=glass] .glass-card,[data-variant=glass] .glass-surface{background:var(--glass-card-bg);border:var(--border-width-default) solid var(--glass-card-border);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(var(--saturate-high));box-shadow:var(--glass-shadow-card),inset 0 1px 0 var(--glass-card-inset),inset 0 0 0 .5px var(--glass-inset-edge)}[data-theme=dark][data-variant=glass] .glass-card,[data-theme=dark][data-variant=glass] .glass-surface{background:linear-gradient(180deg,var(--glass-card-gradient-start) 0%,var(--glass-card-gradient-end) 100%);border:var(--border-width-default) solid var(--glass-card-border);-webkit-backdrop-filter:blur(var(--blur-sm));box-shadow:var(--glass-shadow-card-dark),inset 0 1px 0 var(--glass-card-inset)}[data-variant=glass] .glass-panel{background:var(--glass-panel-bg);border:var(--border-width-default) solid var(--glass-card-border);box-shadow:var(--glass-shadow-card),inset 0 1px 0 var(--glass-panel-inset);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(var(--saturate-high))}[data-theme=dark][data-variant=glass] .glass-panel{background:var(--glass-panel-bg);border:var(--border-width-default) solid var(--color-border);box-shadow:var(--glass-shadow-card-dark),inset 0 1px 0 var(--glass-card-inset);-webkit-backdrop-filter:blur(var(--blur-sm))}.op-main-content::-webkit-scrollbar{width:var(--size-scrollbar-width)}.op-sidebar::-webkit-scrollbar{width:var(--size-scrollbar-width)}.op-main-content::-webkit-scrollbar-track{background:0 0}.op-sidebar::-webkit-scrollbar-track{background:0 0}.op-main-content::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-scrollbar)}.op-sidebar::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-scrollbar)}[data-variant=glass]:not([data-theme=dark]) .op-main-content::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb)}[data-variant=glass]:not([data-theme=dark]) .op-sidebar::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb)}.op-gradient-bg{position:relative;overflow:hidden}.op-gradient-bg:before{content:"";z-index:var(--z-base);pointer-events:none;opacity:var(--opacity-50);background:radial-gradient(ellipse 60% 50% at 10% 20%,var(--gradient-bg-purple),transparent),radial-gradient(ellipse 50% 40% at 80% 70%,var(--gradient-bg-blue),transparent),radial-gradient(ellipse 40% 30% at 50% 90%,var(--gradient-bg-green),transparent);position:absolute;inset:0}.op-gradient-bg>*{z-index:var(--z-raised);position:relative}.op-svg-gradient-bg{position:relative;overflow:hidden}.op-svg-gradient-bg>svg{width:100%;height:100%;z-index:var(--z-base);pointer-events:none;object-fit:cover;position:absolute;inset:0}.op-svg-gradient-bg>:not(svg){z-index:var(--z-raised);position:relative}.op-gradient-golden-hour{background:var(--gradient-golden-hour)}.op-gradient-digitalism{background:var(--gradient-digitalism)}.op-gradient-rhubarb{background:var(--gradient-rhubarb)}.op-gradient-the-abyss{background:var(--gradient-the-abyss)}.op-gradient-the-deep{background:var(--gradient-the-deep)}.op-gradient-the-aurora{background:var(--gradient-the-aurora)}.op-list{padding-left:0;list-style:none}.op-list li{padding-left:1.5em;position:relative}.op-list li:before{content:"➔";color:var(--color-accent);position:absolute;left:0}@media(max-width:768px){.op-app-shell{box-shadow:none;border:none}[data-variant=glass] .op-mobile-drawer__panel,[data-theme=dark][data-variant=glass] .op-mobile-drawer__panel{background:var(--color-drawer-bg);-webkit-backdrop-filter:blur(var(--blur-4xl));border-right:var(--border-width-default) solid var(--color-drawer-border)}[data-variant=glass] .op-mobile-drawer__header{border-bottom-color:var(--color-drawer-header-border)}[data-variant=glass] .op-mobile-drawer__actions{border-top-color:var(--color-drawer-header-border)}[data-theme=dark][data-variant=glass] .op-mobile-drawer__header{border-bottom-color:var(--color-drawer-header-border)}[data-theme=dark][data-variant=glass] .op-mobile-drawer__actions{border-top-color:var(--color-drawer-header-border)}}#root{min-height:100vh}.nexus-shell{background-color:var(--color-bg-primary);flex-direction:column;min-height:100vh;display:flex}.nexus-shell__brand-bar{height:var(--space-2);background:var(--gradient-golden-hour)}.nexus-shell__main{width:100%;max-width:var(--layout-app-max-width);padding:var(--space-8) var(--space-6);flex:1;margin:0 auto}@media(max-width:768px){.nexus-shell__main{padding:var(--space-6) var(--space-4)}}.nexus-header{background-color:var(--color-bg-inverse,#121b2b);color:var(--op-white);border-bottom:var(--border-width-default) solid #ffffff14}[data-theme=dark] .nexus-header{border-bottom-color:var(--color-border);background-color:#0006}.nexus-header__inner{width:100%;max-width:var(--layout-app-max-width);padding:0 var(--space-6);height:var(--layout-header-height);justify-content:space-between;align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.nexus-header__brand-group{align-items:center;gap:var(--space-8);display:flex}.nexus-header__brand{align-items:center;gap:var(--space-2);color:var(--op-white);font-weight:var(--font-weight-semibold);font-size:var(--text-body);letter-spacing:var(--tracking-tight);text-decoration:none;display:inline-flex}.nexus-header__brand-mark{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);background:var(--op-yellow);color:var(--op-black);justify-content:center;align-items:center;display:inline-flex}.nexus-header__brand-accent{color:var(--op-yellow)}.nexus-header__nav{align-items:center;gap:var(--space-4);display:flex}.nexus-nav-link{padding:var(--space-1) var(--space-2);font-size:var(--text-small);font-weight:var(--font-weight-medium);color:#ffffffc7;transition:color var(--transition-fast),border-color var(--transition-fast);border-bottom:2px solid #0000;align-items:center;text-decoration:none;display:inline-flex}.nexus-nav-link:hover{color:var(--op-white);border-bottom-color:#fff51980}.nexus-nav-link--active{color:var(--op-white);border-bottom-color:var(--op-yellow)}.nexus-subnav{gap:var(--space-4);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);display:flex}.nexus-subnav-link{padding:var(--space-1) var(--space-2);font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast),border-color var(--transition-fast);border-bottom:2px solid #0000;align-items:center;text-decoration:none;display:inline-flex}.nexus-subnav-link:hover{color:var(--color-text-primary)}.nexus-subnav-link--active{color:var(--color-text-primary);border-bottom-color:var(--op-yellow)}.nexus-header__user{position:relative}.nexus-header__user-trigger{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);color:#ffffffe6;border-radius:var(--radius-full);font-size:var(--text-small);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;display:inline-flex}.nexus-header__user-trigger:hover{background-color:#ffffff0f}.nexus-header__user-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--op-yellow);outline-offset:var(--focus-ring-offset)}.nexus-header__avatar{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);object-fit:cover;justify-content:center;align-items:center;display:inline-flex}.nexus-header__avatar--placeholder{color:var(--op-white);background-color:#ffffff1f}.nexus-header__email{display:none}@media(min-width:640px){.nexus-header__email{display:inline}}.nexus-header__menu{z-index:var(--z-dropdown);margin-top:var(--space-2);min-width:192px;padding:var(--space-1) 0;background-color:var(--color-overlay-surface);border:var(--border-width-default) solid var(--color-overlay-surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-text-primary)}.nexus-header__menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:inherit;font-size:var(--text-small);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.nexus-header__menu-item--focus{background-color:var(--color-surface-hover)}.nexus-page{gap:var(--space-6);flex-direction:column;display:flex}.nexus-page__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.nexus-page__title{font-size:var(--text-display);font-weight:var(--font-weight-light);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0}.nexus-page__subtitle{font-size:var(--text-small);color:var(--color-text-secondary);margin-top:var(--space-1)}.nexus-page__meta{gap:var(--space-2) var(--space-4);margin-top:var(--space-2);font-size:var(--text-small);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.nexus-page__actions{align-items:center;gap:var(--space-2);display:inline-flex}.nexus-table-wrapper{background-color:var(--color-surface);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.nexus-table{border-collapse:collapse;width:100%}.nexus-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);background-color:var(--color-table-header-bg,var(--op-yellow));color:var(--color-table-header-text,var(--op-black));border-bottom:var(--border-width-default) solid var(--color-border)}.nexus-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-small);color:var(--color-text-primary);border-bottom:var(--border-width-default) solid var(--color-border)}.nexus-table tbody tr{cursor:pointer;transition:background-color var(--transition-fast)}.nexus-table tbody tr:hover{background-color:var(--color-surface-hover)}.nexus-table tbody tr:last-child td{border-bottom:none}.nexus-table__name{font-weight:var(--font-weight-medium)}.nexus-table__muted,.nexus-muted{color:var(--color-text-secondary)}.nexus-italic-muted{color:var(--color-text-secondary);font-style:italic}.nexus-section-stack{gap:var(--space-6);flex-direction:column;display:flex}.nexus-section-stack--sm{gap:var(--space-3)}.nexus-grid-2{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media(min-width:768px){.nexus-grid-2{grid-template-columns:1fr 1fr}}.nexus-grid-3{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media(min-width:1024px){.nexus-grid-3{grid-template-columns:repeat(3,1fr)}}.nexus-tier-heading{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary)}.nexus-back-link{align-items:center;gap:var(--space-1);font-size:var(--text-small);color:var(--color-text-secondary);text-decoration:none;display:inline-flex}.nexus-back-link:hover{color:var(--color-text-primary)}.nexus-auth{background-color:var(--color-bg-primary);flex-direction:column;min-height:100vh;display:flex}.nexus-auth__brand-bar{height:var(--space-2);background:var(--gradient-golden-hour)}.nexus-auth__brand-bar--danger{background:var(--op-red)}.nexus-auth__body{padding:var(--space-12) var(--space-6);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;flex:1;max-width:32rem;margin:0 auto;display:flex}.nexus-auth__title{font-size:var(--text-display);font-weight:var(--font-weight-light);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0}.nexus-auth__subtitle{font-size:var(--text-small);color:var(--color-text-secondary);margin:0}.nexus-auth__card{width:100%;margin-top:var(--space-8);padding:var(--space-6);background-color:var(--color-surface);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-lg)}.nexus-auth__error{margin-top:var(--space-3);font-size:var(--text-small);color:var(--color-danger)}.nexus-auth__hint{margin-top:var(--space-3);font-size:var(--text-caption);color:var(--color-text-secondary)}.nexus-fullbleed-center{justify-content:center;align-items:center;min-height:100vh;display:flex}.nexus-form{gap:var(--space-4);flex-direction:column;display:flex}.nexus-form__row{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media(min-width:640px){.nexus-form__row--two{grid-template-columns:1fr 1fr}}.nexus-form__error{font-size:var(--text-small);color:var(--color-danger)}.nexus-pill-list{gap:var(--space-2);flex-direction:column;display:flex}.nexus-pill-list__items{gap:var(--space-2);flex-wrap:wrap;display:flex}.nexus-pill-list__pill{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background-color:var(--color-surface-active);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-small);color:var(--color-text-primary);display:inline-flex}.nexus-pill-list__remove{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.nexus-pill-list__remove:hover{color:var(--color-danger)}.nexus-pill-list__add{gap:var(--space-2);align-items:stretch;display:flex}.nexus-pill-list__add>:first-child{flex:1}.nexus-monospace textarea{font-family:var(--font-family-mono);font-size:var(--text-code)}.nexus-archived-toggle{align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--color-text-secondary);display:inline-flex}@media print{.nexus-header,.nexus-shell__brand-bar{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}