:root{color:var(--color-primary-text);background:var(--color-page);font-family:var(--font-product),var(--font-documentation),system-ui,sans-serif;font-weight:400;line-height:var(--line-height);text-rendering:optimizeLegibility;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-page)}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed}a{color:var(--color-brand);text-decoration:none}a:hover{color:var(--color-selected-button-text)}h1,h2,h3,p{margin:0}h1{font-size:40px;font-weight:600;line-height:1.02;letter-spacing:0}h2{font-size:24px;font-weight:600;letter-spacing:0}h3{font-size:16px;font-weight:600;letter-spacing:0}.page-width{width:min(100% - 48px,1200px);margin-inline:auto}.public-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--color-page)}.top-header{position:sticky;z-index:10;top:0;width:100%;background:var(--color-header);border-bottom:var(--border-width) solid var(--color-header-border)}.header-inner{min-height:64px;display:flex;align-items:center;gap:var(--space-5)}.brand-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;border:0;background:transparent;color:var(--color-primary-text);font-weight:600}.header-nav{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.header-nav button,.link-button,.back-button{border:0;background:transparent;color:var(--color-secondary-text)}.header-nav button{min-height:36px;padding-inline:var(--space-3);border-radius:var(--radius-button)}.header-nav button:hover,.back-button:hover,.link-button:hover{color:var(--color-selected-button-text);background:var(--color-brand-surface)}.public-main{flex:1}.hero{min-height:calc(100vh - 180px);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:center;gap:var(--space-10);padding-block:var(--space-12) var(--space-8)}.hero-copy{display:grid;gap:var(--space-5);max-width:640px}.hero-copy p:not(.eyebrow),.supporting{color:var(--color-secondary-text);font-size:18px}.supporting.compact{font-size:14px}.eyebrow{color:var(--color-selected-button-text);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0}.hero-actions,.icon-group{display:flex;align-items:center;gap:var(--space-2)}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding-inline:12px;border-radius:var(--radius-button);border:var(--border-width) solid var(--color-border);font-size:16px;transition:background var(--motion-hover),border-color var(--motion-hover),color var(--motion-hover)}.button.primary{background:var(--color-primary-button);color:var(--color-primary-button-text)}.button.primary:hover{background:var(--button-primary-hover)}.button.primary:active{background:var(--button-primary-active)}.button.secondary{background:var(--color-secondary-button);color:var(--color-secondary-button-text);border-color:var(--color-secondary-text)}.button.secondary:hover{border-color:var(--button-secondary-hover-border)}.button.secondary:active{background:var(--button-secondary-active-bg);border-color:var(--button-secondary-active-border)}.button:disabled,.icon-button:disabled{background:var(--color-border);color:var(--color-placeholder-text);border-color:var(--color-border)}.button:focus-visible,.icon-button:focus-visible,.nav-item:focus-visible,.session-row:focus-visible,.skill-row:focus-visible,.disclosure:focus-visible,input:focus-visible,select:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:2px}.button.full{width:100%}.product-preview,.value-panel,.surface-panel{background:var(--color-surface);border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-card)}.product-preview{overflow:hidden;min-height:420px;box-shadow:var(--shadow-popover)}.preview-toolbar{height:48px;display:flex;align-items:center;gap:var(--space-2);padding-inline:var(--space-4);border-bottom:var(--border-width) solid var(--color-header-border)}.preview-toolbar span{width:10px;height:10px;border-radius:var(--radius-badge);background:var(--color-border)}.preview-grid{min-height:372px;display:grid;grid-template-columns:150px 1fr}.preview-sidebar{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-5);border-right:var(--border-width) solid var(--color-header-border);background:var(--color-secondary-surface)}.preview-sidebar span,.preview-row,.preview-search{height:16px;border-radius:var(--radius-button);background:var(--color-border)}.preview-sidebar .selected-line{background:var(--color-brand-border)}.preview-content{display:grid;align-content:start;gap:var(--space-4);padding:var(--space-5)}.metric-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.preview-metric{display:grid;gap:var(--space-2);padding:var(--space-4);border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-lg)}.preview-metric span{color:var(--color-secondary-text)}.preview-metric strong{font-family:var(--font-mono),monospace;font-size:28px}.preview-search{height:40px;background:var(--color-secondary-surface)}.preview-row{width:82%;height:54px;background:var(--color-secondary-surface)}.preview-row.wide{width:100%}.preview-row.short{width:64%}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);padding-block:var(--space-6) var(--space-10)}.value-panel{display:grid;gap:var(--space-3);padding:var(--space-5)}.value-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-button);color:var(--color-selected-button-text);background:var(--color-brand-surface)}.value-panel p,.footer,.metadata span,.state-panel span,.skill-row small,.disclosure small,.session-row{color:var(--color-secondary-text)}.footer{background:var(--color-footer);border-top:var(--border-width) solid var(--color-header-border)}.footer-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:var(--color-secondary-surface)}.sidebar{position:sticky;top:0;height:100vh;padding:var(--space-5);background:var(--color-surface);border-right:var(--border-width) solid var(--color-header-border)}.sidebar-brand{min-height:44px}.sidebar-nav{display:grid;gap:var(--space-2);margin-top:var(--space-6)}.nav-item{min-height:40px;display:flex;align-items:center;gap:var(--space-2);padding-inline:var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-button);background:transparent;color:var(--color-secondary-text);text-align:left}.nav-item:hover{background:var(--color-hover);color:var(--color-primary-text)}.nav-item.active{background:var(--color-brand-surface);color:var(--color-selected-button-text);border-color:var(--color-brand-border)}.app-frame{min-width:0}.app-header{position:sticky;z-index:8;top:0;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-secondary-surface);border-bottom:var(--border-width) solid var(--color-header-border)}.app-header h1{font-size:22px}.app-main{padding-block:var(--space-6)}.stack,.page-panel{display:grid;gap:var(--space-5)}.surface-panel{padding:var(--space-5)}.panel-header,.detail-heading,.session-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:var(--space-3);align-items:center}.segmented{width:fit-content;display:inline-flex;padding:3px;border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-button);background:var(--color-secondary-surface)}.segmented button{min-height:34px;padding-inline:var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-secondary-text)}.segmented button.selected{background:var(--color-selected-button);color:var(--color-selected-button-text)}.segmented.single{margin-bottom:calc(var(--space-2) * -1)}.search-field,.select-field{min-height:40px;display:flex;align-items:center;gap:var(--space-2);padding-inline:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-secondary-surface);color:var(--color-secondary-text)}.search-field:focus-within,.select-field:focus-within{min-height:var(--input-active-height);border-color:var(--color-focus-ring);box-shadow:0 0 0 var(--focus-ring-width) var(--color-focus-ring)}.search-field input,.select-field select{width:100%;min-width:0;border:0;background:transparent;color:var(--color-primary-text)}.search-field input:focus,.select-field select:focus{outline:0}.table-wrap{overflow-x:auto;border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse}th{padding:12px 18px;background:var(--table-header-bg);color:var(--color-secondary-text);font-family:var(--font-documentation),system-ui,sans-serif;font-size:11px;text-align:left;text-transform:uppercase;letter-spacing:0}td{padding:14px 18px;border-top:var(--border-width) solid var(--color-header-border);vertical-align:middle;font-size:14px}tbody tr{transition:background var(--motion-hover)}tbody tr:hover{background:var(--table-row-hover-bg)}td:first-child{font-size:15px}td strong,.skill-row strong,.metadata strong{font-weight:500}.badge{width:fit-content;display:inline-flex;align-items:center;min-height:24px;padding:var(--badge-padding-y) var(--badge-padding-x);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-badge);font-size:11px;font-weight:500}.badge.approved,.badge.task-approved{color:var(--color-success);background:var(--color-success-soft)}.badge.pending,.badge.task-running,.badge.task-waiting{color:var(--color-info);background:var(--color-info-soft)}.badge.task-in_review{color:var(--color-warning);background:var(--color-warning-soft)}.badge.declined,.badge.task-declined{color:var(--color-danger);background:var(--color-danger-soft)}.row-list{display:grid;gap:var(--space-2)}.directory{display:grid;gap:var(--space-3)}.directory-group{display:grid;gap:var(--space-2)}.directory-children{display:grid;gap:var(--space-2);padding-left:var(--space-5)}.disclosure,.skill-row,.session-row{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-button);background:transparent;text-align:left;font-size:14px}.disclosure:hover,.skill-row:hover,.session-row:hover{background:var(--color-hover)}.disclosure span,.skill-row span,.session-row span{min-width:0;display:grid;gap:var(--space-1)}.skill-row{display:grid;grid-template-columns:minmax(0,1fr) auto;border-color:var(--color-header-border);background:var(--color-surface)}.skill-row .badge{justify-self:end;align-self:center;white-space:nowrap}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--space-5);align-items:start}.profile-layout{display:grid;gap:var(--space-5)}.section-title{font-size:16px;font-weight:600}.metadata-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.metadata{display:grid;gap:var(--space-1);padding:var(--space-4);border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-lg);background:var(--color-secondary-surface);font-size:14px}.metadata strong{color:var(--color-primary-text);overflow-wrap:anywhere}.details-copy{color:var(--color-primary-text);font-size:14px;white-space:pre-wrap}.action-panel{position:sticky;top:96px;display:grid;gap:var(--space-3)}.modal-backdrop{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-5);background:#1416353d}.modal-backdrop.nested{z-index:50}.skill-modal{width:min(100%,760px);max-height:min(84vh,780px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-popover)}.skill-modal-header{padding:var(--space-4) var(--space-5);border-bottom:var(--border-width) solid var(--color-header-border);background:var(--color-surface)}.skill-modal-scroll{min-height:0;display:grid;gap:var(--space-4);overflow:auto;padding:var(--space-5)}.skill-modal-stack{display:grid;gap:var(--space-4)}.skill-field{display:grid;gap:var(--space-1)}.skill-field span{color:var(--color-secondary-text);font-size:12px;font-weight:500}.skill-field p{color:var(--color-primary-text);font-size:14px}.markdown-box{display:grid;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-lg);background:var(--color-secondary-surface)}.markdown-content{display:grid;gap:var(--space-3);color:var(--color-primary-text);font-size:14px}.markdown-content h2{font-size:18px}.markdown-content h3{font-size:15px}.markdown-content p{color:var(--color-primary-text);line-height:1.5;white-space:pre-wrap}.markdown-content ul,.markdown-content ol{display:grid;gap:var(--space-1);margin:0;padding-left:var(--space-5)}.markdown-content pre{overflow:auto;margin:0;padding:var(--space-3);border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-input);background:var(--color-surface)}.markdown-content code{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.skill-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:var(--border-width) solid var(--color-header-border);background:var(--color-surface)}.skill-modal-actions>.badge{margin-right:auto}.skill-modal-action-buttons{display:flex;justify-content:flex-end;gap:var(--space-2)}.toast{position:fixed;z-index:60;left:50%;bottom:var(--space-6);transform:translate(-50%);min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--space-4);border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-button);background:var(--color-primary-text);color:var(--color-surface);font-size:14px;font-weight:500;box-shadow:var(--shadow-popover)}.install-modal{width:min(100%,480px);display:grid;gap:var(--space-4);padding:var(--space-5);border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-popover)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.modal-header h2{min-width:0;font-size:20px;line-height:1.2}.command-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center}.command-row code{min-width:0;overflow-x:auto;padding:var(--space-3);border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-input);background:var(--color-secondary-surface);color:var(--color-primary-text);font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;white-space:nowrap}.back-button{width:fit-content;min-height:32px;display:inline-flex;align-items:center;gap:var(--space-1);padding-inline:var(--space-2);border-radius:var(--radius-button)}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--space-5);align-items:stretch}.chat-main,.session-panel{min-height:calc(100vh - 120px);display:grid;grid-template-rows:auto auto minmax(280px,1fr) auto auto;gap:var(--space-4)}.session-panel{grid-template-rows:auto minmax(0,1fr) auto}.workflow-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:var(--space-3);align-items:center}.transcript{min-height:320px;display:grid;align-content:start;gap:var(--space-3);overflow:auto;padding:var(--space-4);border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-lg);background:var(--color-secondary-surface)}.chat-row{display:flex}.chat-row.user{justify-content:flex-end}.chat-row.assistant{justify-content:flex-start}.chat-bubble{max-width:min(72%,680px);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-lg);background:var(--color-surface);white-space:pre-wrap}.chat-row.user .chat-bubble{color:var(--color-selected-button-text);background:var(--color-selected-button);border-color:var(--color-brand-border)}.composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2)}.composer input{min-height:44px;padding-inline:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-secondary-surface);color:var(--color-primary-text)}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-button);background:var(--color-secondary-button);color:var(--color-secondary-button-text);transition:background var(--motion-hover),border-color var(--motion-hover),color var(--motion-hover)}.icon-button:hover{border-color:var(--button-secondary-hover-border)}.primary-icon{color:var(--color-primary-button-text);background:var(--color-primary-button)}.primary-icon:hover{background:var(--button-primary-hover)}.session-list{min-height:0;display:grid;align-content:start;gap:var(--space-2);overflow:auto}.session-row{display:grid;gap:var(--space-2)}.session-row.active{color:var(--color-selected-button-text);background:var(--color-brand-surface);border-color:var(--color-brand-border)}.state-panel{min-height:180px;display:grid;place-items:center;align-content:center;gap:var(--space-2);padding:var(--space-5);text-align:center;border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-lg);background:var(--color-secondary-surface)}.alert{padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-brand-border);border-radius:var(--radius-lg);color:var(--color-info);background:var(--color-info-soft)}.mono{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.spin{animation:spin .85s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.hero,.value-grid,.detail-grid,.chat-layout{grid-template-columns:1fr}.product-preview{min-height:320px}.action-panel{position:static}.metadata-grid,.workflow-panel,.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:var(--border-width) solid var(--color-header-border)}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){h1{font-size:40px}.page-width{width:min(100% - 28px,1200px)}.header-nav{display:none}.toolbar{grid-template-columns:1fr}.segmented,.segmented button{width:100%}.sidebar-nav{grid-template-columns:1fr 1fr}.app-header{align-items:flex-start;flex-direction:column}.chat-bubble{max-width:90%}}
