:root{color-scheme:light;font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,Arial,sans-serif;background:#f4f6f8;color:#15181e;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--page: #f4f6f8;--panel: #ffffff;--panel-soft: #f8fafc;--line: #d8dee7;--line-strong: #aeb8c6;--ink: #15181e;--muted: #667085;--faint: #8a94a6;--blue: #2563eb;--blue-dark: #1e40af;--green: #15803d;--green-soft: #e9f8ee;--shadow: 0 18px 45px rgba(22, 30, 46, .08);--radius: 8px}*{box-sizing:border-box}html{scroll-behavior:smooth}section[id],details[id],.reserve-panel[id]{scroll-margin-top:86px}body{margin:0;min-width:320px;background:linear-gradient(180deg,#ffffffeb,#f4f6f833 320px),var(--page)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;height:66px;padding:0 28px;border-bottom:1px solid rgba(216,222,231,.92);background:#ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:190px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#111827;color:#fff;font-size:12px;font-weight:800;letter-spacing:0}.brand strong,.brand small{display:block}.brand strong{font-size:16px;line-height:1.15}.brand small{margin-top:2px;color:var(--muted);font-size:12px}.nav-links{display:flex;align-items:center;justify-content:center;gap:26px;font-size:14px}.nav-links a{color:#323844;text-decoration:none}.nav-links a:hover{color:var(--blue)}.nav-links .nav-pet-link{padding:7px 11px;border:1px solid #111827;border-radius:8px;background:#111827;color:#fff;font-weight:800}.nav-links .nav-pet-link:hover{border-color:var(--blue);background:var(--blue);color:#fff}.language-toggle{min-width:72px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-weight:700}.hero-strip{display:grid;grid-template-columns:minmax(0,780px) auto;align-items:center;gap:28px;max-width:1480px;margin:0 auto;padding:24px 28px 16px}.hero-strip h1{max-width:740px;margin:0;color:#101318;font-size:clamp(30px,3.2vw,46px);line-height:1.06;letter-spacing:0}.hero-strip p:not(.eyebrow){max-width:720px;margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.65}.eyebrow,.rail-label{margin:0 0 10px;color:var(--faint);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.flow-card{display:grid;grid-template-columns:repeat(3,auto);gap:8px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.flow-card span{min-width:92px;padding:10px 12px;border-radius:6px;background:var(--panel-soft);color:#344054;font-size:13px;font-weight:800;text-align:center}.hero-actions{display:grid;gap:12px}.hero-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-pet-action,.hero-theme-action{text-decoration:none}.mobile-desktop-note{display:none}.topbar-actions{display:inline-flex;align-items:center;justify-content:end;gap:10px}.helper-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:850;white-space:nowrap}.helper-chip.online{border-color:#bfe7ca;background:var(--green-soft);color:var(--green)}.persona-strip{max-width:1540px;margin:0 auto;padding:14px 22px 0}.persona-card{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.6fr) minmax(170px,.42fr);gap:14px;align-items:stretch;min-width:0;padding:14px;border:1px solid #d8dee7;border-radius:8px;background:linear-gradient(135deg,#fffffffa,#f8fafcf0),#fff;box-shadow:0 14px 38px #161e2e12}.persona-card-result{grid-template-columns:76px minmax(0,1fr) minmax(220px,.55fr) minmax(180px,.42fr);align-items:center}.persona-intro{display:grid;align-content:start;gap:9px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.persona-intro h2,.persona-result-copy h2{margin:0;color:#111827;font-size:21px;line-height:1.15;letter-spacing:0}.persona-intro p:not(.eyebrow),.persona-result-copy p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.55}.persona-progress{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin-top:4px;color:#475467;font-size:12px;font-weight:850}.persona-progress i{position:relative;height:8px;overflow:hidden;border-radius:999px;background:#e5e7eb}.persona-progress i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--persona-progress);border-radius:inherit;background:#111827}.persona-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}.persona-question{min-width:0;margin:0;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.persona-question legend{margin-bottom:8px;padding:0;color:#1f2937;font-size:12px;font-weight:850;line-height:1.35}.persona-options{display:grid;gap:6px}.persona-option{min-height:30px;padding:0 9px;border:1px solid #d8dee7;border-radius:7px;background:#fff;color:#334155;font-size:12px;font-weight:820;text-align:left}.persona-option:hover{border-color:#aeb8c6}.persona-option.selected{border-color:#111827;background:#111827;color:#fff}.persona-actions{display:grid;align-content:center;gap:8px;min-width:0}.persona-actions .primary-action,.persona-actions .secondary-action{width:100%;min-height:38px;font-size:12px}.persona-actions .primary-action:disabled{border-color:#d1d5db;background:#e5e7eb;color:#8a94a6;cursor:not-allowed}.persona-result-pet{display:grid;place-items:center;min-height:74px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.persona-result-pet .pet-sprite{--pet-size: 66px}.persona-result-copy{min-width:0}.persona-result-meta{display:grid;gap:7px;min-width:0}.persona-result-meta span{min-width:0;min-height:30px;padding:7px 9px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:#475467;font-size:12px;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.studio-shell{display:grid;grid-template-columns:330px minmax(620px,1fr) 330px;gap:14px;max-width:1540px;margin:0 auto;padding:18px 22px 28px;align-items:stretch}.studio-library,.studio-preview,.bundle-panel{min-width:0;border:1px solid var(--line);border-radius:8px;background:#fffffff0;box-shadow:0 14px 38px #161e2e14}.studio-library,.bundle-panel{position:sticky;top:82px;height:calc(100vh - 104px);overflow:hidden}.studio-library{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:10px;padding:12px}.library-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.library-tabs button{min-height:36px;border:0;border-radius:6px;background:transparent;color:#475467;font-weight:850}.library-tabs button.active{background:#fff;color:var(--blue);box-shadow:0 1px 5px #161e2e14}.studio-search{height:38px}.library-scroll-row{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.chip-button{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#475467;font-size:12px;font-weight:820}.chip-button small{color:#5f6977;font-weight:760}.chip-button.active{border-color:#111827;background:#111827;color:#fff}.chip-button.active small{color:#dbe3ef}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;color:var(--muted);font-size:12px;font-weight:820}.mini-sort{gap:4px}.mini-sort .sort-tab{min-height:28px;padding:0 8px;font-size:11px}.license-mini{display:inline-flex;align-items:center;width:fit-content;min-height:22px;padding:0 7px;border:1px solid #bfe7ca;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:850}.compact-list{min-height:0;overflow:auto;display:grid;align-content:start;gap:8px;padding-right:2px}.library-item{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr) 64px;align-items:center;gap:10px;min-height:84px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-align:left;overflow:hidden}.library-item:hover,.library-item.selected{border-color:#8b7cf6;box-shadow:inset 0 0 0 1px #8b7cf63d}.library-item.selected:after{content:"✓";position:absolute;top:8px;right:8px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#6d5dfc;color:#fff;font-size:12px;font-weight:900}.library-item .theme-thumb{width:74px;height:64px;padding:4px;border-radius:7px;overflow:hidden}.library-item .mini-titlebar{height:14px;padding:0 4px}.library-item .mini-titlebar span{width:4px;height:4px}.library-item .mini-titlebar em{display:none}.library-item .mini-codex-body{grid-template-columns:18px minmax(0,1fr);height:42px;min-height:42px}.library-item .mini-sidebar{gap:4px;padding:6px 4px}.library-item .mini-sidebar i{width:10px;height:3px}.library-item .mini-sidebar b{width:12px;height:8px;margin-top:4px}.library-item .mini-main{padding:6px}.library-item .mini-thread-title,.library-item .mini-message{margin-bottom:5px}.library-item .mini-thread-title strong,.library-item .mini-thread-title i{display:none}.library-item .mini-message,.library-item .mini-code{gap:3px;padding:4px}.library-item .mini-message span,.library-item .mini-code span{height:3px}.library-item-main{display:grid;gap:4px;min-width:0}.library-item-main strong,.library-item-main small,.library-item-main em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-item-main strong{color:#1f2937;font-size:14px;line-height:1.2}.library-item-main small,.library-item-main em,.library-item-side{color:var(--muted);font-size:11px;font-style:normal}.library-item .mini-swatches{gap:3px}.mini-swatches i{display:block;width:17px;height:8px;border:1px solid rgba(17,24,39,.08);border-radius:3px}.library-item-side{display:grid;justify-items:end;gap:8px;max-width:72px}.library-item-side small,.library-item-side em{overflow:hidden;max-width:72px;text-overflow:ellipsis;white-space:nowrap}.pet-library-item{grid-template-columns:58px minmax(0,1fr) 64px}.pet-library-item .pet-sprite{--pet-size: 54px;margin:0}.compact-empty{padding:14px}.studio-preview{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px;padding:16px}.studio-preview-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.studio-preview-head h1{margin:0;color:#111827;font-size:26px;line-height:1.1;letter-spacing:0}.studio-preview-head p:last-child{max-width:720px;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.live-preview-shell{min-height:0}.live-preview-shell .codex-preview{height:100%;overflow:hidden}.live-preview-shell .realistic-codex{min-height:640px}.live-preview-shell .codex-app-layout{grid-template-columns:minmax(170px,28%) minmax(0,1fr);min-width:0}.live-preview-shell .real-sidebar{padding:16px 14px}.live-preview-shell .real-chat{padding:28px 24px 18px}.live-preview-shell .command-pill{right:24px;max-width:34%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-footer-note{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;color:var(--muted);font-size:12px;font-weight:820}.studio-footer-note span{min-height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.bundle-panel{display:grid;align-content:start;gap:12px;padding:14px;overflow:auto}.bundle-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.bundle-head h2{margin:0;font-size:22px;line-height:1.15}.bundle-head span:not(.bundle-count){display:block;margin-top:5px;color:var(--muted);font-size:13px}.bundle-count{flex:0 0 auto;min-height:24px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:850}.bundle-summary-card{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.bundle-summary-card strong,.bundle-summary-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundle-summary-card strong{font-size:14px}.bundle-summary-card small{margin:4px 0 8px;color:var(--muted);font-size:12px}.bundle-theme-thumb{overflow:hidden;border-radius:7px}.bundle-theme-thumb .mini-codex-surface{min-height:58px}.bundle-theme-thumb .mini-titlebar{height:16px;padding:0 5px}.bundle-theme-thumb .mini-titlebar em{display:none}.bundle-theme-thumb .mini-codex-body{grid-template-columns:22px minmax(0,1fr);min-height:46px}.bundle-theme-thumb .mini-sidebar{gap:5px;padding:7px 5px}.bundle-theme-thumb .mini-sidebar i{width:12px;height:3px}.bundle-theme-thumb .mini-sidebar b{width:14px;height:8px;margin-top:4px}.bundle-theme-thumb .mini-main{padding:7px}.bundle-theme-thumb .mini-thread-title{display:none}.bundle-theme-thumb .mini-message,.bundle-theme-thumb .mini-code{gap:3px;margin-bottom:5px;padding:4px}.bundle-theme-thumb .mini-message span,.bundle-theme-thumb .mini-code span{height:3px}.bundle-swatches{margin-top:6px}.pet-bundle-card{grid-template-columns:58px minmax(0,1fr)}.pet-bundle-card .pet-sprite{--pet-size: 58px}.compat-block{display:grid;gap:7px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:12px;line-height:1.45}.compat-block strong{color:var(--ink);font-size:14px}.status-line.ok{color:var(--green);font-weight:800}.bundle-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.install-workflow{grid-template-columns:1fr;gap:10px}.bundle-actions .primary-action{grid-column:1 / -1}.bundle-actions .secondary-action{min-height:38px;font-size:12px}.install-step-card{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.install-step-head{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px}.install-step-head>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#111827;color:#fff;font-size:13px;font-weight:900}.install-step-head strong,.install-step-head small{display:block}.install-step-head strong{color:var(--ink);font-size:14px}.install-step-head small{margin-top:2px;color:var(--muted);font-size:12px;line-height:1.45}.step-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.step-action-grid .primary-action{grid-column:1 / -1}.step-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.pet-write-summary{display:grid;gap:6px;padding:10px;border-radius:8px;background:#f8fafc;color:var(--muted);font-size:11px;line-height:1.45}.pet-write-summary span{display:grid;gap:2px}.pet-write-summary strong{color:#334155;font-size:11px;font-weight:800;overflow-wrap:anywhere}.pet-confirm-panel{display:grid;gap:9px;padding:10px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff}.pet-confirm-panel strong{color:#1e3a8a;font-size:13px}.pet-confirm-panel p{margin:0;color:#1e40af;font-size:12px;line-height:1.55}.pet-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pet-confirm-panel .primary-action{grid-column:auto}.full-width-action{grid-column:1 / -1}.bundle-details{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.bundle-details summary{cursor:pointer;color:#334155;font-size:13px;font-weight:850}.bundle-details ol,.bundle-details p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.bundle-details ol{padding-left:18px}.bundle-details a{display:inline-block;margin-top:8px;color:var(--blue);font-size:12px}.support-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1540px;margin:0 auto;padding:0 22px 34px}.support-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:0 14px 38px #161e2e12}.seo-resource-section{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:18px;max-width:1540px;margin:0 auto;padding:0 22px 42px}.seo-resource-section>div:first-child{min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:#111827;color:#fff}.seo-resource-section h2{margin:0;font-size:21px;line-height:1.2;letter-spacing:0}.seo-resource-section p{margin:10px 0 0;color:#cbd5e1;font-size:13px;line-height:1.7}.seo-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}.seo-link-grid a{display:grid;align-content:start;gap:8px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fffffff5;color:inherit;text-decoration:none;box-shadow:0 14px 38px #161e2e0f}.seo-link-grid a:hover{border-color:var(--blue)}.seo-link-grid strong{color:#111827;font-size:15px;line-height:1.25}.seo-link-grid span{color:var(--muted);font-size:12px;line-height:1.6}.support-card h2{margin:0;color:#111827;font-size:19px;line-height:1.2}.support-card p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.support-steps{margin:14px 0 0;padding-left:18px;color:#475467;font-size:12px;line-height:1.7}.support-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.support-card-head .helper-chip{flex:0 0 auto}.support-checks,.support-meta-grid{display:grid;gap:8px;margin-top:14px}.support-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.support-checks span,.support-meta-grid>div{min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:#475467;font-size:12px;line-height:1.45}.support-meta-grid>div{display:grid;gap:5px}.support-meta-grid strong{color:#111827;font-size:12px}.support-meta-grid span,.support-meta-grid small{overflow:hidden;text-overflow:ellipsis}.support-meta-grid span{color:#334155;font-weight:800;white-space:nowrap}.support-meta-grid small{color:var(--muted);font-size:11px;line-height:1.45}.support-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.support-actions .secondary-action{min-height:36px;font-size:12px}.support-details{margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.support-details summary{cursor:pointer;color:#334155;font-size:12px;font-weight:850}.compact-resource-columns{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.compact-resource-columns .resource-list{padding:0;border:0;box-shadow:none}.compact-resource-columns .resource-list h3{font-size:13px}.compact-helper-downloads{display:grid;gap:8px;margin-top:14px}.workspace{display:grid;grid-template-columns:232px minmax(360px,430px) minmax(720px,1fr);gap:18px;max-width:1480px;margin:0 auto;padding:0 28px 24px;align-items:start}.left-rail,.preview-panel{position:sticky;top:86px}.left-rail{display:flex;flex-direction:column;gap:14px}.rail-section,.preview-panel,.pet-panel,.resource-panel,.reserve-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.rail-section{padding:16px}.search-box{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.search-box span{color:var(--faint);font-size:18px}.search-box input{width:100%;border:0;outline:none;background:transparent;color:var(--ink)}.filter-stack{display:grid;gap:8px}.rail-button,.sort-tab,.variant-toggle button,.primary-action,.secondary-action{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.rail-button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:38px;padding:0 12px;text-align:left}.rail-button small{color:var(--faint)}.rail-button:hover,.sort-tab:hover,.secondary-action:hover,.secondary-link:hover{border-color:var(--line-strong)}.rail-button.active,.sort-tab.active,.variant-toggle button.active{border-color:#111827;background:#111827;color:#fff}.rail-button.active small{color:#dbe3ef}.compact-note p:last-child{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.theme-browser{min-width:0}.browser-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.browser-head .rail-label{margin:0}.sort-tabs{display:flex;align-items:center;gap:8px}.browser-controls{display:flex;align-items:center;gap:10px}.sort-tab{min-height:34px;padding:0 12px;font-size:13px;font-weight:800}.theme-grid{display:grid;grid-template-columns:1fr;gap:10px}.theme-card{position:relative;min-height:238px;display:grid;grid-template-columns:1fr;gap:12px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);text-align:left;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.theme-card:hover,.theme-card.selected{transform:translateY(-2px);border-color:#111827;box-shadow:0 14px 34px #161e2e21}.mini-swatches{display:flex;gap:5px}.mini-swatches span{width:22px;height:10px;border:1px solid rgba(17,24,39,.08);border-radius:4px}.card-copy{display:flex;align-items:start;justify-content:space-between;gap:12px;min-width:0;padding:0 2px}.card-copy strong,.card-copy span,.card-copy p{display:block}.card-copy>div{min-width:0}.card-copy strong{overflow:hidden;font-size:18px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.card-copy span{margin-top:4px;overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.card-copy p{margin:8px 0 0;color:var(--faint);font-size:12px}.card-copy small{flex:0 0 auto;color:var(--faint);font-size:12px;font-weight:780}.card-badges{display:flex;flex-wrap:wrap;gap:6px;padding:0 2px}.card-badges span,.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel-soft);color:#475467;font-size:11px;font-weight:850;line-height:1}.status-pill.verified,.card-badges span:first-child{border-color:#bfe7ca;background:var(--green-soft);color:var(--green)}.link-pill{color:#1d4ed8;text-decoration:none}.link-pill:hover{border-color:#bfdbfe;background:#eff6ff}.section-anchor{display:block;position:relative;top:-86px;visibility:hidden}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 2px}.card-footer>span{overflow:hidden;color:var(--faint);font-size:12px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.card-copied{position:absolute;top:12px;right:12px;padding:5px 8px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:12px;font-weight:850}.theme-thumb{display:grid;padding:9px;border:1px solid #dfe5ee;border-radius:8px;background:linear-gradient(135deg,#f8fafceb,#eff2f7c7)}.mini-codex-surface{min-width:0;overflow:hidden;border:1px solid var(--thumb-border);border-radius:7px;background:var(--thumb-surface);color:var(--thumb-ink);box-shadow:inset 0 1px #ffffff4d}.mini-titlebar{display:flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-bottom:1px solid var(--thumb-border);background:var(--thumb-sidebar)}.mini-titlebar span{width:6px;height:6px;border-radius:50%}.mini-titlebar span:nth-child(1){background:#ff5f57}.mini-titlebar span:nth-child(2){background:#ffbd2e}.mini-titlebar span:nth-child(3){background:#28c840}.mini-titlebar em{margin-left:auto;color:currentColor;font-size:10px;font-style:normal;font-weight:850;opacity:.58}.mini-codex-body{display:grid;grid-template-columns:50px minmax(0,1fr);min-height:124px}.mini-sidebar{display:grid;align-content:start;gap:9px;padding:12px 9px;border-right:1px solid var(--thumb-border);background:var(--thumb-sidebar)}.mini-sidebar i,.mini-sidebar b{display:block;border-radius:4px;background:currentColor;opacity:.42}.mini-sidebar i{width:24px;height:5px}.mini-sidebar b{width:28px;height:16px;margin-top:16px;background:var(--thumb-accent);opacity:.9}.mini-main{min-width:0;padding:11px}.mini-thread-title{display:flex;align-items:center;gap:5px;margin-bottom:12px;min-width:0}.mini-thread-title i{flex:0 0 auto;width:9px;height:9px;border-radius:2px;background:var(--thumb-accent);transform:rotate(45deg)}.mini-thread-title strong{overflow:hidden;font-size:11px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.mini-message{display:grid;gap:6px;margin-bottom:10px;padding:9px;border:1px solid var(--thumb-border);border-radius:6px;background:color-mix(in srgb,var(--thumb-surface) 82%,var(--thumb-ink) 8%)}.mini-message span,.mini-code span{display:block;height:5px;border-radius:999px}.mini-message span:nth-child(1){width:64%;background:var(--thumb-accent)}.mini-message span:nth-child(2){width:86%;background:currentColor;opacity:.58}.mini-message span:nth-child(3){width:48%;background:currentColor;opacity:.32}.mini-code{display:grid;gap:5px;padding:8px;border-radius:5px;background:var(--thumb-code)}.mini-code span:nth-child(1){width:72%;background:var(--thumb-accent)}.mini-code span:nth-child(2){width:90%;background:#94a3b8}.mini-code span:nth-child(3){width:56%;background:#64748b}.preview-panel{padding:18px}.preview-top{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:14px}.preview-top h2{margin:0;font-size:28px;line-height:1.15}.preview-top span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.variant-toggle{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.variant-toggle.compact{padding:3px}.variant-toggle.compact button{min-width:46px;height:28px;font-size:12px}.variant-toggle button{min-width:54px;height:30px;padding:0 10px;border:0;background:transparent;font-weight:800}.codex-preview{overflow:auto;border:1px solid rgba(20,21,24,.16);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff1f}.realistic-codex{min-height:560px;background:var(--codex-surface);color:var(--codex-ink)}.codex-macbar{height:42px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid var(--codex-border);background:var(--codex-sidebar)}.mac-dot{width:14px;height:14px;border-radius:50%;display:inline-block}.mac-dot.red{background:#ff5f57}.mac-dot.yellow{background:#ffbd2e}.mac-dot.green{background:#28c840}.window-icon{width:16px;height:16px;margin-left:12px;border:2px solid currentColor;border-radius:5px;opacity:.52}.arrow{font-size:26px;line-height:1;opacity:.7}.arrow.muted{opacity:.28}.codex-app-layout{display:grid;grid-template-columns:212px minmax(0,1fr);min-width:760px;min-height:518px}.real-sidebar{display:flex;min-width:0;flex-direction:column;padding:18px 16px;border-right:1px solid var(--codex-border);background:var(--codex-sidebar)}.side-actions{display:grid;gap:14px;margin-bottom:28px;font-weight:720;font-size:14px}.side-actions span{opacity:.88}.thread-title{margin-bottom:8px;font-size:11px;font-weight:800;opacity:.72}.thread-list{display:grid;gap:6px}.thread-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:8px 10px;overflow:hidden;border-radius:7px;font-size:12px;white-space:nowrap;text-overflow:ellipsis;opacity:.74}.thread-row.active{background:var(--codex-soft);opacity:1}.thread-row small{flex:0 0 auto;opacity:.78}.settings-row{margin-top:auto;padding:10px 8px;font-weight:760;font-size:14px}.real-main{position:relative;display:grid;grid-template-rows:52px minmax(0,1fr) auto;min-width:0}.real-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-bottom:1px solid var(--codex-border);background:color-mix(in srgb,var(--codex-surface) 90%,transparent)}.title-left,.title-icons{display:flex;align-items:center;gap:14px}.title-left strong{font-size:16px}.pin,.title-left span{opacity:.58}.pin{width:12px;height:12px;border-radius:3px;background:currentColor;transform:rotate(45deg)}.title-icons span{width:14px;height:10px;border:1px solid currentColor;border-radius:3px;opacity:.44}.real-chat{position:relative;min-height:370px;padding:32px 28px 20px}.command-pill{position:absolute;top:28px;right:28px;padding:13px 22px;border-radius:22px;background:var(--codex-soft);font-size:17px}.processed-line{margin-top:116px;padding-bottom:12px;border-bottom:1px solid var(--codex-border);font-size:18px;font-weight:760;opacity:.68}.assistant-output{margin-top:18px;padding:0;font-size:14px;line-height:1.65}.assistant-output p{margin:0 0 10px}.assistant-output.compact{margin-top:16px;padding:14px;border:1px solid var(--codex-border);border-radius:8px;background:color-mix(in srgb,var(--codex-surface) 88%,var(--codex-ink) 12%)}.assistant-output.compact strong{display:block;margin-bottom:8px}.preview-pet-stage{position:absolute;right:30px;bottom:26px;display:grid;justify-items:center;gap:8px;pointer-events:none}.preview-pet-stage .pet-sprite.large{--pet-size: 150px;filter:drop-shadow(0 18px 20px rgba(15,23,42,.18))}.preview-pet-stage span{padding:5px 9px;border:1px solid var(--codex-border);border-radius:999px;background:color-mix(in srgb,var(--codex-surface) 88%,white 12%);color:var(--codex-ink);font-size:11px;font-weight:850;opacity:.86}.file-link{color:var(--codex-accent);font-weight:840}.code-block{padding:12px;overflow:auto;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.6;background:var(--codex-code)}.composer{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:66px;margin:0 22px 22px;padding:12px 14px;border:1px solid var(--codex-border);border-radius:22px;background:color-mix(in srgb,var(--codex-surface) 92%,white 8%)}.composer p{min-width:0;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.plus{font-size:24px;opacity:.62}.access{color:#b94b16;font-weight:800;font-size:13px}.model{opacity:.72;font-weight:700}.send{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--codex-accent);color:var(--codex-on-accent);font-weight:900}.theme-meta{padding:14px 0}.theme-meta p{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.7}.swatch-row{display:flex;flex-wrap:wrap;gap:7px}.swatch-row span{width:38px;height:18px;border:1px solid rgba(17,24,39,.1);border-radius:5px}.copy-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.primary-action,.secondary-action{display:inline-grid;align-items:center;justify-content:center;min-height:42px;padding:0 12px;font-weight:840;text-align:center;text-decoration:none}.primary-action{border-color:#111827;background:#111827;color:#fff}.primary-action:hover{background:#020617}.primary-action:focus-visible,.secondary-action:focus-visible,.secondary-link:focus-visible,.nav-links a:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}.apply-action{grid-column:1 / -1;border-color:var(--blue);background:var(--blue);color:#fff}.apply-action:hover{border-color:var(--blue-dark);background:var(--blue-dark)}.copy-status{grid-column:1 / -1;margin:0;padding:10px 12px;border-radius:8px;background:var(--green-soft);color:#14532d;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.compat-note{grid-column:1 / -1;margin:0;padding:10px 12px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1e3a8a;font-size:12px;line-height:1.6}.detail-card{margin-bottom:14px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.detail-card h3{margin:0 0 12px;font-size:16px}.detail-card dl{display:grid;gap:10px;margin:0}.detail-card dl>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px}.detail-card dt{color:var(--faint);font-size:12px;font-weight:850}.detail-card dd{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.empty-state{display:grid;gap:10px;padding:22px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--panel)}.empty-state strong{font-size:18px}.empty-state p{margin:0;color:var(--muted);line-height:1.6}.guide-card{display:grid;grid-template-columns:.92fr 1.08fr;gap:16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.guide-card h3{margin:0 0 8px;font-size:17px}.guide-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.guide-card ol{margin:0;padding-left:20px;color:#303846;font-size:13px;line-height:1.8}.deep-section,.install-section,.compatibility-section,.rights-section,.disclaimer-section{max-width:1480px;margin:0 auto;padding:0 28px 24px}.deep-grid,.install-grid,.rights-grid{display:grid;gap:18px}.theme-detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.pet-detail-grid{grid-template-columns:360px minmax(0,1fr)}.detail-preview-shell,.detail-inspector,.install-card,.rights-card,.pet-stage,.matrix,.disclaimer-section,.rights-section,.compatibility-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.detail-preview-shell{overflow:hidden;padding:16px}.detail-preview-shell .codex-preview{max-height:720px}.detail-inspector{display:grid;gap:14px;align-self:start;padding:18px}.status-row{display:flex;flex-wrap:wrap;gap:8px}.info-table{display:grid;gap:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.info-table div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;padding:12px;border-bottom:1px solid var(--line)}.info-table div:last-child{border-bottom:0}.info-table dt{color:var(--faint);font-size:12px;font-weight:850}.info-table dd{margin:0;color:var(--muted);font-size:13px;line-height:1.55;overflow-wrap:anywhere}.payload-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.payload-card h3{margin:0;font-size:18px}.payload-card p,.payload-card small{margin:0;color:var(--muted);line-height:1.65}.payload-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payload-preview{display:block;max-height:96px;overflow:auto;padding:12px;border:1px solid #d5dce7;border-radius:7px;background:#f8fafc;color:#334155;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.install-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rights-section{padding-top:24px}.rights-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rights-card{display:grid;align-content:start;gap:12px;padding:18px}.rights-card h3{margin:0;font-size:18px}.rights-card p{margin:0;color:var(--muted);line-height:1.7}.rights-card ul{margin:0;padding-left:18px;color:#344054;font-size:13px;line-height:1.75}.install-card{padding:18px}.install-card.danger{border-color:#f2c6c6;background:snow}.install-card h3{margin:0 0 12px;font-size:18px}.install-card ul,.compact-steps{margin:0;padding-left:18px;color:var(--muted);line-height:1.75}.install-card p{margin:0;color:var(--muted);line-height:1.7}.helper-command-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:14px;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.helper-command-card h3{margin:0 0 8px;font-size:18px}.helper-command-card p{margin:0;color:var(--muted);line-height:1.65}.helper-command-card code{display:block;padding:12px;border:1px solid #d5dce7;border-radius:7px;background:#f8fafc;color:#334155;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.helper-downloads{display:grid;gap:10px}.download-helper-link{display:grid;min-height:44px;place-items:center;border:1px solid #111827;border-radius:8px;background:#111827;color:#fff;font-weight:850;text-decoration:none}.download-helper-link:hover{background:#020617}.secondary-download{border-color:var(--line);background:var(--panel);color:var(--ink)}.secondary-download:hover{border-color:#111827;background:var(--panel-soft)}.pet-stage{display:grid;justify-items:center;align-content:center;gap:18px;min-height:360px;padding:24px;background:linear-gradient(180deg,#ffffffb3,#f8fafce6),var(--panel)}.matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.matrix div{min-height:112px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.matrix div:nth-child(3n){border-right:0}.matrix strong,.matrix span{display:block}.matrix strong{margin-bottom:10px;font-size:16px}.matrix span{color:var(--muted);line-height:1.6}.backup-list{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--muted);font-size:12px;line-height:1.45}.backup-list strong{color:var(--ink);font-size:13px}.permission-list{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:var(--muted);font-size:12px;line-height:1.45}.permission-list span{overflow-wrap:anywhere}.trust-band{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;max-width:1480px;margin:0 auto;padding:0 28px 24px}.trust-card,.helper-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.trust-card{padding:24px}.helper-card{display:grid;gap:10px;padding:18px}.trust-card h2,.helper-card h3{margin:0 0 10px}.trust-card p,.helper-card p{margin:0;color:var(--muted);line-height:1.7}.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.trust-grid span{min-height:56px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:#344054;font-size:13px;font-weight:780;line-height:1.45}.lower-band{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1480px;margin:0 auto;padding:0 28px 36px}.pet-panel,.resource-panel{grid-column:1 / -1}.lower-band>.deep-section,.lower-band>.compatibility-section,.lower-band>.disclaimer-section{grid-column:1 / -1;width:100%;max-width:none;padding:0}.lower-band>.compatibility-section,.lower-band>.disclaimer-section{padding:26px}.resource-panel summary{cursor:pointer;padding:18px 26px;color:var(--ink);font-size:18px;font-weight:850}.resource-panel[open] summary{border-bottom:1px solid var(--line)}.pet-panel,.reserve-panel{padding:26px}.resource-panel .section-heading,.resource-panel .resource-columns{margin-right:26px;margin-left:26px}.resource-panel .resource-columns{margin-bottom:26px}.section-heading{max-width:780px;margin-bottom:22px}.section-heading h2{margin:0 0 10px;font-size:30px;line-height:1.15;letter-spacing:0}.section-heading p{margin:0;color:var(--muted);line-height:1.75}.pet-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.pet-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pet-card{position:relative;min-height:224px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);text-align:left;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.pet-card:hover,.pet-card.selected{transform:translateY(-2px);border-color:#111827;box-shadow:0 14px 34px #161e2e21}.pet-badge{position:absolute;top:12px;right:12px;padding:4px 7px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:850}.pet-card strong,.pet-card small{display:block}.pet-card strong{margin-top:12px;overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.pet-card small{margin-top:3px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.pet-card p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.pet-sprite{--pet-size: 96px;width:var(--pet-size);aspect-ratio:192 / 208;height:auto;background-repeat:no-repeat;background-position:0 0;background-size:800% 900%;image-rendering:auto;animation:pet-idle-preview 1.1s steps(8) infinite}.pet-sprite.large{--pet-size: 192px;margin:0 auto}@keyframes pet-idle-preview{0%{background-position:0 0}to{background-position:calc(var(--pet-size) * -8) 0}}.pet-detail{position:sticky;top:86px;display:grid;gap:18px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.pet-detail h3{margin:0;font-size:28px}.pet-detail span{display:block;margin-top:4px;color:var(--muted)}.pet-detail p{margin:10px 0 0;color:var(--muted);line-height:1.7}.pet-meta-list{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:12px;line-height:1.5}.pet-meta-list a,.info-table a{color:#1d4ed8;font-weight:800;text-decoration:none}.pet-meta-list a:hover,.info-table a:hover{text-decoration:underline}.pet-actions{display:grid;grid-template-columns:1fr;gap:10px}.secondary-link{display:grid;min-height:42px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-weight:840;text-decoration:none}.contract-card{display:grid;gap:8px;padding:14px;border-radius:8px;background:#eef2f7;color:#475467;font-size:13px}.contract-card strong{color:var(--ink);font-size:14px}.resource-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.resource-list{display:grid;gap:10px}.resource-list h3{margin:0 0 4px;font-size:20px}.resource-list a{position:relative;display:block;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);color:var(--ink);text-decoration:none}.resource-list a:hover{border-color:#111827}.resource-list strong,.resource-list small{display:block}.resource-list small{margin-top:2px;color:var(--muted)}.resource-list p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.resource-list em{position:absolute;top:14px;right:14px;color:var(--faint);font-size:12px;font-style:normal;font-weight:850}.reserve-panel{min-height:190px}.reserve-panel h2{margin:0 0 12px;font-size:28px}.reserve-panel p:last-child{max-width:680px;margin:0;color:var(--muted);line-height:1.8}@media(max-width:1280px){.persona-strip{padding:12px 14px 0}.persona-card{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)}.persona-card-result{grid-template-columns:76px minmax(0,1fr) minmax(180px,.54fr)}.persona-card-result .persona-actions{grid-column:2 / -1;grid-template-columns:1fr 1fr}.persona-actions{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.support-sections{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 28px}.seo-resource-section{grid-template-columns:1fr;padding:0 14px 34px}.studio-shell{grid-template-columns:300px minmax(500px,1fr) 300px;gap:12px;padding:14px}.live-preview-shell .realistic-codex{min-height:600px}.preview-pet-stage .pet-sprite.large{--pet-size: 126px}.workspace{grid-template-columns:220px minmax(420px,1fr)}.preview-panel{position:static;grid-column:2}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pet-workspace,.resource-columns,.trust-band,.theme-detail-grid,.pet-detail-grid,.install-grid,.rights-grid,.helper-command-card,.matrix{grid-template-columns:1fr}.pet-detail,.detail-inspector{position:static}.matrix div,.matrix div:nth-child(3n){border-right:0}}@media(max-width:900px){.topbar{position:static;grid-template-columns:1fr auto;height:auto;padding:16px}.topbar-actions{align-self:start}.helper-chip{display:none}.nav-links{grid-column:1 / -1;justify-content:start;flex-wrap:wrap;gap:14px}.hero-strip{grid-template-columns:1fr;padding:20px 18px 14px}.hero-strip h1{font-size:28px}.hero-strip p:not(.eyebrow){font-size:14px;line-height:1.55}.flow-card{grid-template-columns:1fr}.hero-actions{width:100%}.hero-cta-row{grid-template-columns:1fr}.hero-pet-action,.hero-theme-action{width:100%}.mobile-desktop-note{display:block;margin:0;padding:11px 12px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1e3a8a;font-size:13px;line-height:1.5}.apply-action{display:none}.persona-strip{padding:12px 16px 0}.persona-card,.persona-card-result{grid-template-columns:1fr;gap:10px;padding:12px}.persona-intro{padding:11px}.persona-intro h2,.persona-result-copy h2{font-size:19px}.persona-questions{grid-template-columns:1fr}.persona-actions,.persona-card-result .persona-actions{grid-column:auto;grid-template-columns:1fr}.persona-result-pet{min-height:92px}.studio-shell{display:flex;flex-direction:column;gap:14px;padding:14px 16px 22px}.studio-library,.bundle-panel{position:static;height:auto;max-height:none}.studio-library{order:2}.studio-preview{order:1;padding:12px}.bundle-panel{order:3}.studio-preview-head{flex-direction:column}.studio-preview-head h1{font-size:28px}.studio-preview-head .variant-toggle,.studio-preview-head .variant-toggle button{width:100%}.library-scroll-row,.compact-list{max-height:420px}.live-preview-shell .realistic-codex{min-height:500px}.studio-preview .codex-preview{width:100%;max-width:calc(100vw - 56px)}.studio-preview .codex-app-layout{grid-template-columns:minmax(110px,36%) minmax(0,1fr);min-width:0}.studio-preview .real-sidebar{padding:14px 10px}.studio-preview .side-actions{gap:12px;margin-bottom:24px;font-size:13px}.studio-preview .thread-row{padding:7px 8px;font-size:11px}.studio-preview .real-titlebar{padding:0 12px}.studio-preview .title-left{gap:8px}.studio-preview .title-left strong{max-width:80px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.studio-preview .title-icons{display:none}.studio-preview .real-chat{padding:22px 14px 14px}.studio-preview .command-pill{display:none}.studio-preview .processed-line{margin-top:42px;font-size:16px}.studio-preview .assistant-output.compact{padding:10px}.studio-preview .code-block{padding:9px;font-size:10px}.preview-pet-stage{right:22px;bottom:86px}.preview-pet-stage .pet-sprite.large{--pet-size: 98px}.studio-footer-note{grid-template-columns:1fr}.bundle-actions{display:none;grid-template-columns:1fr}.support-sections{grid-template-columns:1fr;padding:0 16px 24px}.seo-resource-section{grid-template-columns:1fr;padding:0 16px 32px}.seo-link-grid{grid-template-columns:1fr}.support-card{padding:14px}.support-card-head{display:grid}.support-card-head .helper-chip{display:inline-flex}.support-checks,.support-actions{grid-template-columns:1fr}.workspace{display:flex;flex-direction:column;padding:0 18px 24px}.left-rail,.preview-panel{position:static}.left-rail{order:3;margin-top:18px}.theme-browser{order:1}.preview-panel{order:2}.browser-head{align-items:start;flex-direction:column}.browser-controls{width:100%;align-items:stretch;flex-direction:column}.browser-controls .variant-toggle,.sort-tabs{width:100%}.browser-controls .variant-toggle button,.sort-tab{flex:1}.theme-grid{grid-template-columns:1fr}.preview-panel{margin-top:18px;max-width:100%;overflow:hidden}.codex-preview{width:100%;max-width:calc(100vw - 36px)}.preview-panel .codex-preview{max-height:560px}.preview-panel .realistic-codex{min-height:480px}.guide-card,.copy-box,.lower-band,.trust-band,.deep-grid,.install-grid,.rights-grid,.helper-command-card,.matrix{grid-template-columns:1fr}.deep-section,.install-section,.compatibility-section,.rights-section,.disclaimer-section{padding:0 18px 24px}.detail-preview-shell{padding:12px;overflow:hidden}.detail-preview-shell .codex-preview{max-height:520px}.info-table div{grid-template-columns:1fr;gap:4px}.payload-actions{grid-template-columns:1fr}.trust-band{padding:0 18px 24px}.trust-grid{grid-template-columns:1fr}.detail-card dl>div{grid-template-columns:1fr;gap:4px}.pet-grid{grid-template-columns:1fr}.pet-stage{min-height:280px}.lower-band{padding:0 18px 28px}}