.site-settings{flex:0 0 auto}.settings-panel{position:fixed;top:var(--settings-top, 80px);right:max(12px,var(--route-gutter));z-index:85;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - var(--settings-top, 80px) - 12px);overflow:auto;overscroll-behavior:contain;text-align:left;padding:16px;border:1px solid var(--route-line);border-radius:8px;background:var(--route-bg);color:var(--route-ink);box-shadow:0 10px 32px #0002;font-size:var(--text-sm)}.settings-panel[hidden]{display:none}.settings-heading,.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.route-app .settings-heading h2{font-size:1rem;margin:0}.settings-row{padding-top:12px}.settings-panel .background-options{border-top:1px solid var(--route-line);margin-top:16px;padding-top:14px}.route-app .background-options h3{margin:0 0 8px;font-size:inherit;font-weight:500}.route-app .background-options [role=radio][aria-checked=true]{border-color:var(--route-accent);background:var(--route-soft)}.settings-workbench{margin-top:16px;border:0;border-top:1px solid var(--route-line);padding:0;border-radius:0;background:none}.settings-workbench summary{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:14px 0 0;list-style:none}.settings-workbench summary::-webkit-details-marker{display:none}.settings-workbench[open] summary svg{transform:rotate(180deg)}.settings-workbench .workbuddy-links{display:grid;gap:10px;margin-top:14px}.settings-workbench .workbuddy-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:inherit;padding:6px 0;border:0;background:none;color:var(--route-link)}.settings-workbench .workbuddy-links svg{flex-shrink:0}.settings-mobile-help{display:none}.route-app>.route-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.route-header .route-nav{flex-wrap:wrap;gap:10px 20px}.route-header .header-actions{flex-wrap:nowrap}@media(max-width:1200px){.route-app>.route-header{grid-template-columns:minmax(0,1fr) auto;gap:12px 18px}.route-header .route-nav{grid-column:1 / -1;grid-row:2;display:flex}.route-header .header-actions{grid-column:2;grid-row:1}}@media(max-width:767px){.settings-desktop-only{display:none}}@media(max-width:640px){.route-header .brand small{display:none}.route-header .brand{min-width:0;gap:6px}.route-app .route-header .brand strong{font-size:1.05rem;white-space:nowrap}.route-header .header-actions>a[aria-label=帮助]{display:none}.route-header .route-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.settings-panel{right:12px}.settings-mobile-help{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:14px;border-top:1px solid var(--route-line)}}@media(max-width:380px){.route-app>.route-header{padding-inline:14px;column-gap:8px}.route-header .brand>svg{display:none}.route-app .route-header .brand strong{font-size:1rem}.route-header .header-actions{gap:4px}.route-app .route-header .header-actions .icon-control,.route-app .route-header .header-actions .theme-toggle{width:32px;min-width:32px}}:root{color:#18202a;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(16px,calc(15.8px + .1vw),18px);font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;--bg: #f7f8fa;--panel: #ffffff;--text: #18202a;--muted: #667080;--border: #dfe3e8;--border-strong: #b7c0ca;--accent: #1f5f96;--accent-text: #ffffff;--danger: #9b2c2c;--focus: #0f6cbd;--page-gutter: clamp(1rem, 2vw, 2.5rem);--page-max: 1760px;--touch-target: 44px;--floating-tools-z: 30;--mobile-action-rail-z: 60;--preview-fullscreen-z: 120;--preview-toolbar-height: 3rem}:root[data-theme=dark]{color:#eef2f6;background:#101418;--bg: #101418;--panel: #151b21;--text: #eef2f6;--muted: #a9b3bd;--border: #2c3640;--border-strong: #50606f;--accent: #8db9e5;--accent-text: #101418;--danger: #ffb4ab;--focus: #9ccaff}*{box-sizing:border-box}html,body,#root{max-width:100%;overflow-x:hidden}@supports (overflow: clip){html,body,#root{overflow-x:clip}}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}p,li,dd{overflow-wrap:break-word;word-break:normal}button,input,select,textarea{font:inherit}button,input,select,textarea,summary{border-radius:6px}button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);min-height:var(--touch-target);padding:.65rem .95rem;cursor:pointer}.site-header button,.site-nav button,.button-row button,.detail-actions button,.detail-actions a,.detail-tabs button,.legal-tabs button,.footer-link-button,.footer-admin-link,.footer-legal-nav>*,.category-chip,.category-row span,.directory-quick-filters button,.directory-mode-toggle button,.directory-group-toggle,.help-topic-grid button,.help-menu [role=menuitem],.button-link,.workflow-summary span,.source-badge,.stage-state,.theme-toggle{white-space:nowrap;word-break:keep-all}button:disabled{cursor:not-allowed;opacity:.5}button.secondary,.theme-toggle{border-color:var(--border-strong);background:transparent;color:var(--text)}.theme-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:5.2rem}.theme-toggle-symbol{font-size:1.05rem;line-height:1}.danger-button{border-color:var(--danger);background:transparent;color:var(--danger)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}input,select,textarea{width:100%;min-height:var(--touch-target);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);padding:.65rem .75rem}textarea{min-height:6rem;resize:vertical}fieldset{border:1px solid var(--border);margin:0;padding:1rem}legend{padding:0 .4rem;color:var(--muted)}label{display:grid;gap:.35rem;color:var(--text);font-size:.94rem}.checkbox-field{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.55rem}.checkbox-field input{width:auto;margin-top:.25rem}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto}.skip-link{position:fixed;z-index:10;left:1rem;top:-5rem;background:var(--panel);color:var(--text);border:1px solid var(--border);padding:.5rem .75rem}.skip-link:focus{top:1rem}.site-header,.site-nav,main,.site-footer{width:min(var(--page-max),calc(100% - var(--page-gutter)));min-width:0;margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2.25rem 0 1.15rem}.site-header>div{min-width:0}.site-header h1{margin:0;font-size:clamp(1.5rem,1.15rem + 1vw,2rem);letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere}.site-header p,.section-heading p,.muted{margin:.35rem 0 0;color:var(--muted)}.site-nav{display:flex;align-items:stretch;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--border);background:var(--bg)}.site-nav [role=tablist]{display:flex;flex:1 1 auto;gap:.25rem;min-width:0;overflow-x:auto}.nav-tools{display:flex;align-items:stretch;justify-content:flex-end;gap:.25rem;position:relative;flex:0 1 auto;max-width:min(100%,25rem);min-width:0}.site-nav button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:.85rem .95rem;white-space:nowrap}.site-nav button[aria-selected=true],.site-nav button[aria-current=page]{border-bottom-color:var(--accent);color:var(--text)}.site-nav .theme-toggle{align-self:center;min-height:2.25rem;border:1px solid var(--border-strong);border-radius:999px;color:var(--text);padding:.35rem .75rem}.site-nav .theme-toggle[aria-pressed=true]{border-color:var(--accent)}.help-nav{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:wrap;gap:.25rem;position:relative;flex:0 1 auto;min-width:0}.help-nav .help-trigger{padding-inline:clamp(.55rem,1vw,.95rem)}.help-menu{position:absolute;top:calc(100% + .2rem);right:0;min-width:11rem;border:1px solid var(--border);background:var(--panel);box-shadow:0 8px 20px #0f172a1a;padding:.25rem}.help-menu [role=menuitem]{display:block;width:100%;border:0;border-radius:4px;color:var(--text);text-align:left}main{padding-block:2.15rem 3.75rem}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,auto);align-items:center;justify-items:stretch;gap:1rem;border-top:1px solid var(--border);padding:.85rem 0 1rem;color:var(--muted);font-size:.88rem}.footer-developer,.footer-meta{display:grid;gap:.25rem}.footer-developer{text-align:left}.footer-meta{justify-items:end;text-align:right}.site-footer p,.site-footer address{margin:0}.site-footer address{font-style:normal}.site-footer a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.2em}.footer-legal-nav{display:flex;flex-wrap:wrap;gap:.45rem .75rem;align-items:center;justify-content:flex-end}.footer-link-button,.footer-admin-link{border:0;background:transparent;color:var(--muted);min-height:auto;padding:.1rem 0;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.footer-legal-nav a{color:var(--muted)}.footer-link-button:hover,.footer-link-button:focus-visible,.footer-admin-link:hover,.footer-admin-link:focus-visible{color:var(--text)}.flow{display:grid;gap:1.45rem}.narrow{max-width:960px}.upload-panel,.auth-panel{width:100%;max-width:min(100%,1180px);margin-inline:auto}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:1.4rem;align-items:start}.mobile-app-drawer,.mobile-directory-drawer,.mobile-esms-frame,.mobile-directory-title,.mobile-html-demo-tab{display:none}.directory-grid{display:grid;grid-template-columns:minmax(13rem,16rem) minmax(30rem,1fr) minmax(22rem,30rem);gap:clamp(1rem,1.25vw,1.5rem);align-items:start}.directory-floating-tools{position:fixed;top:4.75rem;right:max(1rem,var(--page-gutter));z-index:var(--floating-tools-z);display:flex;align-items:flex-start;justify-content:flex-end;gap:.65rem;pointer-events:none}.directory-floating-tools .workbuddy-dock,.directory-floating-tools .favorite-dock{position:relative;inset:auto;z-index:auto;width:auto;pointer-events:auto}.directory-floating-tools .workbuddy-trigger,.directory-floating-tools .favorite-dock-trigger{margin-left:0}.directory-floating-tools .workbuddy-panel,.directory-floating-tools .favorite-dock-panel{position:absolute;top:calc(100% + .65rem);right:0;margin-top:0}.directory-floating-tools .favorite-dock-panel{width:min(25rem,calc(100vw - 2rem))}.workbuddy-dock{display:grid;justify-items:start;gap:.65rem;width:max-content;min-width:0;pointer-events:none}.workbuddy-trigger{display:block;min-height:2.55rem;border-color:var(--accent);background:var(--accent);color:var(--accent-text);padding:.55rem 1rem;font-weight:750;pointer-events:auto;box-shadow:0 10px 24px #18202a1f}.workbuddy-panel{pointer-events:auto;display:grid;gap:.85rem;width:min(30rem,calc(100vw - 2rem));max-height:min(78vh,42rem);overflow:auto;border:1px solid var(--border);background:var(--panel);padding:1rem;box-shadow:0 22px 60px #18202a3d}.workbuddy-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:.85rem}.workbuddy-panel-heading h3,.workbuddy-panel-heading p,.workbuddy-status{margin:0}.workbuddy-panel-heading p,.workbuddy-status{color:var(--muted);font-size:.9rem}.workbuddy-endpoint-card{display:grid;gap:.35rem;border:1px solid var(--border);background:var(--surface);padding:.75rem}.workbuddy-endpoint-card span{color:var(--muted);font-size:.86rem}.workbuddy-endpoint-card code{overflow-wrap:anywhere}.workbuddy-step-list{display:grid;gap:.35rem;margin:0;padding-left:1.25rem;color:var(--muted)}.workbuddy-actions,.workbuddy-links{display:flex;flex-wrap:wrap;gap:.5rem}.workbuddy-actions button,.workbuddy-links a{min-height:2.35rem}.workbuddy-links a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);padding:.45rem .75rem;text-decoration:none}.workbuddy-output{display:grid;gap:.55rem}.workbuddy-output textarea{min-height:9rem;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.5}.want-prompt-output{display:grid;gap:.65rem}.want-prompt-output label{display:grid;gap:.35rem}.want-prompt-output textarea{min-height:13rem;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.55}.directory-sidebar,.directory-results{min-width:0}.directory-grid>.detail-panel{position:sticky;top:9.75rem;max-height:calc(100vh - 10.3rem);overflow-y:auto;scroll-margin-top:9.75rem}.directory-sidebar{position:sticky;top:3.2rem;display:grid;gap:.9rem;border:1px solid var(--border);background:var(--panel);padding:1.1rem}.directory-sidebar h3,.directory-group h4{margin:0}.directory-sidebar h3{font-size:1.08rem}.directory-sidebar p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.directory-group{display:grid;gap:.4rem;border-top:1px solid var(--border);padding-top:.75rem}.directory-group-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.directory-group h4{color:var(--muted);font-size:.86rem;font-weight:650}.directory-group-toggle{display:inline-flex;align-items:center;justify-content:flex-end;gap:.3rem;min-height:1.9rem;border:0;background:transparent;color:var(--muted);padding:.1rem 0;font-size:.86rem}.directory-group-toggle .toggle-mark{display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;border:1px solid var(--border-strong);color:var(--text);font-weight:650;line-height:1}.directory-group ul,.record-list{margin:0;padding:0;list-style:none}.category-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:2rem;border-color:transparent;background:transparent;color:var(--text);padding:.25rem 0;text-align:left}.category-row span:last-child{color:var(--muted)}.category-row[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--accent)}.directory-quick-filters,.directory-mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.directory-quick-filters button,.directory-mode-toggle button{min-height:2.15rem;border-color:var(--border-strong);background:transparent;color:var(--text);padding:.4rem .55rem}.directory-quick-filters button[aria-pressed=true],.directory-mode-toggle button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.result-count{margin:0;color:var(--muted);font-size:.9rem}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.section-heading h2,.section-heading h3,.artifact h3,.artifact-list h4,.suggestion-list h4{margin:0;font-size:1.22rem;letter-spacing:0;text-wrap:balance}.filters,.two-column,.three-column,.prompt-row,.task-intake{display:grid;grid-template-columns:repeat(2,minmax(14rem,1fr));gap:.85rem}.three-column{grid-template-columns:repeat(3,minmax(10rem,1fr))}.task-intake{align-items:stretch}.prompt-panel,.workflow-hint,.choice-panel{display:grid;gap:.85rem;border:1px solid var(--border);background:var(--panel);padding:1.15rem}.workflow-hint h3{margin:0;font-size:1rem}.choice-panel p{margin:0;color:var(--muted)}.my-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.my-summary p{color:var(--text)}.my-toolbar{display:grid;grid-template-columns:minmax(18rem,28rem) minmax(0,1fr);align-items:end;gap:.85rem;border:1px solid var(--border);background:var(--panel);padding:1rem}.my-toolbar p{margin:0;color:var(--muted)}.my-workspace{display:grid;grid-template-columns:minmax(17rem,.68fr) minmax(42rem,1.32fr);align-items:start;gap:1rem}.my-skill-browser{display:grid;gap:.75rem;min-width:0}.my-skill-card{display:grid;gap:.75rem;border:1px solid var(--border);background:var(--panel);padding:1rem;box-shadow:0 1px #00000005}.my-skill-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent),transparent 78%)}.my-skill-card-main{display:grid;gap:.25rem;min-width:0}.my-skill-card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;min-width:0}.my-skill-card-topline strong{min-width:0;font-size:1.05rem;overflow-wrap:anywhere}.my-pin-button{flex:0 0 auto;min-height:1.9rem;border-color:var(--border-strong);background:transparent;color:var(--muted);padding:.2rem .55rem;font-size:.8rem;line-height:1.2;white-space:nowrap}.my-pin-button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 90%);color:var(--accent)}.my-skill-card-main p,.my-skill-card-meta span,.my-management-heading p,.my-management-section p,.html-sample-row span{margin:0;color:var(--muted)}.my-skill-card-meta{display:flex;flex-wrap:wrap;gap:.45rem}.my-skill-card-meta span{border:1px solid var(--border);background:var(--bg);padding:.18rem .45rem;font-size:.82rem}.my-skill-quick-actions{display:flex;flex-wrap:wrap;gap:.5rem}.my-skill-quick-actions button{flex:1 1 12rem}.my-skill-quick-actions button[aria-current=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 88%);color:var(--accent)}.my-skill-management{position:sticky;top:1rem;display:grid;gap:1rem;min-width:0;max-height:calc(100vh - 2rem);overflow-y:auto;border:1px solid var(--border);background:var(--panel);padding:1rem}.my-skill-management.is-empty{color:var(--muted)}.my-management-grid{display:grid;grid-template-columns:repeat(2,minmax(18rem,1fr));align-items:start;gap:1rem;min-width:0}.my-management-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.my-management-heading h3,.my-management-section h4{margin:0}.my-management-section{display:grid;gap:.75rem;border:1px solid var(--border);background:var(--bg);padding:1rem}.my-tag-editor,.my-management-section.is-wide{grid-column:1 / -1}.html-sample-list{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.html-sample-row{display:grid;grid-template-columns:minmax(12rem,1fr) auto;align-items:center;gap:.75rem;border:1px solid var(--border);background:var(--panel);padding:.75rem}.html-sample-row>div:first-child{display:grid;gap:.15rem;min-width:0}.html-sample-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.my-skill-row{align-items:stretch}.my-skill-main{display:grid;align-content:start;gap:.25rem;min-width:min(22rem,100%)}.my-tag-editor{display:grid;flex:1 1 38rem;min-width:min(38rem,100%);gap:.75rem}.my-tag-editor .three-column{grid-template-columns:repeat(3,minmax(8rem,1fr))}.my-tag-editor button{width:fit-content}.compact-checkbox{max-width:24rem;color:var(--muted);font-size:.86rem}.workflow-hint ol{margin:0;padding-left:1.2rem;color:var(--muted)}.workflow-hint p{margin:0;color:var(--muted)}.generation-status{border:1px solid var(--border);background:var(--bg);margin:0;padding:.75rem;color:var(--muted)}.form-grid{display:grid;gap:1rem}.upload-panel .form-grid{grid-template-columns:minmax(0,1fr);align-items:start}.upload-panel .form-grid>.risk-prompt,.upload-panel .form-grid>fieldset,.upload-panel .form-grid>.error,.upload-panel .form-grid>button,.upload-panel .form-grid>p[aria-live=polite]{grid-column:1 / -1}.quick-upload-card{display:grid;grid-template-columns:minmax(15rem,.8fr) minmax(18rem,1.2fr);align-items:center;gap:1rem;border:1px solid var(--border);background:var(--panel);padding:1rem}.quick-upload-copy{display:grid;gap:.55rem;min-width:0}.quick-upload-copy h3,.quick-upload-copy p{margin:0}.quick-upload-qr{justify-self:end;width:min(12rem,100%);height:auto;border:1px solid var(--border);background:#fff;padding:.45rem}.quick-upload-form{display:grid;gap:.95rem;border:1px solid var(--border);background:var(--panel);padding:1rem}.quick-upload-textarea{min-height:8rem;line-height:1.65}.quick-optional-field{display:grid;gap:.4rem}.quick-field-help{color:var(--muted);font-size:.88rem;line-height:1.55}.quick-submit-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem}.quick-temporary-directory-link{min-height:var(--touch-target);justify-content:center}.quick-experience-guide{display:grid;gap:.75rem;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:1rem;background:color-mix(in srgb,var(--accent) 9%,var(--panel));padding:.9rem}.quick-experience-guide p{margin:0}.quick-experience-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.quick-experience-examples article{display:grid;gap:.35rem;border:1px solid var(--border);border-radius:.85rem;background:color-mix(in srgb,var(--panel) 88%,transparent);padding:.75rem}.quick-experience-examples h4{margin:0;color:var(--accent);font-size:.92rem}.quick-experience-examples p{color:var(--muted);font-size:.88rem;line-height:1.55}.temporary-skill-origin{color:var(--muted);font-size:.88rem}.upload-panel fieldset,.upload-section{display:grid;gap:.85rem;min-width:0}.upload-section-package{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.upload-section-package legend,.upload-section-package p{grid-column:1 / -1}.upload-section-public,.upload-section-legal{align-self:stretch}.upload-section-legal .checkbox-field{grid-template-columns:auto minmax(0,1fr);align-items:start;max-width:none;text-align:left;line-height:1.65}.upload-section-legal .checkbox-field input{margin-top:.45rem}.category-panel{display:grid;gap:.75rem;border:1px solid var(--border);background:var(--panel);padding:1rem}.category-panel h3{margin:0;font-size:1rem}.category-panel p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.category-list{display:flex;flex-wrap:wrap;gap:.5rem}.category-chip{display:inline-flex;align-items:center;gap:.45rem;min-height:2rem;border-color:var(--border-strong);background:transparent;color:var(--text);padding:.35rem .65rem}.category-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.record-list,.history-list,.artifact-list,.suggestion-list{display:grid;gap:.75rem}.record-list-item{display:block}.inline-favorite-button{justify-self:end;min-height:1.85rem;border-color:var(--border-strong);background:transparent;color:var(--text);padding:.22rem .55rem;font-size:.78rem;line-height:1.2}.inline-favorite-button[aria-pressed=true]{border-color:var(--accent);background:#1f5f9614;color:var(--accent)}.record-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;width:100%;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:.78rem .95rem;text-align:left}.record-row[data-selected=true],.record-row:focus-within{border-color:var(--accent)}.record-main{display:grid;flex:1 1 auto;min-width:0;min-height:auto;border:0;background:transparent;color:var(--text);padding:0;text-align:left}.record-copy{display:grid;gap:.25rem;min-width:0}.record-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0}.record-row strong{font-weight:650}.record-tags{color:var(--muted);font-size:.86rem}.record-row .meta{display:grid;flex:0 0 8.8rem;gap:.2rem;justify-items:end;color:var(--muted);white-space:nowrap;font-size:.86rem}.featured-badge,.excellent-author-badge,.author-state-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(31,95,150,.35);background:#1f5f961a;color:var(--accent);padding:.1rem .4rem;font-size:.76rem;font-weight:650}.excellent-author-badge{border-color:color-mix(in srgb,var(--accent),#10b981 35%);background:color-mix(in srgb,var(--accent),#dcfce7 82%);color:color-mix(in srgb,var(--accent),#047857 45%)}.author-state-badge{border-color:var(--border);background:var(--chip);color:var(--muted)}.excellent-author-skill{border-color:color-mix(in srgb,var(--accent),#10b981 25%);background:color-mix(in srgb,var(--panel),#ecfdf5 22%)}.record-row .excellent-author-skill-name{font-weight:850;letter-spacing:.01em}.record-title-line .excellent-author-badge{flex:0 0 auto}.temporary-skill-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent),#f59e0b 45%);background:color-mix(in srgb,var(--accent),#fef3c7 86%);color:var(--accent);padding:.1rem .4rem;font-size:.76rem;font-weight:650}.favorite-detail-actions{margin-top:.75rem}.favorite-detail-actions p{margin:0}.favorite-dock{position:fixed;top:4.75rem;right:max(1rem,var(--page-gutter));z-index:var(--floating-tools-z);width:min(25rem,calc(100vw - 2rem));pointer-events:none}.favorite-dock-trigger,.favorite-dock-panel{pointer-events:auto}.favorite-dock-trigger{display:block;margin-left:auto;box-shadow:0 10px 30px #18202a24}.favorite-dock-panel{display:grid;gap:.85rem;max-height:min(72vh,42rem);margin-top:.65rem;overflow:auto;border:1px solid var(--border);background:var(--panel);padding:1rem;box-shadow:0 18px 40px #18202a2e}.favorite-dock-heading{display:grid;gap:.25rem}.favorite-dock-heading h3,.favorite-dock-heading p,.favorite-item p,.favorite-recommendations p{margin:0}.favorite-list,.favorite-recommendations ul{display:grid;gap:.75rem;margin:0;padding-left:1.25rem}.favorite-item{display:grid;gap:.55rem}.favorite-batch-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border:1px solid var(--border);background:var(--surface);padding:.65rem}.favorite-batch-actions button{min-height:2.2rem;padding:.4rem .65rem}.favorite-batch-actions span{color:var(--muted);font-size:.86rem}.favorite-check{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.45rem}.favorite-check input{margin-top:.18rem}.favorite-check span{display:grid;gap:.2rem}.directory-sort-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.directory-sort-actions button{min-height:1.9rem;border-color:#1f6fb538;padding:.25rem .45rem;font-size:.78rem}.favorite-actions{display:flex;flex-wrap:wrap;gap:.4rem}.favorite-actions button,.favorite-recommendations button{min-height:2.1rem;padding:.35rem .55rem;font-size:.82rem}.favorite-recommendations{display:grid;gap:.5rem;border-top:1px solid var(--border);padding-top:.75rem}.favorite-recommendations li{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.skill-rating{display:grid;gap:.45rem;margin-top:.85rem;border-top:1px solid var(--border);padding-top:.85rem}.rating-summary{margin:0;color:var(--text);font-weight:650}.rating-actions{display:grid;gap:.35rem}.star-rating{display:inline-flex;align-items:center;gap:.2rem}.star-button{min-height:2rem;border-color:transparent;background:transparent;color:#c18400;padding:.15rem;font-size:1.35rem;line-height:1}.star-button[aria-pressed=true]{border-color:var(--border-strong)}.admin-overview{display:grid;grid-template-columns:repeat(5,minmax(7rem,1fr));gap:.65rem}.admin-overview span{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--border);background:var(--panel);padding:.7rem .85rem;color:var(--muted);font-size:.88rem}.admin-overview strong{color:var(--text);font-size:1.25rem;line-height:1}.admin-subnav{display:flex;flex-wrap:wrap;gap:.45rem}.admin-subnav button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}.admin-detail-panel{padding:1rem}.admin-panel-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.42fr);align-items:end;gap:1rem}.admin-panel-heading>.result-count{justify-self:end;margin:0}.admin-skill-search{display:grid;gap:.5rem;max-width:none}.admin-row{display:grid;grid-template-columns:minmax(16rem,1fr) minmax(24rem,1.15fr);align-items:start;gap:1rem;border:1px solid var(--border);background:var(--panel);padding:1rem}.admin-review-row{grid-template-columns:minmax(18rem,1fr) minmax(14rem,.32fr)}.admin-row-main{min-width:0}.admin-actions{display:grid;grid-template-columns:minmax(12rem,1fr) repeat(3,max-content);align-items:end;justify-content:end;gap:.5rem}.admin-review-actions{grid-template-columns:1fr;align-self:center}.admin-demo-html-picker{display:grid;grid-column:1 / -1;min-width:0;color:var(--muted);font-size:.86rem}.admin-owner-picker{display:grid;min-width:0;color:var(--muted);font-size:.86rem}.admin-user-form{border:1px solid var(--border);background:var(--bg);padding:1rem}.admin-user-row{align-items:stretch}.admin-demo-html-picker input{margin-top:.25rem}.admin-row p{margin:.25rem 0 0;color:var(--muted)}.system-status-grid{display:grid;grid-template-columns:repeat(4,minmax(10rem,1fr));gap:.75rem}.system-status-grid article,.system-status-list{border:1px solid var(--border);background:var(--bg);padding:.9rem 1rem}.system-status-grid span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:.35rem}.system-status-grid strong{display:block;color:var(--text);font-size:1.05rem}.system-status-grid p,.system-status-list p{margin:.35rem 0 0;color:var(--muted)}.system-status-list{display:grid;gap:.4rem}.detail-panel,details,.artifact-list article,.suggestion-list article{border:1px solid var(--border);background:var(--panel);padding:1.15rem;box-shadow:0 1px #00000005}.detail-panel h3{margin:0}.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .85rem;margin-top:1rem;color:var(--muted);font-size:.9rem}.detail-tabs,.legal-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1rem;border-bottom:1px solid var(--border)}.detail-tabs button,.legal-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:.55rem .7rem}.detail-tabs button[aria-selected=true],.legal-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text)}.detail-tab-panel,.legal-content{padding-top:1rem}.button-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:2.5rem;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);padding:.55rem .85rem;text-decoration:none}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#0000006b}.download-disclaimer-dialog{width:min(520px,100%);border:1px solid var(--border);background:var(--panel);color:var(--text);padding:1.1rem;box-shadow:0 18px 60px #00000038}.download-disclaimer-dialog h3{margin:0}.download-disclaimer-dialog p{margin:.75rem 0 0}.upload-status{min-height:1.5rem;margin:0;color:var(--muted)}.upload-status-busy{width:fit-content;padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--accent),transparent 68%);border-radius:12px;background:color-mix(in srgb,var(--accent),transparent 92%);color:var(--text);font-weight:700}.upload-completion-dialog{max-width:460px}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem}.skill-demo-preview{display:grid;gap:.75rem;border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.skill-demo-header{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.skill-demo-header h4{margin:0}.skill-demo-actions,.demo-html-switcher{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.skill-demo-actions{align-items:center}.demo-html-switcher{justify-content:flex-start}.demo-html-switcher button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 88%);color:var(--accent)}.skill-demo-frame{position:relative;width:100%;aspect-ratio:16 / 10;border:1px solid var(--border);background:var(--bg);overflow:hidden}.skill-demo-frame iframe,.html-preview-stage iframe{width:100%;height:100%;border:0;background:#fff}.html-preview-fullscreen{position:fixed;inset:0;z-index:var(--preview-fullscreen-z);display:grid;grid-template-rows:var(--preview-toolbar-height) minmax(0,1fr);background:var(--bg);color:var(--text)}[data-html-preview-fullscreen=true] .mobile-app-drawer,[data-html-preview-fullscreen=true] .mobile-directory-drawer,[data-html-preview-fullscreen=true] .directory-floating-tools{display:none}.skill-discussion{display:grid;gap:.85rem;border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.skill-discussion-header{display:flex;justify-content:space-between;gap:.75rem}.skill-discussion-header h4{margin:0}.comment-list{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.comment-item{border:1px solid var(--border);background:var(--bg);padding:.75rem}.comment-item p{margin:.45rem 0 0;overflow-wrap:anywhere}.comment-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;color:var(--muted);font-size:.86rem}.comment-meta strong{color:var(--text)}.comment-form{display:grid;gap:.7rem}.html-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:var(--preview-toolbar-height);border-bottom:1px solid var(--border);background:var(--panel);padding:.35rem .75rem}.html-preview-frame-label{flex:0 0 auto;color:var(--text);font-weight:800;letter-spacing:.02em}.html-preview-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:.45rem}.html-preview-current{display:inline-flex;align-items:center;justify-content:center;min-height:2.1rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);padding:.25rem .6rem;font-size:.86rem;line-height:1.2;white-space:nowrap}.html-preview-toolbar .button-link,.html-preview-toolbar button{min-height:2.1rem;padding:.35rem .65rem}.html-preview-stage{min-height:0;background:#fff}.legal-panel{max-width:880px}.legal-content ul{margin:0;padding-left:1.25rem}.legal-content li+li{margin-top:.55rem}.revision-window{display:grid;gap:.75rem;background:var(--bg)}.revision-window p{margin:0}.suggestion-list article{display:grid;gap:.3rem}.suggestion-list p{margin:0}.suggestion-list a{color:var(--accent);overflow-wrap:anywhere}.help-panel{display:grid;gap:1rem;width:100%;max-width:none}.help-topic-grid{display:flex;flex-wrap:wrap;gap:.5rem}.help-topic-grid button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.help-doc-section{border-top:1px solid var(--border);padding-top:1rem}.help-doc-section h3{margin:0;font-size:1.04rem}.help-doc-section p{margin:.4rem 0 .75rem;color:var(--muted)}.help-resource-card{display:grid;gap:.8rem;align-items:center;margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.help-resource-card strong{color:var(--text)}.help-resource-card p{margin-bottom:0}.help-resource-card a{justify-self:start;min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;padding:.65rem .9rem;border:1px solid var(--accent);border-radius:999px;color:var(--accent-text);background:var(--accent);font-weight:700;text-decoration:none}.help-resource-card a:focus-visible,.help-resource-card a:hover{outline:2px solid var(--accent);outline-offset:2px}.help-doc-section ul{margin:0;padding-left:1.25rem}.help-doc-section li+li{margin-top:.35rem}.usage-guide{width:100%;max-width:none;padding:clamp(1rem,1.2vw,1.5rem)}.usage-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,18rem);gap:clamp(1rem,1.6vw,1.75rem);align-items:start}.usage-main-column{min-width:0}.usage-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:0 clamp(1rem,1.6vw,1.75rem);align-items:start}.usage-section-wide,.usage-note,.usage-updated{grid-column:1 / -1}.usage-workflow-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));gap:clamp(1rem,1.6vw,1.75rem);align-items:start}.usage-side-nav{position:sticky;top:4.15rem;min-width:0;border:1px solid var(--border);background:var(--bg);padding:.9rem}.usage-side-nav h3{margin:0;font-size:1rem}.usage-side-nav nav{display:grid;gap:.35rem;margin-top:.75rem}.usage-side-nav a,.usage-side-nav button{display:block;width:100%;min-height:auto;border:1px solid var(--border);background:transparent;color:var(--text);padding:.55rem .65rem;text-align:left;text-decoration:none}.usage-side-nav a[aria-current=page],.usage-side-nav button[aria-current=page]{border-color:var(--accent);color:var(--accent)}.usage-side-nav p{margin:.75rem 0 0;color:var(--muted);font-size:.88rem}.usage-section{min-width:0;border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.usage-section h3{margin:0;font-size:1.04rem}.usage-section h4{margin:0;font-size:.98rem}.usage-section p{margin:.5rem 0 0;color:var(--muted)}.usage-section ul,.usage-section ol{margin:.65rem 0 0;padding-left:1.25rem}.usage-section li+li{margin-top:.45rem}.usage-section ol li span{display:block;color:var(--muted)}.usage-subsection{margin-top:.95rem}.usage-subsection ol{margin-top:.55rem}.usage-example-card{border:1px solid var(--border);background:var(--bg);padding:1rem}.usage-example-heading p,.usage-prompt-block p{margin:0 0 .25rem;color:var(--muted);font-size:.86rem;font-weight:650}.usage-example-flow li{padding-top:.5rem;border-top:1px solid var(--border)}.usage-example-flow li:first-child{border-top:0;padding-top:0}.usage-prompt-block{margin-top:1rem}.usage-prompt-block pre{max-height:32rem;margin:.5rem 0 0;overflow:auto;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:.85rem;font:.9rem/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.usage-definition-list{display:grid;gap:.65rem;margin:.75rem 0 0}.usage-definition-list div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.75rem;border-top:1px solid var(--border);padding-top:.65rem}.usage-definition-list div:first-child{border-top:0;padding-top:0}.usage-definition-list dt{color:var(--text);font-weight:600}.usage-definition-list dd{margin:0;color:var(--muted)}.table-scroll{width:100%;overflow-x:auto}.comparison-table{width:100%;min-width:560px;margin-top:.75rem;border-collapse:collapse;font-size:.95rem}.comparison-table th,.comparison-table td{border:1px solid var(--border);padding:.65rem .75rem;text-align:left;vertical-align:top}.comparison-table th{color:var(--text);font-weight:600}.comparison-table td{color:var(--muted)}.usage-note{border-left:3px solid var(--accent);margin-top:1rem;padding:.85rem 1rem;background:var(--bg);color:var(--muted)}.usage-note strong{color:var(--text)}.usage-updated{margin:1rem 0 0;color:var(--muted);font-size:.9rem}.detail-list{display:grid;gap:.7rem;margin:1rem 0}.detail-list div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.75rem}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0}.inline-list{display:flex;flex-wrap:wrap;gap:.25rem .45rem;margin:0;padding:0;list-style:none}.inline-list li:not(:last-child):after{content:"、";color:var(--muted)}.workflow-summary{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.workflow-summary span,.source-badge,.stage-state{display:inline-flex;align-items:center;min-height:1.75rem;border:1px solid var(--border);padding:.2rem .55rem;color:var(--muted);font-size:.86rem}.workflow-stage-section{display:grid;gap:.8rem;margin-top:1rem}.workflow-stage-section>h4{margin:0;font-size:1rem}.workflow-stage-list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.workflow-stage{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.85rem;border:1px solid var(--border);background:var(--bg);padding:1rem}.stage-index{display:grid;place-items:center;align-self:start;min-height:2.25rem;border:1px solid var(--border-strong);color:var(--muted);font-size:.86rem}.stage-body,.candidate-panel,.candidate-item{display:grid;gap:.55rem}.stage-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.stage-heading h4{margin:0;font-size:1rem}.stage-heading p,.stage-meta-grid p,.candidate-item p{margin:0;color:var(--muted)}.stage-meta-grid,.candidate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-meta-grid>div,.candidate-panel{border:1px solid var(--border);background:var(--panel);padding:.75rem}.stage-meta-grid strong,.candidate-item strong{font-size:.9rem}.candidate-title{display:flex;justify-content:space-between}.source-badge.repository-source{border-color:var(--accent);color:var(--accent)}.source-badge.github-source{border-color:var(--border-strong);color:var(--text)}.candidate-item{border-top:1px solid var(--border);padding-top:.55rem}.candidate-item:first-of-type{border-top:0;padding-top:0}.candidate-item span,.candidate-item a{color:var(--muted);overflow-wrap:anywhere}.candidate-item a,.candidate-download{color:var(--accent)}.candidate-download{width:fit-content}.empty-state,.risk-prompt,.error{border:1px solid var(--border);background:var(--panel);margin:0;padding:.85rem}.error,.field-error,.form-error{color:var(--danger)}.field-error,.form-error{font-size:.88rem}.inline{display:flex;align-items:center;gap:.5rem}.inline input{width:auto}.step-list{display:grid;gap:.55rem;padding-left:1.25rem}.step-list li span{display:block;color:var(--muted)}.button-row,.account-subnav{display:flex;flex-wrap:wrap;gap:.5rem}.account-subnav button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.account-my-panel{display:grid;gap:1rem}.log-panel{display:grid;gap:.35rem;border:1px solid var(--border);background:var(--bg);padding:.85rem}.log-panel p{margin:0}.log-panel time{display:inline-block;min-width:5.5rem;color:var(--muted)}details summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}@media(max-width:1120px){.directory-grid{grid-template-columns:minmax(12rem,15rem) minmax(0,1fr)}.directory-grid>.detail-panel{position:static;grid-column:1 / -1;max-height:none;overflow:visible}.usage-shell{grid-template-columns:1fr}.usage-side-nav{position:static;order:-1}.usage-side-nav nav{grid-template-columns:repeat(3,minmax(0,1fr))}.my-workspace,.my-management-grid{grid-template-columns:1fr}.my-skill-management{position:static;max-height:none;overflow:visible}.my-tag-editor,.my-management-section.is-wide{grid-column:auto}.admin-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panel-heading,.admin-row,.admin-review-row{grid-template-columns:1fr}.admin-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}}@media(max-width:760px){.site-header,.section-heading,details summary{display:flex;align-items:stretch;flex-direction:column}.site-nav{flex-direction:column;align-items:stretch}.site-nav [role=tablist]{width:100%}.nav-tools{width:100%;justify-content:flex-start;flex-wrap:wrap}.help-nav{max-width:none;justify-content:flex-start}.workspace-grid,.directory-grid,.usage-shell,.usage-page-grid,.usage-workflow-pair,.my-toolbar,.my-workspace,.my-management-grid,.filters,.two-column,.three-column,.prompt-row,.task-intake,.stage-meta-grid,.candidate-grid,.admin-panel-heading,.admin-row,.admin-review-row,.detail-list div,.usage-definition-list div{grid-template-columns:1fr}.usage-side-nav nav{grid-template-columns:1fr}.directory-sidebar{position:static}.record-row{flex-direction:column;gap:.65rem}.record-row .meta{flex:none;width:100%;justify-items:start;white-space:normal}.inline-favorite-button{justify-self:start}.site-footer{grid-template-columns:1fr;align-items:stretch}.footer-meta{justify-items:start;text-align:left}.footer-legal-nav{justify-content:flex-start}.workflow-stage{grid-template-columns:1fr}.admin-row{align-items:stretch;flex-direction:column}.my-skill-management{position:static;max-height:none;overflow:visible}.my-tag-editor .three-column{grid-template-columns:1fr}.theme-toggle{width:fit-content}}@media(max-width:640px){:root{--page-gutter: .8rem;font-size:16px}.site-header,.site-nav{display:none}.mobile-esms-frame{position:sticky;top:0;z-index:var(--mobile-action-rail-z);display:flex;align-items:center;gap:.5rem;width:calc(100% - var(--page-gutter));min-height:calc(var(--touch-target) + .45rem);margin-inline:auto;box-sizing:border-box;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg),var(--panel) 60%);padding:.65rem 5.5rem .55rem 0}.mobile-esms-frame strong{color:var(--text);font-size:1.15rem;letter-spacing:.02em}.mobile-esms-frame span{color:var(--muted);font-size:.86rem}main,.site-footer{width:calc(100% - var(--page-gutter))}main{padding-block:.75rem calc(5.75rem + env(safe-area-inset-bottom))}.mobile-app-drawer,.mobile-directory-drawer{display:block;position:fixed;z-index:var(--mobile-action-rail-z);bottom:calc(.75rem + env(safe-area-inset-bottom));margin:0;border:0;background:transparent;padding:0;box-shadow:none}.mobile-app-drawer{top:calc(.45rem + env(safe-area-inset-top));right:.75rem;bottom:auto;left:auto;width:min(4.9rem,calc(100% - 1.5rem))}.mobile-directory-drawer{left:.75rem;right:calc(66.666% + .25rem)}.directory-floating-tools{position:fixed;left:calc(33.333% + .125rem);right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));top:auto;z-index:var(--mobile-action-rail-z);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.375rem;pointer-events:auto}.directory-floating-tools .workbuddy-dock,.directory-floating-tools .favorite-dock{position:static;width:auto;pointer-events:auto}.mobile-app-drawer>summary,.mobile-directory-drawer>summary,.workbuddy-trigger,.favorite-dock-trigger{display:flex;align-items:center;justify-content:center;flex-direction:row;width:100%;min-height:var(--touch-target);border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--accent-text);padding:.55rem .35rem;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:0 12px 32px #18202a38}.mobile-app-drawer>summary{min-height:2.35rem;padding-inline:.7rem;box-shadow:0 8px 22px #18202a24}.mobile-app-drawer[open]>summary,.mobile-directory-drawer[open]>summary,.workbuddy-trigger[aria-expanded=true],.favorite-dock-trigger[aria-expanded=true]{border-color:var(--accent);background:var(--panel);color:var(--accent)}.mobile-app-drawer-panel,.mobile-directory-drawer-panel,.directory-floating-tools .workbuddy-panel,.directory-floating-tools .favorite-dock-panel{position:fixed;left:.75rem;right:.75rem;bottom:calc(4.25rem + env(safe-area-inset-bottom));top:auto;display:grid;gap:.85rem;width:auto;max-height:min(72vh,34rem);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border);background:var(--panel);padding:.9rem;box-shadow:0 18px 48px #18202a33}.mobile-app-drawer-panel{top:calc(3.2rem + env(safe-area-inset-top));bottom:auto;max-height:min(68vh,30rem)}.mobile-app-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.mobile-app-actions button,.mobile-app-actions .theme-toggle{width:100%;min-height:var(--touch-target)}.mobile-app-actions button[aria-current=page]{border-color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 90%);color:var(--accent)}.mobile-directory-tool-section{display:grid;gap:.75rem}.workspace-grid,.directory-grid,.usage-shell,.usage-page-grid,.usage-workflow-pair,.my-toolbar,.my-workspace,.my-skill-browser,.my-skill-management,.my-management-grid,.filters,.two-column,.three-column,.prompt-row,.task-intake,.stage-meta-grid,.candidate-grid,.detail-list div,.usage-definition-list div,.my-summary{grid-template-columns:1fr}.directory-grid{gap:.75rem}.my-skill-browser{gap:.65rem}.my-skill-management{padding:.85rem}.html-sample-row{grid-template-columns:1fr;align-items:stretch}.html-sample-actions,.my-management-heading,.my-skill-quick-actions{align-items:stretch;flex-direction:column}.workbuddy-dock{width:auto}.workbuddy-trigger{width:100%;min-height:var(--touch-target)}.workbuddy-panel{width:auto;max-height:min(72vh,34rem);padding:.9rem}.workbuddy-actions button,.workbuddy-links a,.want-prompt-output button{min-height:var(--touch-target)}.directory-grid>.detail-panel{order:1}.directory-results{order:2}.directory-sidebar,.directory-results>.filters{display:none}.directory-results>.section-heading{display:none}.mobile-directory-title{display:block;margin:0;color:var(--text);font-size:1.02rem;font-weight:750}.favorite-batch-actions,.favorite-actions{display:grid;grid-template-columns:1fr}.favorite-batch-actions button,.favorite-actions button,.favorite-recommendations button{width:100%;min-height:var(--touch-target)}.favorite-recommendations li{align-items:stretch;flex-direction:column}.directory-sidebar h3{font-size:1rem}.directory-sidebar p{font-size:.82rem}.directory-group{gap:.3rem;padding-top:.55rem}.directory-group-toggle,.category-row,.directory-quick-filters button{min-height:var(--touch-target)}.directory-quick-filters,.directory-mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-upload-card{grid-template-columns:minmax(0,1fr);padding:.85rem}.quick-upload-qr{justify-self:start;width:min(9rem,48vw)}.quick-upload-form{gap:.75rem;padding:.8rem}.quick-upload-form input,.quick-upload-form textarea,.quick-upload-form button,.quick-temporary-directory-link{font-size:1rem}.quick-upload-textarea{min-height:6.75rem}.quick-field-help{font-size:.82rem}.quick-submit-actions{grid-template-columns:minmax(0,1fr)}.quick-experience-guide{border-radius:.9rem;padding:.8rem}.quick-experience-examples{grid-template-columns:minmax(0,1fr)}.mobile-directory-filters{display:grid;gap:.65rem}label{font-size:.9rem}.record-list{gap:.65rem}.record-row{padding:.85rem}.record-main{width:100%;min-height:var(--touch-target)}.record-copy{gap:.35rem}.record-tags{font-size:.82rem}.record-row .meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .6rem;width:100%;justify-items:stretch;white-space:normal;font-size:.82rem}.inline-favorite-button,.directory-sort-actions,.featured-badge,.excellent-author-badge{width:100%;min-height:var(--touch-target);justify-content:center}.directory-sort-actions button{flex:1 1 0;min-height:var(--touch-target)}.detail-panel,details,.artifact-list article,.suggestion-list article{padding:.9rem}.mobile-app-drawer,.mobile-directory-drawer{padding:0}.detail-panel{gap:.75rem;scroll-margin-top:.75rem}.detail-panel .section-heading{gap:.35rem}.detail-panel .section-heading h3{font-size:1.18rem;line-height:1.35}.detail-panel .section-heading p{font-size:.9rem}.detail-actions,.button-row,.account-subnav,.admin-overview,.admin-actions{display:grid;grid-template-columns:1fr}.detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:0}.detail-actions>span{display:none}.detail-actions button,.detail-actions a,.button-row button,.account-subnav button,.admin-actions button,.button-link{width:100%;min-height:var(--touch-target)}.mobile-html-demo-tab{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);background:var(--panel);color:var(--accent);padding:.55rem .85rem;text-decoration:none}.favorite-detail-actions,.skill-rating,.detail-tabs,.skill-discussion,.detail-list{display:none}.detail-tab-panel{padding-top:0}.detail-tab-panel>p{margin:0;color:var(--text);font-size:.95rem;line-height:1.65}.detail-tabs,.legal-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.2rem;-webkit-overflow-scrolling:touch}.detail-tabs button,.legal-tabs button{flex:0 0 auto;min-height:var(--touch-target);padding:.55rem .75rem}.detail-list div,.usage-definition-list div,.workflow-summary{gap:.35rem}.stage-heading,.skill-demo-header,.comment-meta,.html-preview-toolbar{align-items:stretch;flex-direction:column}.skill-demo-actions,.demo-html-switcher{justify-content:stretch}.skill-demo-actions>*,.demo-html-switcher button,.html-preview-toolbar>*{width:100%}.html-preview-toolbar{align-items:center;flex-direction:row;min-width:0;overflow-x:auto}.html-preview-toolbar>*{width:auto}.html-preview-actions{flex:0 0 auto}.html-preview-actions>*{flex:0 0 auto;width:auto}.html-preview-actions .button-link,.html-preview-actions button{min-height:2.1rem;padding:.35rem .65rem}.skill-demo-frame{aspect-ratio:4 / 3;max-height:58vh}.skill-demo-preview{gap:.55rem;border-top:1px solid var(--border);margin-top:.15rem;padding-top:.75rem}.skill-demo-header p{display:none}.skill-demo-header h4{font-size:1rem}.download-disclaimer-dialog{max-height:calc(100vh - 2rem);overflow:auto}.help-topic-grid{display:grid;grid-template-columns:1fr}.help-resource-card a{width:100%}.usage-guide{padding:.85rem}.usage-side-nav nav{grid-template-columns:1fr}.site-footer{display:none;font-size:.82rem;padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))}.footer-legal-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.footer-link-button,.footer-admin-link{display:inline-flex;align-items:center;min-height:var(--touch-target)}.my-skill-main,.my-tag-editor{min-width:0}}@media(max-width:420px){:root{--page-gutter: .75rem}.site-header h1{font-size:1rem}.nav-tools,.record-row .meta,.footer-legal-nav{grid-template-columns:1fr}.favorite-dock-panel{max-height:min(68vh,32rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}.skill-install-copy{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%}.skill-install-copy>span{font-size:.9rem}.skill-install-copy textarea{flex-basis:100%;min-width:0;width:100%;color:var(--route-ink);background:var(--route-bg)}.skill-key-notice{display:inline-flex;align-items:center;gap:6px;font-size:.9rem}.salon-file-upload ul{list-style:none;padding:0;overflow-wrap:anywhere}.salon-file-upload li{display:flex;align-items:center;justify-content:space-between;gap:10px}.salon-resource-list{display:grid;gap:12px}.detail-actions>.skill-install-copy{display:inline-flex;min-width:0}.detail-actions>.skill-key-notice{display:inline-flex}@media(max-width:640px){.detail-actions>.skill-install-copy{align-self:start}.skill-install-copy button{width:100%;white-space:normal}.detail-actions>.skill-key-notice,.detail-actions>.skill-install-copy:has(textarea){grid-column:1/-1}}.want-unified-panel .want-view-switch,.want-unified-panel .want-batch-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.want-view-switch button[aria-pressed=true]{color:var(--route-accent);border-color:var(--route-accent);font-weight:700}.want-unified-panel .want-search{display:grid;gap:5px}.want-unified-panel .want-search input{min-width:0;width:100%}.want-unified-panel .favorite-check small{display:block;color:var(--route-muted)}.want-unified-panel .want-install-actions{position:sticky;bottom:0;background:var(--route-bg);padding:12px 0;border-top:1px solid var(--route-line);display:flex;gap:8px;flex-wrap:wrap}.want-unified-panel .want-prompt-output textarea{width:100%;min-height:160px;resize:vertical;font:inherit}.want-unified-panel [role=status]{font-size:var(--text-sm);line-height:1.6}:root{font-size:var(--app-font-size, 18px);--app-standard-font-size: 18px;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--route-bg: #fff;--route-ink: #202823;--route-muted: #6b726e;--route-line: #e2e7e3;--route-soft: #f5f7f6;--route-accent: #286b4e;--route-link: #24648a;--route-danger: #b33c39;--route-gutter: 32px;--download-bg: #245b43;--download-ink: #fff;--preview-soft: #eaf4ed;--preview-ink: #215c43}:root[data-theme=dark]{--route-bg: #181c1a;--route-ink: #e6ebe7;--route-muted: #a4afa8;--route-line: #343c36;--route-soft: #222923;--route-accent: #91d4af;--route-link: #8ac4e5;--route-danger: #ffb4ab;--preview-soft: #213b2c;--preview-ink: #b3dfc4}html,body{margin:0;min-width:320px;background:var(--route-bg);color:var(--route-ink)}*{letter-spacing:0!important}.route-app{min-height:100vh;display:flex;flex-direction:column;font-size:var(--text-base);line-height:1.6;background:var(--route-bg);color:var(--route-ink)}.route-app *,.route-app *:before,.route-app *:after{box-sizing:border-box}.route-app h1,.route-app h2,.route-app h3,.route-app p{margin-top:0}.route-app h1{font-size:1.75rem;font-weight:650;line-height:1.35;margin-bottom:6px}.route-app h2{font-size:var(--text-xl);line-height:1.5}.route-app h3{font-size:var(--text-base)}.route-app h1,.route-app h2,.route-app h3,.route-app h4{overflow-wrap:anywhere}.route-app svg{flex-shrink:0}:where(.route-app) a{color:var(--route-link);text-decoration:none}:where(.route-app) a:hover{text-decoration:underline}.route-app button,.route-app input,.route-app select,.route-app textarea{font:inherit}.route-app button,.route-app .primary-link,.route-app .button-link{display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1px solid var(--route-accent);border-radius:5px;padding:8px 13px;color:var(--route-bg);background:var(--route-accent);min-height:38px;cursor:pointer;box-shadow:none;white-space:normal;overflow-wrap:anywhere;max-width:100%}.route-app button:hover,.route-app .primary-link:hover,.route-app .button-link:hover{filter:brightness(.94);text-decoration:none}.route-app button:disabled{opacity:.45;cursor:not-allowed}.route-app button.secondary,.route-app .button-link.secondary,.route-app .icon-control{background:transparent;color:var(--route-ink);border:1px solid var(--route-line)}.route-app .icon-control{display:inline-flex;width:36px;height:36px;min-height:36px;padding:0;align-items:center;justify-content:center;border-radius:5px;flex-shrink:0}.route-app button[aria-pressed=true]{background:var(--route-soft);color:var(--route-accent)}.route-app .detail-tabs button,.route-app .legal-tabs button{background:transparent;color:var(--route-muted);border:0;border-bottom:2px solid transparent;border-radius:0}.route-app .detail-tabs button[aria-selected=true],.route-app .legal-tabs button[aria-selected=true]{color:var(--route-accent);border-bottom-color:var(--route-accent);font-weight:600}.route-app .danger-button{background:transparent;color:var(--route-danger);border-color:var(--route-danger)}.route-app input:not([type=checkbox]):not([type=radio]),.route-app select,.route-app textarea{color:var(--route-ink);background:var(--route-bg);border:1px solid var(--route-line);border-radius:5px;padding:9px 11px;max-width:100%;min-width:0;box-shadow:none}.route-app input[type=checkbox]{width:16px;height:16px;accent-color:var(--route-accent)}.route-app :focus-visible{outline:2px solid var(--route-accent);outline-offset:3px}.route-app .muted,.route-app small{color:var(--route-muted)}.route-app .error{color:var(--route-danger)}.route-header{display:flex;align-items:center;gap:24px;min-height:76px;padding:14px var(--route-gutter);border-bottom:1px solid var(--route-line);flex-wrap:wrap}.route-app .brand{display:flex;gap:10px;align-items:center;color:var(--route-ink);flex-shrink:0}.brand span{display:flex;flex-direction:column;line-height:1.3}.brand strong{font-size:1.5rem;font-weight:800;letter-spacing:.025em}.brand small{margin-top:3px;font-size:.6875rem;line-height:1.4;white-space:nowrap}.route-nav{display:flex;gap:24px;align-self:stretch;align-items:center}.route-nav a{color:var(--route-muted);font-size:var(--text-base);white-space:nowrap;padding:5px 0}.route-nav a.active{color:var(--route-ink);font-weight:650;box-shadow:0 2px var(--route-accent)}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;max-width:100%;flex-wrap:wrap;justify-content:flex-end}.font-size-control{display:inline-grid;grid-template-columns:36px 28px 36px;align-items:center;flex:0 0 auto;gap:1px}.font-size-control output{color:var(--route-ink);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:1;text-align:center}.header-actions .theme-toggle{width:36px;height:36px;padding:0;min-height:36px;background:transparent;color:var(--route-ink);border:1px solid var(--route-line);border-radius:5px}.route-app .account-link{display:flex;gap:7px;align-items:center;margin-left:8px;color:var(--route-ink)}.account-link span{max-width:115px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.route-main{flex:1;width:100%;margin:0 auto;padding:32px var(--route-gutter) 56px;outline:none}.route-footer{border-top:1px solid var(--route-line);padding:20px var(--route-gutter) calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;font-size:var(--text-xs)}.footer-top,.footer-legal{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;width:100%;min-width:0;white-space:nowrap;overflow-x:auto}.footer-top>*,.footer-legal>*{flex-shrink:0}.footer-title{font-weight:600}.route-footer nav{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;max-width:none}.route-footer a{display:inline-flex;align-items:center;gap:3px;min-height:32px;color:var(--route-muted);white-space:nowrap}.route-footer a:hover{color:var(--route-accent)}.route-footer .footer-title{color:var(--route-ink)}.route-footer .footer-title:hover{color:var(--route-accent)}.route-footer small{font-size:inherit;color:var(--route-muted)}.footer-visits{font-variant-numeric:tabular-nums}.footer-legal{gap:16px}.route-app .page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 26px;flex-wrap:wrap}.page-heading>div{min-width:0}.page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.page-heading p{margin-bottom:0}.route-app .eyebrow{font-size:var(--text-xs);color:var(--route-muted);margin:0 0 7px}.route-app .text-action,.route-app .back-link,.section-title a{display:inline-flex;gap:7px;align-items:center}.route-app .back-link{margin-bottom:23px}.route-app .small-badge{font-size:var(--text-xs);color:var(--route-accent);background:var(--route-soft);border:1px solid var(--route-line);border-radius:4px;padding:2px 7px;white-space:nowrap}.catalog-topbar{display:flex;align-items:center;gap:20px;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--route-line)}.segmented{display:inline-flex;border:1px solid var(--route-line);border-radius:5px;padding:3px}.route-app .segmented button{color:var(--route-muted);background:transparent;border:0;min-height:34px;padding:5px 14px;white-space:nowrap}.segmented small,.filter-link small{flex-shrink:0;white-space:nowrap}.route-app .segmented button[aria-pressed=true]{color:var(--route-ink);background:var(--route-soft)}.search-field{display:flex;align-items:center;border:1px solid var(--route-line);border-radius:5px;padding:2px 4px 2px 12px;width:min(410px,48%);color:var(--route-muted)}.route-app .search-field input{border:0!important;width:100%;background:transparent!important}.route-app .search-field .icon-control{border:0}.catalog-layout{display:grid;grid-template-columns:184px minmax(0,1fr);gap:34px}.catalog-filters{padding:23px 23px 10px 0;border-right:1px solid var(--route-line)}.catalog-filters summary{display:flex;align-items:center;gap:9px;font-weight:600;cursor:pointer;margin-bottom:12px}.filter-group{margin:23px 0}.route-app .filter-group h2{font-size:var(--text-xs);font-weight:500;color:var(--route-muted);margin:0 0 6px}.route-app .filter-link{display:flex;justify-content:space-between;text-align:left;width:100%;border:0;border-radius:3px;background:none;color:var(--route-ink);padding:4px 7px;min-height:32px;font-size:var(--text-sm)}.filter-link small{font-size:var(--text-xs)}.catalog-results{min-width:0;padding-top:17px}.result-toolbar{display:flex;align-items:center;gap:20px;min-height:40px;margin-bottom:11px;color:var(--route-muted);font-size:var(--text-xs)}.result-toolbar>span{margin-right:auto}.route-app .result-toolbar select{border:0;padding:5px;background:transparent}.route-app .checkbox-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-weight:400}.skill-rows{list-style:none;margin:0;padding:0}.skill-rows>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;border-bottom:1px solid var(--route-line)}.route-app .catalog-favorite{width:44px;height:44px;min-height:44px;margin-top:16px;color:var(--route-muted);border-color:transparent}.route-app .catalog-favorite:hover{background:var(--route-soft);border-color:var(--route-line)}.route-app .catalog-favorite[aria-pressed=true]{color:var(--route-accent);background:var(--route-soft)}.route-app .skill-row{display:flex;min-width:0;align-items:center;gap:20px;justify-content:space-between;padding:21px 5px;color:var(--route-ink)}.skill-row>div{min-width:0}.skill-row>svg{flex-shrink:0;color:var(--route-muted)}.skill-row:hover{background:var(--route-soft);text-decoration:none!important}.row-title{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.route-app .row-title h2{font-size:var(--text-lg);font-weight:600;margin:0 0 6px;overflow-wrap:anywhere}.skill-row p{margin:0 0 9px;font-size:var(--text-sm);color:var(--route-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 17px;font-size:var(--text-xs);color:var(--route-muted)}.catalog-tags{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:100%}.route-app .catalog-tag{color:var(--preview-ink);background:var(--preview-soft);white-space:normal;overflow-wrap:anywhere;max-width:100%}.catalog-downloads{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:25px 0 0;font-size:var(--text-xs)}.route-app .page-status{padding:70px 25px;text-align:center;color:var(--route-muted)}.route-app .empty-state{text-align:center;padding:70px 20px;border:0;background:transparent}.route-app .empty-state h2{font-size:var(--text-xl);font-weight:500}.route-app .status-note{font-size:var(--text-xs);color:var(--route-muted);padding:12px 0;margin:15px 0 0;border-top:1px solid var(--route-line)}.route-app .standalone-page>section,.route-app .skill-page>.detail-panel,.route-app .account-my-panel>section{border:0;box-shadow:none;border-radius:0;background:transparent;padding:0}.route-app .skill-page{width:100%;max-width:none;margin:0 auto}.route-app .skill-page .detail-panel{border:0;border-radius:0;box-shadow:none}.route-app .skill-page .detail-panel h3{font-size:1.5rem;overflow-wrap:anywhere}.route-app .choice-panel,.route-app .guidance-box{background:var(--route-soft);border:0;border-radius:4px}.route-app .subnav{display:flex;gap:24px;border-bottom:1px solid var(--route-line);margin-bottom:25px;flex-wrap:wrap}.subnav a{padding:0 0 10px;color:var(--route-muted)}.subnav a.active{color:var(--route-accent);border-bottom:2px solid var(--route-accent)}.auth-page{width:min(380px,100%);margin:40px auto 70px}.auth-page h1{margin-bottom:30px}.auth-switch{margin:25px 0 9px}.auth-switch a{margin-left:7px}.workspace-layout{display:grid;grid-template-columns:minmax(188px,10.5rem) minmax(0,1fr);gap:32px;min-height:62vh}.workspace-nav{border-right:1px solid var(--route-line);padding-right:22px}.workspace-nav nav{display:flex;flex-direction:column;gap:5px;margin-top:18px}.workspace-nav nav a{display:flex;align-items:center;gap:10px;color:var(--route-muted);padding:9px 10px;border-radius:4px}.workspace-nav nav a.active{color:var(--route-accent);background:var(--route-soft);font-weight:600}.private-label{display:block;color:var(--route-muted);font-size:var(--text-xs);margin:30px 10px}.workspace-example-link{display:inline-flex;align-items:center;gap:10px;margin:22px 10px 0;font-size:var(--text-sm)}.workspace-content{min-width:0}.workspace-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--route-line);border-bottom:1px solid var(--route-line);margin-bottom:32px}.workspace-stats a{display:flex;flex-direction:column;padding:18px 12px 18px 0;color:var(--route-muted);font-size:var(--text-xs)}.workspace-stats strong{font-size:1.875rem;color:var(--route-ink);font-weight:500}.next-action{padding:5px 0 32px;border-bottom:1px solid var(--route-line)}.next-action h2{font-size:1.375rem;margin-bottom:20px}.next-action p{color:var(--route-muted)}.recent-section{padding-top:28px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.section-title h2{font-size:var(--text-base)}.section-title a{font-size:var(--text-xs)}.list-toolbar{display:flex;gap:12px;margin:0 0 12px;flex-wrap:wrap}.list-toolbar input{flex:1 1 200px}.record-list{list-style:none;padding:0;margin:0}.record-list li{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--route-line);padding:19px 0}.record-list li>div,.record-main{min-width:0}.route-app .record-title{font-size:var(--text-base);font-weight:600;color:var(--route-ink)}.record-list p{margin:5px 0;color:var(--route-muted);font-size:var(--text-sm);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.route-app .record-main{color:var(--route-ink);flex:1}.record-main h2{font-size:var(--text-base);margin:0;overflow-wrap:anywhere}.record-list small{font-size:var(--text-xs)}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.record-editor{width:100%;max-width:none}.editor-form{display:flex;flex-direction:column;gap:20px}.editor-form label{display:flex;flex-direction:column;gap:7px;font-size:var(--text-sm);font-weight:500}.editor-form .checkbox-line{flex-direction:row}.editor-form input,.editor-form select,.editor-form textarea{width:100%}.editor-form textarea{resize:vertical;min-height:100px}.editor-form .checkbox-line input{width:16px}.form-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-actions{display:flex;align-items:center;gap:20px;border-top:1px solid var(--route-line);padding-top:22px;flex-wrap:wrap}.form-actions .danger-action{margin-left:auto;color:var(--route-danger)}.delete-confirm{border:1px solid #d8a6a5;border-radius:5px;padding:18px}.delete-confirm button{margin-right:12px}.record-editor>.text-action{margin-top:25px}.recommendations{margin-top:30px}.recommendations h2{font-size:var(--text-base)}.recommendation-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--route-line);padding:12px 0}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:900px){.route-header{gap:20px;padding:13px 22px}.route-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.brand small{font-size:.625rem}.workspace-layout{gap:25px;grid-template-columns:162px minmax(0,1fr)}.route-footer{flex-direction:column}.route-footer nav{justify-content:flex-start;max-width:none}.footer-visits{text-align:left}}@media(max-width:640px){.route-header{padding:12px 18px 0;gap:14px 10px;min-height:100px}.route-header .brand strong{font-size:1.3125rem}.route-header .brand svg{width:22px}.header-actions{gap:5px}.header-actions .account-link{margin-left:2px}.account-link span{display:none}.account-link{width:32px;justify-content:center}.route-nav{order:3;grid-template-columns:repeat(2,minmax(0,1fr));flex-basis:100%;min-height:41px;justify-content:space-between;padding:0 4px;gap:6px;width:100%}.route-nav a{padding-bottom:9px;font-size:var(--text-sm);white-space:normal;text-align:center}.route-main{padding:27px 18px 45px}.route-app h1{font-size:1.5rem}.page-heading{align-items:flex-start!important;gap:12px!important;flex-wrap:wrap;margin-bottom:22px!important}.page-heading .primary-link{font-size:var(--text-xs)}.catalog-topbar{flex-direction:column;align-items:stretch;gap:15px}.segmented{align-self:flex-start}.route-app .segmented button{font-size:var(--text-sm);padding-inline:8px}.search-field{width:100%}.catalog-layout{grid-template-columns:1fr;gap:0}.catalog-filters{padding:14px 0 0;border-right:0}.catalog-filters details{border-bottom:1px solid var(--route-line)}.catalog-filters details[open] .filter-group{display:inline-flex;vertical-align:top;flex-direction:column;width:48%;padding:0 8px 0 0;margin-top:10px}.catalog-filters details[open]>.filter-link{width:auto}.catalog-filters summary{font-size:var(--text-xs);margin:0 0 12px}.catalog-results{padding-top:10px}.result-toolbar{gap:6px;flex-wrap:wrap}.row-title h2{font-size:var(--text-base)!important}.skill-row{padding:19px 0!important;gap:14px!important}.row-meta{gap:4px 12px}.workspace-layout{grid-template-columns:1fr;gap:25px}.workspace-nav{border-right:0;padding:0;border-bottom:1px solid var(--route-line)}.workspace-nav>.eyebrow,.private-label{display:none}.workspace-nav nav{display:grid;font-size:var(--text-xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(4em + 32px)),1fr));gap:5px;margin:0 0 15px}.workspace-nav nav a{padding:8px 4px;font-size:var(--text-xs);gap:6px;justify-content:center}.workspace-nav nav svg{width:15px}.workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-stats a{padding:13px 0}.form-columns{grid-template-columns:1fr}.record-list li{align-items:flex-start;gap:12px}.record-list .row-actions{max-width:135px;justify-content:flex-end;flex-shrink:0}.record-list .row-actions>a{font-size:var(--text-xs)}.route-footer{padding:22px 18px calc(22px + env(safe-area-inset-bottom))}.route-footer nav{gap:4px 16px}.route-footer a{min-height:44px}.route-app .skill-page .detail-panel h3{font-size:1.375rem}.route-app .detail-heading{flex-wrap:wrap}}.route-app .catalog-tools{position:fixed;right:var(--route-gutter);bottom:calc(28px + var(--catalog-footer-clearance, 0px));display:grid;width:160px;gap:8px;z-index:50;font-size:var(--text-xs)}.catalog-page{padding-right:192px}.route-app .catalog-tools .workbuddy-dock,.route-app .catalog-tools .favorite-dock{position:static;transform:none;display:block;width:100%}.route-app .catalog-tools .workbuddy-trigger,.route-app .catalog-tools .favorite-dock-trigger{position:static;transform:none;display:flex;width:100%;border:1px solid var(--route-accent);border-radius:5px;background:var(--route-bg);color:var(--route-accent);min-height:44px;padding:8px;font-size:var(--text-xs);writing-mode:horizontal-tb;box-shadow:0 2px 8px #0001}.route-app .catalog-tools .workbuddy-trigger{color:var(--download-ink);background:var(--download-bg)}.catalog-tools>a{text-align:center;padding:5px}.route-app .catalog-tools .workbuddy-panel,.route-app .catalog-tools .favorite-dock-panel{position:fixed;inset:auto calc(var(--route-gutter) + 176px) calc(28px + var(--catalog-footer-clearance, 0px)) auto;width:min(560px,calc(100vw - 240px));max-height:max(0px,min(76dvh,720px,calc(100dvh - var(--catalog-footer-clearance, 0px) - 56px)));overflow:auto;border:1px solid var(--route-line);border-radius:7px;background:var(--route-bg);color:var(--route-ink);box-shadow:0 12px 35px #0002;z-index:51;margin:0;overscroll-behavior:contain}.route-app .catalog-tools .favorite-dock-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.catalog-tools .favorite-dock-heading p{color:var(--route-muted);font-size:var(--text-sm)}.route-app .catalog-tools .workbuddy-panel-heading{display:flex;flex-direction:row;align-items:flex-start}.catalog-tools .workbuddy-panel-heading>div{min-width:0}.catalog-tools .favorite-check>span{min-width:0;overflow-wrap:anywhere}.header-actions .theme-toggle>span:last-child{display:none}.route-app .header-actions .theme-toggle{min-width:36px;width:36px}.route-app .result-toolbar>span{flex:1;white-space:nowrap}.route-app .result-toolbar .checkbox-line{flex:0 0 auto;flex-wrap:nowrap;white-space:nowrap}.route-app .result-toolbar select{width:auto;flex:0 0 auto}.route-app .catalog-filters details{padding:0;border:0;background:transparent;border-radius:0}.route-app .catalog-filters summary{justify-content:flex-start;flex-direction:row;align-items:center;width:auto;padding:0;min-height:28px}.route-app .list-toolbar select{width:auto;flex-shrink:0}.route-app .standalone-page>section>section{border-radius:0;border-left:0;border-right:0;box-shadow:none}.route-app .skill-demo-header{flex-wrap:wrap}.skill-demo-header>div{min-width:0;overflow-wrap:anywhere}.route-app .standalone-page>section{width:100%;max-width:none}.route-app .usage-shell--single{grid-template-columns:minmax(0,1fr)}.route-app .usage-example-card{border:0;background:transparent;padding:24px 0 0}.route-app .usage-guide{padding:0}.route-app .quick-experience-guide .muted{color:var(--route-ink)}.route-app .my-workspace{grid-template-columns:minmax(0,1fr)}.route-app .my-workspace.has-selection{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr)}.route-app .my-management-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.route-app .two-column{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.route-app .three-column{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.route-app .admin-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.route-app .admin-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.route-app .admin-owner-picker{grid-column:1 / -1}.route-app .admin-panel-heading{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.route-app .system-status-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.route-app .help-doc-section,.route-app .legal-content{overflow-wrap:anywhere}.route-app .demo-download{background:var(--download-bg);color:var(--download-ink);border-color:var(--download-bg)}.route-app .demo-expand{background:var(--preview-soft);color:var(--preview-ink);border-color:var(--preview-ink)}.route-app .skill-demo-actions,.route-app .demo-html-switcher{min-width:0;max-width:100%}.route-app .html-preview-fullscreen{grid-template-rows:auto minmax(0,1fr);width:100%;max-width:none}.route-app .html-preview-toolbar{flex-wrap:wrap;min-width:0}.route-app .html-preview-actions{flex-wrap:wrap;min-width:0;flex:0 1 auto;max-width:100%}.development-example-summary{padding:0 0 24px;border-bottom:1px solid var(--route-line)}.development-flow-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));list-style:none;margin:20px 0;padding:0;gap:24px}.development-flow-summary li{display:flex;flex-direction:column;gap:8px;font-size:var(--text-sm)}.development-flow-summary strong{color:var(--route-accent)}.example-context{padding-bottom:20px}.example-context h2{margin-bottom:8px}.example-disclaimer{font-size:var(--text-xs);color:var(--route-muted);margin-bottom:0}.example-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--route-line)}.route-app .example-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--route-muted);padding:12px 8px;min-height:48px}.route-app .example-tabs button[aria-selected=true]{color:var(--route-accent);border-bottom-color:var(--route-accent);background:var(--route-soft)}.example-panel{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);gap:32px;padding:28px 0;min-height:20rem}.example-fields{margin:18px 0 0}.example-fields>div{display:grid;grid-template-columns:6em minmax(0,1fr);gap:16px;border-top:1px solid var(--route-line);padding:14px 0}.example-fields dt{color:var(--route-muted);font-size:var(--text-sm)}.example-fields dd{margin:0;overflow-wrap:anywhere}.example-reasoning{border-left:1px solid var(--route-line);padding-left:24px;font-size:var(--text-sm);color:var(--route-muted)}.example-reasoning h3{color:var(--route-ink);margin-bottom:8px}.example-navigation{border-top:1px solid var(--route-line);padding-top:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.example-navigation>a{margin-left:auto}@media(max-width:1100px){.example-panel{grid-template-columns:minmax(0,1fr);gap:16px}.example-reasoning{border-left:0;border-top:1px solid var(--route-line);padding:20px 0 0}}@media(max-width:900px){:root{--route-gutter: 18px}.route-app .my-workspace.has-selection,.route-app .admin-row{grid-template-columns:minmax(0,1fr)}.catalog-page{padding-right:0;padding-bottom:calc(100px + env(safe-area-inset-bottom))}.route-app .catalog-tools{width:min(540px,calc(100% - 36px));grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--catalog-footer-clearance, 0px));padding:6px;gap:4px;border:1px solid var(--route-line);border-radius:6px;background:var(--route-bg);box-shadow:0 4px 20px #0002}.catalog-tools>a{display:none}.route-app .catalog-tools .workbuddy-trigger,.route-app .catalog-tools .favorite-dock-trigger{padding-inline:4px}.route-app .catalog-tools .workbuddy-panel,.route-app .catalog-tools .favorite-dock-panel{inset:auto var(--route-gutter) calc(84px + env(safe-area-inset-bottom) + var(--catalog-footer-clearance, 0px)) auto;width:min(560px,calc(100% - 36px));max-height:max(0px,calc(100dvh - 110px - env(safe-area-inset-bottom) - var(--catalog-footer-clearance, 0px)))}}@media(max-width:640px){.example-tabs button{flex-direction:column;font-size:var(--text-xs)}.example-fields>div{grid-template-columns:minmax(0,1fr);gap:4px}.example-navigation>a{margin-left:0}.development-flow-summary{grid-template-columns:minmax(0,1fr);gap:14px}.workspace-example-link{margin:0 0 18px}}@media(max-width:767px){:root{font-size:var(--app-standard-font-size)}.font-size-control{display:none}}@media(prefers-reduced-motion:reduce){.route-app *{scroll-behavior:auto!important;transition:none!important}}.workbuddy-dock-guide{border:0;border-top:1px solid var(--route-line);padding:12px 0 0;background:none;border-radius:0}.workbuddy-dock-guide>summary{cursor:pointer;font-size:var(--text-sm);color:var(--route-ink)}.workbuddy-dock-guide>a{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:var(--text-sm);overflow-wrap:anywhere}.catalog-principles{margin-top:28px;padding-top:16px;border-top:1px solid var(--route-line);color:var(--route-muted);font-size:var(--text-xs);line-height:1.8}.catalog-principles p{margin:0}.catalog-principles a{margin-left:.6em;text-decoration:underline;text-underline-offset:3px}.pagination .pagination-edge{min-height:36px;padding:6px 12px;font-size:var(--text-sm)}.route-app .catalog-page{padding-right:0;padding-bottom:0}.catalog-directory-controls{display:inline-flex;align-items:stretch;flex-shrink:0;border:1px solid var(--route-line);border-radius:5px;padding:3px}.catalog-directory-controls .segmented{border:0;padding:0}.route-app .catalog-columns-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 14px;border-radius:4px;color:var(--route-muted);text-decoration:none;white-space:nowrap}.route-app .catalog-columns-link:hover{background:var(--route-soft);color:var(--route-ink)}.route-app .want-inline{position:static;display:block;width:auto;transform:none;z-index:auto}.route-app .want-inline>.favorite-dock-trigger{position:static;transform:none;width:auto;min-height:34px;height:100%;padding:5px 14px;border:0;border-radius:4px;box-shadow:none;writing-mode:horizontal-tb;white-space:nowrap;color:var(--route-muted);background:transparent;font-size:inherit;gap:6px}.route-app .want-inline>.favorite-dock-trigger[aria-expanded=true]{background:var(--route-soft);color:var(--route-ink)}.route-app .want-inline .favorite-dock-panel{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(1120px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;margin:0;padding:20px;border:1px solid var(--route-line);border-radius:8px;background:var(--route-bg);color:var(--route-ink);box-shadow:0 12px 40px #0003;z-index:80}.want-inline .favorite-dock-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.want-inline .favorite-dock-heading p{color:var(--route-muted);font-size:var(--text-sm)}.want-inline .favorite-check>span{min-width:0;overflow-wrap:anywhere}@media(max-width:1100px){.catalog-topbar{flex-wrap:wrap}.catalog-topbar .search-field{flex:1 1 280px}}@media(max-width:640px){.pagination .pagination-edge{display:none}.catalog-directory-controls{align-self:flex-start;max-width:100%}.catalog-directory-controls .segmented{width:auto;flex-shrink:0}.route-app .catalog-columns-link{font-size:var(--text-sm);padding-inline:8px}.route-app .want-inline>.favorite-dock-trigger{font-size:var(--text-sm);padding-inline:8px}.route-app .want-inline .favorite-dock-panel{padding:14px}.catalog-topbar .search-field{flex:auto}.teaching-overview-title{gap:12px}}@media(max-width:480px){.catalog-directory-controls{font-size:clamp(.72rem,3.6vw,.875rem)}.route-app .catalog-directory-controls .segmented button,.route-app .catalog-directory-controls .catalog-columns-link,.route-app .catalog-directory-controls .favorite-dock-trigger{font-size:inherit;padding-inline:4px}}.background-control{position:relative;flex:0 0 auto;display:flex}.background-panel{position:absolute;z-index:80;top:calc(100% + 10px);right:0;width:300px;max-width:calc(100vw - 32px);max-height:max(0px,calc(100dvh - var(--background-panel-top, 164px) - 16px));overflow:auto;padding:16px;border:1px solid var(--route-line);border-radius:6px;background:var(--route-bg);color:var(--route-ink);box-shadow:0 8px 28px #0002;font-size:var(--text-sm)}.background-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.background-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.route-app .background-choice{flex-direction:column;gap:5px;padding:8px 4px;background:transparent;color:var(--route-ink);border-color:transparent;font-size:inherit}.background-swatch{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:1px solid #88978c;background:var(--swatch);color:var(--swatch-ink)}.background-textures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-top:1px solid var(--route-line);margin-top:14px;padding-top:14px}.route-app .background-texture{padding:8px 4px;gap:5px;flex-direction:column;flex-wrap:nowrap;background:transparent;color:var(--route-ink);border-color:transparent;font-size:var(--text-xs)}.route-app .background-panel [role=radio][aria-checked=true]{border-color:var(--route-accent);background:var(--route-soft);color:var(--route-ink)}@media(max-width:767px){.background-control{display:none}}@media(min-width:768px){:root[data-background]{--route-bg: #ffffff;--route-ink: #202823;--route-muted: #5e6661;--route-line: #d5ded8;--route-soft: #f5f7f6;--route-accent: #286b4e;--route-link: #24648a;--route-danger: #b33c39;--download-bg: #245b43;--download-ink: #ffffff;--preview-soft: #eaf4ed;--preview-ink: #215c43;--bg: var(--route-bg);--panel: var(--route-bg);--text: var(--route-ink);--muted: var(--route-muted);--border: var(--route-line);--border-strong: var(--route-muted);--accent: var(--route-accent);--accent-text: var(--route-bg);--danger: var(--route-danger);--focus: var(--route-accent)}:root[data-background=yellow]{--route-bg: #fff8df;--route-soft: #f4edda;--route-muted: #66624f;--route-line: #dcd5bc}:root[data-background=blue]{--route-bg: #eef6ff;--route-soft: #e2edf8;--route-muted: #536471;--route-line: #cbdbe8}:root[data-background=navy],:root[data-background=forest],:root[data-background=black]{--route-ink: #eff4f1;--route-muted: #b1bdb7;--route-accent: #a1ddb9;--route-link: #acd6f3;--route-danger: #ffb4ab;--preview-soft: #223e2e;--preview-ink: #b6e6c9}:root[data-background=navy]{--route-bg: #152b42;--route-soft: #203b55;--route-ink: #edf4fc;--route-muted: #b3c3d2;--route-line: #48647c;--route-link: #abd8ff}:root[data-background=forest]{--route-bg: #142f27;--route-soft: #203e34;--route-line: #4c685a}:root[data-background=black]{--route-bg: #111111;--route-soft: #242424;--route-muted: #bcbcbc;--route-line: #535353}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root[data-background] .route-app input::placeholder,:root[data-background] .route-app textarea::placeholder{color:var(--route-muted);opacity:1}:root[data-texture=marble]{--marble-opacity: .14}:root[data-texture=marble][data-theme=light]{--route-muted: #50594f;--route-link: #205878;--route-accent: #235d44;--route-danger: #9c302d}:root[data-texture=marble] .route-app{isolation:isolate}:root[data-texture=marble] .route-app:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url(/assets/marble-carrara-Bv5CFGTj.webp) center / cover no-repeat;mix-blend-mode:multiply;opacity:var(--marble-opacity)}:root[data-texture=marble][data-theme=dark] .route-app:before{filter:invert(1);mix-blend-mode:screen}:root[data-texture=grid] .route-app{background-image:linear-gradient(color-mix(in srgb,var(--route-ink) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--route-ink) 4%,transparent) 1px,transparent 1px);background-size:24px 24px}:root[data-texture] .route-header,:root[data-texture] .route-footer{background:var(--route-bg)}}