:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#ebf6f9;--paper:#f8fdfe;--panel:#f1fafc;--ink:#101e2d;--muted:#495a6b;--subtle:#798898;--line:#c1d4de;--brand:#125ca1;--brand-strong:#003d73;--green:#006f4f;--amber:#b0660c;--red:#b24037;--shadow:0 20px 50px #1e2f411f;--radius:8px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-body:"Source Han Serif SC", "Source Han Serif CN", "思源宋体", "Noto Serif CJK SC", "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--font-display:"Source Han Serif SC", "Source Han Serif CN", "思源宋体", "Noto Serif CJK SC", "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif}@supports (color:lab(0% 0 0)){:root{--bg:lab(96.0187% -3.15306 -2.8299);--paper:lab(98.8796% -1.58146 -1.4181);--panel:lab(97.7619% -2.90415 -1.9249);--ink:lab(10.5705% -2.26305 -11.9521);--muted:lab(37.2948% -3.13123 -12.1908);--subtle:lab(55.8773% -2.93925 -10.5476);--line:lab(83.8532% -5.21624 -7.2576);--brand:lab(37.7384% -1.05985 -44.0716);--brand-strong:lab(25.034% .306517 -37.1922);--green:lab(41.1339% -38.1025 10.7392);--amber:lab(50.7706% 26.495 55.9816);--red:lab(44.0398% 46.6324 31.5514);--shadow:0 20px 50px lab(18.6877% -2.83948 -13.717/.12)}}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--ink);font-family:var(--font-body);margin:0;font-size:15px}.home-shell{background:#ecf6fa;background:lab(96.1244% -2.96459 -3.07056);min-height:100vh}.home-nav{z-index:20;gap:var(--space-lg);width:min(100%,1220px);min-height:72px;padding:0 var(--space-lg);border-bottom:1px solid color-mix(in oklch, var(--brand) 12%, var(--line));background:#ecf6faf0;background:lab(96.1244% -2.96459 -3.07056/.94);grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;margin:0 auto;display:grid;position:sticky;top:0}.home-nav .product-lockup span{color:var(--muted)}.home-nav-links,.home-nav-actions,.home-cta-row,.home-trust-row,.trust-list{flex-wrap:wrap;align-items:center;display:flex}.home-nav-links{gap:var(--space-lg)}.home-nav-links a{color:var(--muted);font-size:.9rem;font-weight:800;text-decoration:none}.home-nav-links a:hover{color:var(--brand-strong)}.home-nav-actions,.home-cta-row{gap:var(--space-xs)}.home-nav .button,.home-cta-row .button{text-decoration:none}.home-hero{gap:var(--space-2xl);width:min(100%,1220px);min-height:calc(100dvh - 72px);padding:64px var(--space-lg) 56px;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);align-items:center;margin:0 auto;display:grid}.home-hero-copy{gap:var(--space-lg);align-content:center;display:grid}.home-kicker,.home-section-kicker{color:var(--brand-strong);letter-spacing:0;font-size:.82rem;font-weight:900}.home-hero h1{color:#051423;color:lab(5.5966% -1.35623 -12.3477);max-width:10em;font-family:var(--font-display);letter-spacing:0;margin:0;font-size:4.2rem;line-height:1.05}.home-hero p{color:#334554;color:lab(28.0511% -3.95843 -11.7159);max-width:48ch;margin:0;font-size:1.05rem;line-height:1.8}.home-cta-row .button{min-height:44px;padding:0 17px}.home-trust-row{gap:var(--space-xs);max-width:560px;padding-top:var(--space-sm);border-top:1px solid color-mix(in oklch, var(--brand) 12%, var(--line))}.home-trust-row span,.trust-list span{border:1px solid color-mix(in oklch, var(--brand) 14%, var(--line));border-radius:var(--radius);color:var(--muted);background:#f7fcfe;background:lab(98.5291% -1.5358 -1.47939);padding:7px 10px;font-size:.8rem;font-weight:800}.product-showcase{border:1px solid color-mix(in oklch, var(--brand) 22%, var(--line));border-radius:var(--radius);background:var(--paper);overflow:hidden;box-shadow:0 28px 76px #20324421;box-shadow:0 28px 76px lab(19.8507% -2.89662 -13.7309/.13)}.showcase-topbar{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:54px;padding:0 var(--space-lg);border-bottom:1px solid var(--line);background:#f4fbfe;background:lab(98.1933% -2.0453 -1.97105);display:flex}.showcase-topbar span{color:var(--ink);font-weight:900}.showcase-topbar strong{color:var(--green);font-size:.82rem}.showcase-grid{grid-template-columns:minmax(0,1fr) minmax(220px,.78fr);grid-template-areas:"editor checks""preview checks";display:grid}.showcase-editor,.showcase-preview,.showcase-checks{min-width:0;padding:var(--space-lg)}.showcase-editor{gap:var(--space-sm);border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-area:editor;display:grid}.showcase-preview{border-right:1px solid var(--line);background:#f8f8f0;background:lab(97.2961% -.831693 3.70191);grid-area:preview}.showcase-checks{align-content:start;gap:var(--space-xs);color:#eef3f5;color:lab(95.3837% -1.28013 -1.75723);background:#11212f;background:lab(11.7533% -2.74959 -11.8146);grid-area:checks;display:grid}.showcase-label,.showcase-check span{color:var(--subtle);font-size:.78rem;font-weight:900}.showcase-editor strong{font-family:var(--font-display);font-size:1.35rem}.showcase-lines{gap:var(--space-xs);margin-top:var(--space-xs);display:grid}.showcase-lines i{background:color-mix(in oklch, var(--brand) 12%, var(--line));border-radius:999px;height:10px;display:block}.showcase-lines i:nth-child(2){width:82%}.showcase-lines i:nth-child(3){width:64%}.showcase-lines i:nth-child(4){width:74%}.preview-paper{gap:var(--space-xs);max-width:320px;margin-top:var(--space-sm);padding:var(--space-md);border:1px solid color-mix(in oklch, var(--amber) 24%, var(--line));border-radius:var(--radius);background:#fefcf7;background:lab(99.1202% -.201821 3.047);display:grid}.preview-paper strong{font-family:var(--font-display);font-size:1.25rem}.preview-paper p{color:var(--muted);margin:0;line-height:1.7}.preview-highlight{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid color-mix(in oklch, var(--amber) 22%, var(--line));color:#64430d;color:lab(31.4666% 11.135 35.9023);font-weight:900}.showcase-check{gap:var(--space-2xs);padding-bottom:var(--space-sm);border-bottom:1px solid #3c4f62;border-bottom:1px solid lab(32.6538% -3.79822 -13.6748);display:grid}.showcase-check:last-child{border-bottom:0}.showcase-check span{color:#9fadb6;color:lab(69.8911% -3.69433 -6.20328)}.showcase-check strong{color:#f1f6f8;color:lab(96.5437% -1.28022 -1.75726);line-height:1.35}.home-auth-panel{width:min(100% - 48px,560px);margin:0 auto;scroll-margin-top:96px}.home-section{gap:var(--space-xl);width:min(100%,1220px);padding:84px var(--space-lg);margin:0 auto;display:grid}.home-section-head{gap:var(--space-sm);max-width:760px;display:grid}.home-section h2,.home-trust h2{color:var(--ink);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:2.5rem;line-height:1.14}.home-section-head p{max-width:64ch;color:var(--muted);margin:0;font-size:1rem;line-height:1.75}.capability-grid{gap:var(--space-sm);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.capability-item{align-content:start;gap:var(--space-sm);min-height:190px;padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius);background:#f7fcfe;background:lab(98.7611% -1.5358 -1.4794);display:grid}.capability-item span{color:var(--brand-strong);font-weight:900}.capability-item p,.workflow-step p{color:var(--muted);margin:0;line-height:1.68}.workflow-rail{border-top:1px solid color-mix(in oklch, var(--brand) 18%, var(--line));border-bottom:1px solid color-mix(in oklch, var(--brand) 18%, var(--line));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.workflow-step{align-content:start;gap:var(--space-sm);min-height:210px;padding:var(--space-lg) var(--space-md);border-left:1px solid color-mix(in oklch, var(--brand) 14%, var(--line));display:grid}.workflow-step:first-child{border-left:0}.workflow-step span{color:var(--subtle);font-size:.82rem;font-weight:900}.workflow-step strong{color:var(--ink);font-family:var(--font-display);font-size:1.25rem}.home-trust{border:1px solid color-mix(in oklch, var(--brand) 18%, var(--line));border-radius:var(--radius);color:#eef3f5;color:lab(95.3837% -1.28013 -1.75723);background:#0f1e2d;background:lab(10.5896% -2.67546 -11.7984);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;margin-bottom:64px}.home-trust .home-section-kicker{color:#d9c09d;color:lab(79.1783% 5.33649 21.1745)}.home-trust h2{margin-top:var(--space-sm);color:#f5f9fc;color:lab(97.7037% -1.28034 -1.7573)}.trust-list{gap:var(--space-xs);justify-content:flex-start}.trust-list span{color:#c8d3d8;color:lab(83.814% -2.95842 -4.08388);background:#192a3b;background:lab(16.3923% -3.11263 -12.8566);border-color:#3c4f62;border-color:lab(32.6538% -3.79822 -13.6748)}.login-shell{gap:clamp(var(--space-xl), 5vw, 84px);min-height:100vh;padding:clamp(var(--space-lg), 4vw, 72px);background:#e4f3f9;background:lab(94.8736% -4.27753 -4.76679);grid-template-columns:minmax(0,1fr) minmax(430px,520px);align-items:center;display:grid;position:relative;overflow:hidden}.auth-hero{align-content:center;gap:clamp(var(--space-lg), 3vw, var(--space-2xl));max-width:680px;min-height:calc(100vh - 144px);display:grid}.auth-brand{color:var(--ink)}.auth-brand .product-mark{color:#ffe0b0;color:lab(90.8162% 6.16398 27.3472);background:#0b2338;background:lab(12.8301% -3.002 -16.7038)}.auth-hero-copy{gap:var(--space-md);display:grid}.auth-kicker{border:1px solid color-mix(in oklch, var(--brand) 18%, var(--line));width:fit-content;color:var(--brand-strong);letter-spacing:0;background:#f0fbfe;background:lab(97.7536% -3.06091 -2.95227);border-radius:999px;padding:7px 10px;font-size:.74rem;font-weight:900}.auth-hero h1{color:#061425;color:lab(6.03745% -1.06013 -13.3522);max-width:12em;font-family:var(--font-display);letter-spacing:0;margin:0;font-size:4.5rem;line-height:.98}.auth-hero p{color:#334554;color:lab(28.0511% -3.95843 -11.7159);max-width:56ch;margin:0;font-size:1.06rem;line-height:1.8}.auth-workflow-preview{gap:var(--space-sm);grid-template-columns:minmax(0,1.05fr) minmax(180px,.78fr);max-width:560px;display:grid}.workflow-card{gap:var(--space-xs);min-height:104px;padding:var(--space-md);border:1px solid color-mix(in oklch, var(--brand) 18%, var(--line));border-radius:var(--radius);background:#f4fcff;background:lab(98.4375% -2.55385 -2.46204);display:grid;box-shadow:0 18px 44px #263a4e17;box-shadow:0 18px 44px lab(23.3145% -3.2091 -15.4352/.09)}.workflow-card.main{color:#f1f6f8;color:lab(96.5437% -1.28022 -1.75726);background:#091e31;background:lab(10.5305% -2.77025 -15.0443);grid-row:span 2;align-content:center;min-height:220px}.workflow-card span{color:color-mix(in oklch, currentColor 62%, transparent);font-size:.78rem;font-weight:900}.workflow-card strong{font-family:var(--font-display);font-size:1.2rem;line-height:1.25}.workflow-lines{gap:var(--space-xs);margin-top:var(--space-sm);display:grid}.workflow-lines i{background:#c8dbe547;background:lab(86.1615% -4.98012 -7.46247/.28);border-radius:999px;height:10px;display:block}.workflow-lines i:nth-child(2){width:78%}.workflow-lines i:nth-child(3){width:54%}.workflow-card.status strong{color:var(--green)}.workflow-card.review strong{color:var(--brand-strong);font-size:1rem}.auth-proof-grid{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px;display:grid}.auth-proof-grid div{gap:var(--space-2xs);padding:var(--space-sm) 0;border-top:1px solid color-mix(in oklch, var(--brand) 18%, var(--line));display:grid}.auth-proof-grid strong{color:var(--ink);font-size:.92rem}.auth-proof-grid span{color:var(--muted);font-size:.8rem;line-height:1.45}.login-panel{gap:var(--space-lg);width:min(100%,520px);padding:clamp(var(--space-lg), 3vw, var(--space-xl));border:1px solid color-mix(in oklch, var(--brand) 24%, var(--line));border-radius:var(--radius);background:#f8fdff;background:lab(98.8771% -1.5358 -1.4794);justify-self:end;display:grid;box-shadow:0 34px 80px #20324424;box-shadow:0 34px 80px lab(19.8507% -2.89662 -13.7309/.14)}.auth-card-loading{grid-column:1/-1;place-self:center}.auth-loading-bar{background:color-mix(in oklch, var(--brand) 12%, var(--line));border-radius:999px;height:8px;overflow:hidden}.auth-loading-bar:after{border-radius:inherit;background:var(--brand);content:"";width:42%;height:100%;animation:1.2s ease-in-out infinite alternate auth-loading;display:block}@keyframes auth-loading{0%{transform:translate(0)}to{transform:translate(142%)}}.auth-card-head{gap:var(--space-xs);display:grid}.auth-card-head h2{color:var(--ink);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:2.1rem;line-height:1.08}.auth-card-head p{color:var(--muted);margin:0;line-height:1.65}.login-panel .product-lockup{color:var(--ink)}.login-panel .product-lockup span{color:var(--muted)}.auth-mode-tabs{border:1px solid color-mix(in oklch, var(--brand) 18%, var(--line));border-radius:var(--radius);background:#ebf6f9;background:lab(96.0136% -3.06061 -2.95206);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;display:grid}.sms-purpose-tabs{border:1px solid color-mix(in oklch, var(--brand) 16%, var(--line));border-radius:var(--radius);background:#ebf6f9;background:lab(96.0136% -3.06061 -2.95206);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;display:grid}.auth-form,.auth-subform{gap:var(--space-sm);display:grid}.auth-form h1{margin:var(--space-xs) 0;color:var(--ink);font-family:var(--font-display);font-size:1.55rem;line-height:1.15}.auth-subform{padding-top:var(--space-sm);border-top:1px solid var(--line)}.auth-subform:first-child{border-top:0;padding-top:0}.sms-code-row{gap:var(--space-xs);grid-template-columns:minmax(0,1fr) minmax(132px,auto);align-items:stretch;display:grid}.sms-code-row .button{white-space:nowrap}.auth-notice,.auth-error{padding:var(--space-sm);border:1px solid color-mix(in oklch, var(--green) 30%, var(--line));border-radius:var(--radius);background:color-mix(in oklch, var(--green) 8%, var(--paper));color:var(--green);font-size:.84rem;line-height:1.5}.auth-error{border-color:color-mix(in oklch, var(--red) 42%, var(--line));background:color-mix(in oklch, var(--red) 8%, var(--paper));color:var(--red)}.auth-card .title-input{min-height:52px;font-family:var(--font-body);background:#f9feff;background:lab(99.2251% -1.5358 -1.47941);padding:0 14px;font-size:.98rem;font-weight:700}.auth-card .title-input::placeholder{color:#8694a1;color:lab(60.5593% -3.22688 -8.52044)}.auth-card .button.primary,.auth-card .auth-subform .button{width:100%;min-height:52px}.auth-inline-actions,.auth-card-foot{justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;display:flex}.auth-inline-actions button{color:var(--brand-strong);text-align:left;background:0 0;border:0;font-size:.86rem;font-weight:900}.auth-inline-actions button:hover{text-decoration:underline}.auth-card-foot{padding-top:var(--space-md);border-top:1px solid var(--line);color:var(--subtle);font-size:.78rem;line-height:1.45}.legal-consent{gap:var(--space-xs);color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:start;font-size:.82rem;line-height:1.55;display:grid}.legal-consent input{margin-top:3px}.legal-consent a,.legal-links a{color:var(--brand-strong);font-weight:800;text-decoration:none}.legal-consent a:hover,.legal-links a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.side-rail{gap:var(--space-xl);padding:var(--space-lg);color:#e9f0f3;color:lab(94.2315% -1.70332 -2.34089);background:#0b1722;background:lab(7.18558% -2.48617 -9.2076);flex-direction:column;display:flex}.product-lockup{align-items:center;gap:var(--space-sm);display:flex}.product-lockup strong,.product-lockup span{display:block}.product-lockup strong{font-family:var(--font-display);font-size:1rem;line-height:1.25}.product-lockup span{color:#acbac3;color:lab(74.5315% -3.70091 -6.20657);margin-top:2px;font-size:.78rem}.product-mark{border-radius:var(--radius);color:#f2e2d0;color:lab(90.726% 3.63538 10.9457);width:42px;height:42px;font-family:var(--font-display);border:1px solid #92a7bd99;border:1px solid lab(67.4586% -3.83207 -14.0276/.6);place-items:center;font-weight:800;display:grid}.nav-stack{gap:var(--space-xs);display:grid}.nav-item{align-items:center;gap:var(--space-sm);border-radius:var(--radius);color:#c0cdd5;color:lab(81.4872% -3.34868 -5.59509);text-align:left;background:0 0;border:1px solid #0000;width:100%;padding:10px 12px;display:flex}.nav-item span{color:#c5ad8f;color:lab(72.1688% 5.95143 18.8543);width:18px}.nav-item.active,.nav-item:hover{color:#f5f9fc;color:lab(97.7037% -1.28034 -1.7573);background:#172836;background:lab(15.271% -3.54841 -11.6007);border-color:#40586d;border-color:lab(36.1575% -4.98045 -15.0297)}.workspace-health{gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius);background:#12212d;background:lab(11.7934% -3.20634 -10.5971);border:1px solid #405567;border:1px solid lab(35.0077% -4.53848 -13.3942);margin-top:auto;display:grid}.workspace-health strong{color:#7fe3b0;color:lab(83.0375% -39.4068 15.5501);font-family:var(--font-display);font-size:2rem;line-height:1}.workspace-health span:last-child{color:#acbac3;color:lab(74.5315% -3.70091 -6.20657);font-size:.82rem}.main-stage{align-content:start;gap:var(--space-md);padding:var(--space-lg);min-width:0;display:grid}.topbar{z-index:10;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklch, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:minmax(220px,1fr) auto minmax(132px,auto) minmax(132px,auto) auto;display:grid;position:sticky;top:0;box-shadow:0 10px 26px #1e2f4114;box-shadow:0 10px 26px lab(18.6877% -2.83948 -13.717/.08)}.workspace-picker{gap:var(--space-2xs);display:grid}.role-picker,.plan-picker{gap:var(--space-2xs);min-width:132px;display:grid}.eyebrow{color:var(--subtle);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:800}select,.title-input,.summary-input,.article-source{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;color:var(--ink);outline:none}select{max-width:320px;padding:8px 10px}.save-state{align-items:center;gap:var(--space-xs);color:var(--muted);white-space:nowrap;display:flex}.status-dot{background:var(--green);border-radius:999px;width:9px;height:9px}.action-cluster,.preview-actions{align-items:center;gap:var(--space-xs);flex-wrap:wrap;justify-content:flex-end;display:flex}.button,.icon-button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;font-weight:800;line-height:1;display:inline-flex}.button.primary{background:var(--brand);color:#f5f9fc;color:lab(97.7037% -1.28034 -1.7573)}.button.ghost{border-color:var(--line);background:var(--paper);color:var(--muted)}.button:hover,.icon-button:hover{transform:translateY(-1px)}.icon-button{border-color:var(--line);background:var(--paper);width:36px;height:36px;color:var(--brand-strong)}.lifecycle-band{padding:var(--space-sm) var(--space-md);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow-x:auto}.lifecycle-steps{align-items:center;gap:var(--space-xs);grid-auto-columns:minmax(112px,1fr);grid-auto-flow:column;min-width:980px;display:grid}.lifecycle-step{gap:var(--space-2xs);border:1px solid var(--line);border-radius:var(--radius);min-height:46px;color:var(--subtle);background:var(--panel);padding:9px 10px;display:grid}.lifecycle-step strong{color:inherit;font-size:.78rem}.workbench{--workbench-sticky-top:calc(72px + var(--space-md));gap:var(--space-md);grid-template-columns:minmax(310px,.9fr) minmax(360px,520px) minmax(320px,.78fr);align-items:start;display:grid}.panel,.preview-stage{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:0 12px 32px #1e2f4112;box-shadow:0 12px 32px lab(18.6877% -2.83948 -13.717/.07)}.panel{gap:var(--space-md);padding:var(--space-md);display:grid}.panel-head,.preview-head{justify-content:space-between;align-items:start;gap:var(--space-md);display:flex}.panel-head.compact{align-items:center}h1,h2{color:var(--ink);font-family:var(--font-display);margin:2px 0 0;line-height:1.2}.pill{background:color-mix(in oklch, var(--brand) 9%, var(--paper));min-height:28px;color:var(--brand-strong);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:.8rem;font-weight:800;display:inline-flex}.field-label{color:var(--muted);margin-bottom:-8px;font-size:.78rem;font-weight:800;display:block}.title-input{font-family:var(--font-display);padding:11px 12px;font-size:1rem;font-weight:800}.summary-input,.article-source{resize:vertical;padding:11px 12px;line-height:1.65}.editor-meta,.export-strip{justify-content:space-between;align-items:center;gap:var(--space-md);color:var(--muted);font-size:.84rem;display:flex}.preview-stage{gap:var(--space-md);padding:var(--space-md);display:grid}.phone-frame{--phone-preview-height:654px;width:min(100%,430px);min-height:calc(var(--phone-preview-height) + 46px);box-shadow:var(--shadow);background:#07131c;background:lab(5.23598% -1.84111 -7.90136);border:1px solid #a9bac5;border:1px solid lab(74.5425% -4.58804 -7.73939);border-radius:30px;margin:0 auto;overflow:hidden}.phone-bar{justify-content:space-between;align-items:center;gap:var(--space-sm);color:#dfe6e9;color:lab(90.7514% -1.70287 -2.34063);height:46px;padding:0 18px;font-size:.82rem;display:flex}.phone-bar span:last-child{color:#a7e1ba;color:lab(84.8261% -25.0035 12.8318);font-weight:800}#phonePreview,.phone-frame iframe{width:100%;height:var(--phone-preview-height);background:var(--paper);border:0;display:block}.export-strip{padding:var(--space-sm) 0 0;border-top:1px solid var(--line)}.export-strip strong{color:var(--ink);margin-top:3px;font-size:.94rem;display:block}.tabs{gap:var(--space-xs);padding:var(--space-2xs);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:repeat(auto-fit,minmax(56px,1fr));display:grid}.tab{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-weight:800}.tab.active{background:var(--paper);color:var(--brand-strong);box-shadow:0 6px 14px #1e2f4117;box-shadow:0 6px 14px lab(18.6877% -2.83948 -13.717/.09)}.inspector-content{gap:var(--space-md);display:grid}.metric-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metric{padding:0 0 var(--space-sm);border-bottom:1px solid var(--line);gap:3px;display:grid}.metric strong{color:var(--ink);font-family:var(--font-display);font-size:1.35rem;line-height:1.1}.inspector-list,.audit-list,.theme-list,.asset-list,.publish-list,.publish-task-list,.approval-list,.comment-list,.version-list,.member-list,.security-list,.billing-list,.success-list,.enterprise-list{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.inspector-item,.audit-item,.theme-choice,.asset-item,.publish-item,.publish-task-item,.approval-item,.comment-item,.version-item,.member-item,.security-item,.billing-item,.success-item,.enterprise-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.inspector-item{gap:var(--space-xs);padding:var(--space-sm);display:grid}.inspector-item.blocking{border-color:color-mix(in oklch, var(--red) 45%, var(--line));background:color-mix(in oklch, var(--red) 7%, var(--paper))}.inspector-item.warning{border-color:color-mix(in oklch, var(--amber) 45%, var(--line));background:color-mix(in oklch, var(--amber) 8%, var(--paper))}.item-title{justify-content:space-between;align-items:center;gap:var(--space-sm);color:var(--ink);font-weight:800;display:flex}.item-title span{color:var(--muted);font-size:.75rem;font-weight:800}.item-detail{color:var(--muted);margin:0;font-size:.84rem;line-height:1.6}.theme-choice{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);color:var(--ink);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.swatch{border:1px solid var(--line);border-radius:999px;grid-template-columns:1fr 1fr;width:34px;height:34px;display:grid;overflow:hidden}.theme-choice strong,.theme-choice span{display:block}.theme-choice span{color:var(--muted);margin-top:2px;font-size:.78rem}.tag{background:color-mix(in oklch, var(--green) 10%, var(--paper));min-height:24px;color:var(--green);border-radius:999px;align-items:center;padding:0 8px;font-size:.72rem;font-weight:800;display:inline-flex}.audit-item{padding:var(--space-sm);gap:3px;display:grid}.asset-item,.publish-item,.publish-task-item,.approval-item,.comment-item,.version-item,.member-item,.security-item,.billing-item,.success-item,.enterprise-item{gap:var(--space-xs);padding:var(--space-sm);display:grid}.security-item.warning{border-color:color-mix(in oklch, var(--amber) 45%, var(--line));background:color-mix(in oklch, var(--amber) 8%, var(--paper))}.publish-item.pass{border-color:color-mix(in oklch, var(--green) 40%, var(--line));background:color-mix(in oklch, var(--green) 8%, var(--paper))}.publish-item.warn{border-color:color-mix(in oklch, var(--amber) 45%, var(--line));background:color-mix(in oklch, var(--amber) 8%, var(--paper))}.publish-item.fail{border-color:color-mix(in oklch, var(--red) 42%, var(--line));background:color-mix(in oklch, var(--red) 7%, var(--paper))}.legal-links{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.legal-links a{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);min-height:30px;padding:7px 10px;font-size:.82rem}.danger-zone{gap:var(--space-sm);padding:var(--space-sm);border:1px solid color-mix(in oklch, var(--red) 42%, var(--line));border-radius:var(--radius);background:color-mix(in oklch, var(--red) 7%, var(--paper));display:grid}.comment-box{gap:var(--space-sm);padding-top:var(--space-xs);border-top:1px solid var(--line);display:grid}.publish-authorizer{align-items:start;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklch, var(--green) 6%, var(--paper));grid-template-columns:minmax(0,1fr) auto;display:grid}.publish-task-head{padding-top:var(--space-sm);border-top:1px solid var(--line)}.publish-task-row{align-items:start;gap:var(--space-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.task-status{border:1px solid var(--line);background:var(--paper);min-width:62px;min-height:28px;color:var(--muted);border-radius:999px;place-items:center;font-size:.72rem;font-weight:900;display:inline-grid}.task-status.synced{border-color:color-mix(in oklch, var(--green) 45%, var(--line));background:color-mix(in oklch, var(--green) 10%, var(--paper));color:var(--green)}.task-status.failed{border-color:color-mix(in oklch, var(--red) 42%, var(--line));background:color-mix(in oklch, var(--red) 8%, var(--paper));color:var(--red)}.member-form{gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);display:grid}.open-platform-secret-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.open-platform-copy-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);grid-template-columns:minmax(0,1fr) auto;display:grid}.open-platform-copy-row .item-detail{overflow-wrap:anywhere}.member-row{align-items:center;gap:var(--space-sm);grid-template-columns:34px minmax(0,1fr) auto;display:grid}.member-avatar{border:1px solid var(--line);background:color-mix(in oklch, var(--brand) 8%, var(--paper));width:34px;height:34px;color:var(--brand-strong);border-radius:999px;place-items:center;font-weight:900;display:grid}.member-controls{gap:var(--space-xs);grid-template-columns:minmax(0,1fr) auto;display:grid}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.58}.asset-meter{background:color-mix(in oklch, var(--brand) 8%, var(--paper));border-radius:999px;height:8px;overflow:hidden}.asset-meter span{border-radius:inherit;background:var(--green);height:100%;display:block}.step-row{align-items:center;gap:var(--space-xs);grid-template-columns:22px minmax(0,1fr) auto;display:grid}.step-dot{border:1px solid var(--line);width:22px;height:22px;color:var(--muted);border-radius:999px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.step-dot.approved,.step-dot.active{border-color:color-mix(in oklch, var(--green) 45%, var(--line));background:color-mix(in oklch, var(--green) 10%, var(--paper));color:var(--green)}.step-dot.changes_requested,.step-dot.failed{border-color:color-mix(in oklch, var(--red) 45%, var(--line));background:color-mix(in oklch, var(--red) 8%, var(--paper));color:var(--red)}.item-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.audit-item strong{color:var(--ink);font-size:.9rem}.audit-item span{color:var(--muted);font-size:.78rem}.modal-backdrop{z-index:40;padding:var(--space-lg);background:#030c16b8;background:lab(3.01476% -1.16967 -6.40308/.72);place-items:center;display:grid;position:fixed;inset:0}.step-up-dialog{gap:var(--space-md);width:min(100%,430px);padding:var(--space-lg);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);display:grid}.step-up-dialog .item-detail{margin:0}.modal-actions{justify-content:flex-end;gap:var(--space-xs);display:flex}.toast{right:var(--space-lg);bottom:var(--space-lg);z-index:30;max-width:min(360px,100vw - 32px);padding:var(--space-sm) var(--space-md);border:1px solid var(--line);border-radius:var(--radius);color:#eef3f5;color:lab(95.3837% -1.28013 -1.75723);box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#0b1c2a;background:lab(9.45476% -3.21378 -11.5249);transition:opacity .16s,transform .16s;position:fixed;transform:translateY(12px)}.toast.show{opacity:1;transform:translateY(0)}.legal-page{background:linear-gradient(135deg, color-mix(in oklch, var(--brand) 9%, var(--bg)), var(--bg) 38%), var(--bg);min-height:100vh;padding:clamp(24px,5vw,72px)}.legal-hero{gap:var(--space-sm);max-width:820px;margin:0 auto var(--space-xl);display:grid}.legal-hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05}.legal-hero p{max-width:68ch;color:var(--muted);margin:0;font-size:1.04rem;line-height:1.75}.legal-hero span{color:var(--subtle);font-size:.84rem}.legal-back{width:fit-content;color:var(--brand-strong);font-weight:900;text-decoration:none}.legal-back:hover{text-decoration:underline}.legal-layout{gap:var(--space-md);max-width:820px;margin:0 auto;display:grid}.legal-section{gap:var(--space-sm);padding:var(--space-lg);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);display:grid}.legal-section h2{margin:0}.legal-section p,.legal-section li{color:var(--muted);line-height:1.75}.legal-section ul{gap:var(--space-xs);margin:0;padding-left:1.2em;display:grid}.legal-table{border:1px solid var(--line);border-radius:var(--radius);display:grid;overflow:hidden}.legal-table-row{gap:var(--space-sm);padding:var(--space-sm);border-top:1px solid var(--line);grid-template-columns:minmax(120px,.7fr) minmax(0,1.4fr) minmax(0,1fr);display:grid}.legal-table-row:first-child{border-top:0}.legal-table-row span{color:var(--muted);line-height:1.6}@media (min-width:921px){.preview-stage{top:var(--workbench-sticky-top);max-height:calc(100dvh - var(--workbench-sticky-top) - var(--space-md));scrollbar-gutter:stable;position:sticky;overflow-y:auto}.preview-stage .phone-frame{--phone-preview-height:clamp(430px, calc(100dvh - 310px), 654px)}}@media (min-width:1281px){.inspector-panel{top:var(--workbench-sticky-top);max-height:calc(100dvh - var(--workbench-sticky-top) - var(--space-md));scrollbar-gutter:stable;position:sticky;overflow-y:auto}}@media (max-width:1280px){.home-hero{gap:var(--space-xl);grid-template-columns:minmax(0,.9fr) minmax(410px,1.1fr)}.capability-grid,.workflow-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-step:nth-child(4){border-left:0}.login-shell{gap:var(--space-xl);grid-template-columns:minmax(0,.9fr) minmax(410px,500px)}.workbench{grid-template-columns:minmax(310px,1fr) minmax(360px,500px)}.inspector-panel{grid-column:1/-1}}@media (max-width:920px){.home-nav{gap:var(--space-md);grid-template-columns:1fr auto}.home-nav-links{display:none}.home-hero{min-height:auto;padding:var(--space-2xl) var(--space-lg);grid-template-columns:1fr}.home-hero h1{max-width:11em;font-size:3.25rem}.home-hero p{max-width:58ch}.product-showcase{max-width:680px}.home-auth-panel{width:min(100% - 40px,560px)}.home-section{padding:64px var(--space-lg)}.home-section h2,.home-trust h2{font-size:2.05rem}.capability-grid,.workflow-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-step:nth-child(4){border-left:1px solid color-mix(in oklch, var(--brand) 14%, var(--line))}.workflow-step:nth-child(3),.workflow-step:nth-child(5){border-left:0}.home-trust{grid-template-columns:1fr}.login-shell{padding:var(--space-lg);grid-template-columns:1fr;align-items:start}.auth-hero{gap:var(--space-lg);max-width:none;min-height:auto}.auth-hero h1{max-width:14em;font-size:3.35rem}.login-panel{justify-self:stretch;width:100%}.app-shell{grid-template-columns:1fr}.side-rail{gap:var(--space-md);grid-template-columns:1fr;display:grid;position:static}.nav-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-health{display:none}.topbar{grid-template-columns:1fr}.action-cluster{justify-content:start}.workbench{grid-template-columns:1fr}.preview-stage,.inspector-panel{max-height:none;position:static;overflow:visible}}@media (max-width:620px){.home-nav{min-height:auto;padding:var(--space-md) var(--space-sm);grid-template-columns:1fr;position:static}.home-nav-actions{width:100%}.home-nav .button,.home-cta-row .button{flex:auto;min-width:0}.home-hero{gap:var(--space-lg);padding:var(--space-xl) var(--space-sm)}.home-hero-copy{gap:var(--space-md)}.home-hero h1{font-size:2.35rem;line-height:1.12}.home-hero p{font-size:.96rem}.home-cta-row,.home-trust-row{align-items:stretch}.home-cta-row .button{width:100%}.showcase-grid{grid-template-columns:1fr;grid-template-areas:"editor""preview""checks"}.showcase-editor,.showcase-preview{border-right:0}.showcase-editor,.showcase-preview,.showcase-checks{padding:var(--space-md)}.home-auth-panel{width:calc(100% - 24px)}.home-section{padding:52px var(--space-sm)}.home-section h2,.home-trust h2{font-size:1.72rem}.capability-grid,.workflow-rail{grid-template-columns:1fr}.workflow-rail{gap:var(--space-sm);border:0}.workflow-step,.workflow-step:nth-child(3),.workflow-step:nth-child(4),.workflow-step:nth-child(5){border:1px solid color-mix(in oklch, var(--brand) 14%, var(--line));border-radius:var(--radius);background:#f7fcfe;background:lab(98.5291% -1.5358 -1.47939);min-height:auto}.home-trust{margin-bottom:var(--space-lg)}.login-shell{padding:var(--space-sm)}.auth-hero{gap:var(--space-md)}.auth-hero-copy{gap:var(--space-sm)}.auth-hero h1{font-size:2.25rem;line-height:1.04}.auth-hero p{font-size:.96rem}.auth-workflow-preview,.auth-proof-grid{grid-template-columns:1fr}.workflow-card.main{grid-row:auto;min-height:156px}.login-panel{gap:var(--space-md);padding:var(--space-md)}.auth-card-head h2{font-size:1.65rem}.main-stage,.side-rail{padding:var(--space-sm)}.nav-stack{grid-template-columns:1fr 1fr}.button{flex:1 1 calc(50% - var(--space-xs))}.phone-frame{--phone-preview-height:554px;border-radius:22px;min-height:600px}#phonePreview,.phone-frame iframe{height:554px}.metric-grid{grid-template-columns:1fr}.auth-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-inline-actions,.auth-card-foot{gap:var(--space-xs);flex-direction:column}.sms-code-row,.open-platform-secret-grid,.open-platform-copy-row{grid-template-columns:1fr}.modal-backdrop{padding:var(--space-sm);align-items:end}.step-up-dialog{width:100%}.modal-actions{flex-direction:column-reverse}.publish-authorizer,.publish-task-row{grid-template-columns:1fr}.task-status{justify-self:start}.legal-table-row{grid-template-columns:1fr}}.design-shell{background:var(--bg);min-height:100vh;color:var(--ink)}.design-nav{z-index:30;justify-content:space-between;align-items:center;gap:var(--space-lg);width:min(100%,1240px);min-height:72px;padding:0 var(--space-lg);border-bottom:1px solid color-mix(in oklch, var(--brand) 12%, var(--line));background:#ebf6f9f2;background:lab(96.0187% -3.15306 -2.8299/.95);margin:0 auto;display:flex;position:sticky;top:0}.design-brand,.design-nav-links a{color:inherit;text-decoration:none}.design-brand{align-items:center;gap:var(--space-sm);min-width:220px;display:inline-flex}.design-mark{border:1px solid color-mix(in oklch, var(--brand) 24%, var(--line));border-radius:var(--radius);background:var(--paper);width:38px;height:38px;color:color-mix(in oklch, var(--amber) 76%, var(--brand));font-family:var(--font-display);justify-content:center;align-items:center;font-size:.82rem;font-weight:900;display:inline-flex}.design-brand strong,.design-brand small{display:block}.design-brand strong{color:var(--ink);font-family:var(--font-display);font-size:1rem;line-height:1.2}.design-brand small{color:var(--muted);font-size:.74rem;font-weight:800}.design-nav-links{align-items:center;gap:var(--space-xs);padding:var(--space-2xs);border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklch, var(--paper) 78%, var(--panel));display:flex}.design-nav-links a{min-height:34px;padding:0 var(--space-sm);color:var(--muted);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;font-size:.86rem;font-weight:900;display:inline-flex}.design-nav-links a:hover,.design-nav-links a.active{background:var(--paper);color:var(--brand-strong);box-shadow:0 8px 18px #1e2f4114;box-shadow:0 8px 18px lab(18.6877% -2.83948 -13.717/.08)}.design-hero,.design-section{width:min(100%,1240px);padding-right:var(--space-lg);padding-left:var(--space-lg);margin:0 auto}.design-hero{gap:var(--space-2xl);grid-template-columns:minmax(0,.9fr) minmax(360px,.72fr);align-items:end;padding-top:72px;padding-bottom:52px;display:grid}.design-kicker{width:fit-content;color:var(--brand-strong);align-items:center;font-size:.82rem;font-weight:900;display:inline-flex}.design-hero h1,.design-section-head h2{margin:var(--space-sm) 0 0;color:#051423;color:lab(5.5966% -1.35623 -12.3477);font-family:var(--font-display);letter-spacing:0}.design-hero h1{max-width:11em;font-size:3.5rem;line-height:1.08}.design-hero p,.design-section-head p,.spec-card-head p,.state-card p,.status-matrix span,.page-frame-top span{color:var(--muted);margin:0;line-height:1.68}.design-hero p{max-width:56ch;font-size:1rem}.design-section{gap:var(--space-xl);padding-top:46px;padding-bottom:58px;display:grid}.design-section-head{gap:var(--space-xs);max-width:760px;display:grid}.design-section-head h2{font-size:2.12rem;line-height:1.16}.design-section-head p{max-width:68ch}.token-grid,.spec-grid,.component-grid,.page-index-grid,.page-frame-grid,.state-grid,.status-matrix{gap:var(--space-sm);display:grid}.token-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.token-swatch{gap:var(--space-xs);min-height:180px;padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);display:grid}.token-color{border:1px solid color-mix(in oklch, var(--ink) 10%, var(--line));border-radius:6px;width:100%;height:54px;display:block}.token-color.ink{background:var(--ink)}.token-color.paper{background:var(--paper)}.token-color.line{background:var(--line)}.token-color.brand{background:var(--brand)}.token-color.green{background:var(--green)}.token-color.red{background:var(--red)}.token-swatch strong{color:var(--ink);font-family:var(--font-display)}.token-swatch small,.token-swatch code{color:var(--muted);font-size:.78rem}.token-swatch code{word-break:break-word}.spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-card{align-content:start;gap:var(--space-md);min-width:0;min-height:190px;padding:var(--space-md);border:1px solid color-mix(in oklch, var(--brand) 14%, var(--line));border-radius:var(--radius);background:#f7fcfe;background:lab(98.7611% -1.5358 -1.4794);display:grid;box-shadow:0 14px 34px #1e2f410f;box-shadow:0 14px 34px lab(18.6877% -2.83948 -13.717/.06)}.spec-card-head{gap:var(--space-2xs);display:grid}.spec-card h3{color:var(--ink);font-family:var(--font-display);margin:0;font-size:1.22rem;line-height:1.24}.spec-card-body{gap:var(--space-md);display:grid}.type-sample,.field-stack,.button-row,.badge-row{gap:var(--space-xs);display:grid}.type-sample span{color:var(--subtle);font-size:.78rem;font-weight:900}.type-sample strong{color:var(--ink);font-family:var(--font-display);font-size:1.72rem;line-height:1.2}.type-sample p{color:var(--muted);margin:0;line-height:1.68}.spacing-demo{align-items:end;gap:var(--space-xs);min-height:98px;display:flex}.spacing-demo i{background:color-mix(in oklch, var(--brand) 18%, var(--paper));border-radius:6px;width:40px;display:block}.spacing-demo i:first-child{height:16px}.spacing-demo i:nth-child(2){height:32px}.spacing-demo i:nth-child(3){height:48px}.spacing-demo i:nth-child(4){height:72px}.surface-demo,.object-card-demo,.ai-panel-demo,.article-canvas-demo,.dialog-demo{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.surface-demo{gap:var(--space-2xs);min-height:98px;padding:var(--space-md);display:grid;box-shadow:0 16px 36px #1e2f4114;box-shadow:0 16px 36px lab(18.6877% -2.83948 -13.717/.08)}.surface-demo span,.object-card-demo span,.article-canvas-demo span{color:var(--subtle);font-size:.78rem;font-weight:900}.surface-demo strong,.object-card-demo strong{color:var(--ink)}.button-row,.badge-row{grid-template-columns:repeat(auto-fit,minmax(112px,max-content));align-items:center}.design-button{min-width:104px;min-height:38px;padding:0 var(--space-md);border-radius:var(--radius);background:var(--brand);color:#f5f9fc;color:lab(97.7037% -1.28034 -1.7573);font:inherit;border:1px solid #0000;justify-content:center;align-items:center;font-weight:900;line-height:1;display:inline-flex}.design-button.secondary{border-color:color-mix(in oklch, var(--brand) 26%, var(--line));background:color-mix(in oklch, var(--brand) 8%, var(--paper));color:var(--brand-strong)}.design-button.ghost{border-color:var(--line);background:var(--paper);color:var(--muted)}.design-button.danger{border-color:color-mix(in oklch, var(--red) 36%, var(--line));background:color-mix(in oklch, var(--red) 12%, var(--paper));color:var(--red)}.design-button:hover,.design-tabs-demo button:hover,.state-card button:hover{transform:translateY(-1px)}.design-button:focus-visible,.design-tabs-demo button:focus-visible,.editor-toolbar-demo button:focus-visible,.state-card button:focus-visible,.design-field input:focus{outline:2px solid color-mix(in oklch, var(--brand) 70%, white);outline-offset:2px}.design-field{gap:6px;display:grid}.design-field span{color:var(--muted);font-size:.78rem;font-weight:900}.design-field input{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;min-height:42px;color:var(--ink);font:inherit;padding:0 12px}.design-field.success input{border-color:color-mix(in oklch, var(--green) 40%, var(--line))}.design-field.error input{border-color:color-mix(in oklch, var(--red) 46%, var(--line))}.design-field small{color:var(--muted);font-size:.78rem;line-height:1.45}.design-field.error small{color:var(--red)}.design-badge{border:1px solid var(--line);background:var(--paper);width:fit-content;min-height:26px;color:var(--muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:.78rem;font-weight:900;display:inline-flex}.design-badge.blue{border-color:color-mix(in oklch, var(--brand) 34%, var(--line));background:color-mix(in oklch, var(--brand) 10%, var(--paper));color:var(--brand-strong)}.design-badge.green{border-color:color-mix(in oklch, var(--green) 36%, var(--line));background:color-mix(in oklch, var(--green) 10%, var(--paper));color:var(--green)}.design-badge.amber{border-color:color-mix(in oklch, var(--amber) 38%, var(--line));background:color-mix(in oklch, var(--amber) 12%, var(--paper));color:#764000;color:lab(33.4458% 21.7621 47.9058)}.design-badge.red{border-color:color-mix(in oklch, var(--red) 40%, var(--line));background:color-mix(in oklch, var(--red) 11%, var(--paper));color:var(--red)}.design-tabs-demo{gap:var(--space-xs);padding:var(--space-2xs);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.design-tabs-demo button,.editor-toolbar-demo button,.state-card button{font:inherit;border:0;border-radius:6px;font-weight:900}.design-tabs-demo button{min-height:34px;color:var(--muted);background:0 0}.design-tabs-demo button.active{background:var(--paper);color:var(--brand-strong);box-shadow:0 6px 14px #1e2f4117;box-shadow:0 6px 14px lab(18.6877% -2.83948 -13.717/.09)}.dialog-demo{gap:var(--space-sm);padding:var(--space-md);display:grid}.dialog-lock{width:fit-content;color:var(--brand-strong);font-size:.78rem;font-weight:900}.dialog-demo h4,.article-canvas-demo h4,.page-frame-canvas h3{color:var(--ink);font-family:var(--font-display);margin:0;line-height:1.25}.dialog-demo p,.article-canvas-demo p,.object-card-demo p,.wire-landing p,.wire-editor p,.wire-pricing p{color:var(--muted);margin:0;line-height:1.62}.dialog-actions{justify-content:flex-end;gap:var(--space-xs);flex-wrap:wrap;display:flex}.sidebar-demo{gap:var(--space-xs);max-width:260px;padding:var(--space-sm);border:1px solid color-mix(in oklch, var(--brand) 18%, var(--line));border-radius:var(--radius);color:#dfe6e9;color:lab(90.7514% -1.70287 -2.34063);background:#0f1e2d;background:lab(10.5896% -2.67546 -11.7984);display:grid}.sidebar-product{align-items:center;gap:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid #3c4f62;border-bottom:1px solid lab(32.6538% -3.79822 -13.6748);display:flex}.sidebar-demo>span{min-height:36px;padding:0 var(--space-xs);color:#adbac1;color:lab(74.5268% -3.34176 -5.59146);border-radius:6px;align-items:center;font-weight:800;display:flex}.sidebar-demo>span.active{color:#eef3f5;color:lab(95.3837% -1.28013 -1.75723);background:#182d41;background:lab(17.5215% -3.39459 -15.1597)}.editor-toolbar-demo{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);flex-wrap:wrap;display:flex}.editor-toolbar-demo button{border:1px solid var(--line);background:var(--panel);min-width:38px;min-height:34px;color:var(--brand-strong)}.article-canvas-demo{gap:var(--space-sm);padding:var(--space-lg);background:#fefcf7;background:lab(99.1202% -.201821 3.047);display:grid}.article-canvas-demo h4{font-size:1.45rem}.article-callout{padding:var(--space-sm);border-left:3px solid color-mix(in oklch, var(--amber) 70%, var(--brand));background:color-mix(in oklch, var(--amber) 8%, var(--paper));color:#5e3900;color:lab(27.8803% 14.0982 39.3308);line-height:1.62}.ai-panel-demo{gap:var(--space-sm);padding:var(--space-md);display:grid}.ai-panel-head,.ai-plan-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.ai-panel-demo p{color:var(--muted);margin:0;line-height:1.62}.ai-plan-row{min-height:34px;padding-top:var(--space-xs);border-top:1px solid var(--line)}.ai-plan-row span{color:var(--subtle);font-size:.78rem;font-weight:900}.page-index-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.page-index-grid span{gap:var(--space-2xs);min-height:82px;padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-weight:900;display:grid}.page-index-grid strong{color:var(--subtle);font-size:.8rem}.page-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-frame{border:1px solid color-mix(in oklch, var(--brand) 14%, var(--line));border-radius:var(--radius);background:var(--paper);overflow:hidden;box-shadow:0 14px 34px #1e2f410f;box-shadow:0 14px 34px lab(18.6877% -2.83948 -13.717/.06)}.page-frame-top{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:46px;padding:0 var(--space-md);border-bottom:1px solid var(--line);background:#f4fbfe;background:lab(98.1933% -2.0453 -1.97105);display:flex}.page-frame-top strong{color:var(--ink);font-family:var(--font-display)}.page-frame-top span{font-size:.78rem;font-weight:900}.page-frame-canvas{min-height:330px;padding:var(--space-md)}.wire-landing,.wire-workspace,.wire-editor-grid,.wire-theme,.wire-pricing{gap:var(--space-md);display:grid}.wire-landing{grid-template-columns:minmax(0,.9fr) minmax(150px,.72fr);align-items:center;min-height:298px}.wire-landing span,.wire-brand-lockup strong,.wire-page-title h3,.wire-editor h3,.wire-paper-preview h3{color:var(--ink)}.wire-landing span{margin-bottom:var(--space-xs);color:var(--brand-strong);font-size:.78rem;font-weight:900;display:inline-block}.wire-landing h3{max-width:11em;margin-bottom:var(--space-sm);font-size:2rem}.wire-product-shot{gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius);background:#0f1e2d;background:lab(10.5896% -2.67546 -11.7984);display:grid}.wire-product-shot i,.wire-list i,.wire-editor-grid i,.wire-login i{background:color-mix(in oklch, var(--brand) 16%, var(--line));border-radius:6px;display:block}.wire-product-shot i{background:#2a3f54;background:lab(25.664% -3.84396 -15.2637);height:58px}.wire-product-shot i:nth-child(2){width:82%}.wire-product-shot i:nth-child(3){width:64%}.wire-login{gap:var(--space-sm);align-content:center;width:min(100%,330px);min-height:298px;margin:0 auto;display:grid}.wire-brand-lockup{align-items:center;gap:var(--space-sm);display:flex}.wire-brand-lockup span{border:1px solid var(--line);border-radius:var(--radius);width:42px;height:42px;color:color-mix(in oklch, var(--amber) 70%, var(--brand));font-family:var(--font-display);justify-content:center;align-items:center;font-weight:900;display:inline-flex}.wire-tabs{gap:var(--space-xs);padding:var(--space-2xs);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.wire-tabs b{background:var(--paper);min-height:34px;color:var(--brand-strong);border-radius:6px;justify-content:center;align-items:center;display:flex}.wire-login i{border:1px solid var(--line);background:var(--paper);height:42px}.wire-login button{border-radius:var(--radius);background:var(--brand);color:#f5f9fc;color:lab(97.7037% -1.28034 -1.7573);min-height:42px;font:inherit;border:0;font-weight:900}.wire-workspace{grid-template-columns:150px minmax(0,1fr);min-height:298px}.wire-workspace aside{align-content:start;gap:var(--space-xs);padding:var(--space-sm);border:1px solid var(--line);border-radius:var(--radius);color:#cfd9df;color:lab(86.134% -2.95943 -4.08448);background:#0f1e2d;background:lab(10.5896% -2.67546 -11.7984);display:grid}.wire-workspace aside strong{margin-bottom:var(--space-xs);color:#f1f6f8;color:lab(96.5437% -1.28022 -1.75726)}.wire-workspace aside span{background:#182d41;background:lab(17.5215% -3.39459 -15.1597);border-radius:6px;min-height:30px;padding:6px 8px}.wire-workspace section,.wire-editor-grid section,.wire-editor-grid aside,.wire-paper-preview,.wire-publish div,.wire-member-row,.wire-pricing div{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.wire-workspace section{align-content:start;gap:var(--space-md);padding:var(--space-md);display:grid}.wire-page-title{justify-content:space-between;align-items:start;gap:var(--space-sm);display:flex}.wire-list{gap:var(--space-xs);display:grid}.wire-list i{height:50px}.wire-toolbar{gap:var(--space-xs);padding:var(--space-xs);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);display:flex}.wire-toolbar span{border:1px solid var(--line);background:var(--paper);min-width:42px;min-height:34px;color:var(--brand-strong);border-radius:6px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.wire-editor-grid{grid-template-columns:minmax(0,1fr) 180px}.wire-editor-grid section,.wire-editor-grid aside{align-content:start;gap:var(--space-xs);min-height:224px;padding:var(--space-md);display:grid}.wire-editor-grid i{height:42px}.wire-theme{grid-template-columns:160px minmax(0,1fr);align-items:stretch;min-height:298px}.wire-theme-swatches{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.wire-theme-swatches span{border:1px solid var(--line);border-radius:var(--radius);min-height:82px}.wire-theme-swatches span:first-child{background:var(--brand)}.wire-theme-swatches span:nth-child(2){background:#fefcf7;background:lab(99.1202% -.201821 3.047)}.wire-theme-swatches span:nth-child(3){background:color-mix(in oklch, var(--amber) 36%, var(--paper))}.wire-theme-swatches span:nth-child(4){background:var(--green)}.wire-paper-preview{align-content:center;gap:var(--space-sm);padding:var(--space-lg);background:#fefcf7;background:lab(99.1202% -.201821 3.047);display:grid}.wire-publish{gap:var(--space-xs);display:grid}.wire-publish div{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:54px;padding:0 var(--space-md);display:flex}.wire-publish span,.wire-member-row span,.wire-pricing span{color:var(--muted);font-size:.82rem;font-weight:900}.wire-publish strong{color:var(--green)}.wire-team{gap:var(--space-xs);align-content:start;min-height:298px;display:grid}.wire-member-row{min-height:58px;padding:0 var(--space-md);grid-template-columns:minmax(0,1fr) 92px;align-items:center;display:grid}.wire-member-row span{text-align:right}.wire-pricing{grid-template-columns:repeat(3,minmax(0,1fr));min-height:298px}.wire-pricing div{align-content:start;gap:var(--space-xs);padding:var(--space-md);display:grid}.wire-pricing div.featured{border-color:color-mix(in oklch, var(--brand) 44%, var(--line));background:color-mix(in oklch, var(--brand) 8%, var(--paper))}.wire-pricing strong{color:var(--ink);font-family:var(--font-display);font-size:1.35rem}.state-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.state-card{align-content:start;gap:var(--space-sm);min-height:250px;padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);display:grid;box-shadow:0 14px 34px #1e2f410f;box-shadow:0 14px 34px lab(18.6877% -2.83948 -13.717/.06)}.state-icon{width:fit-content;min-width:68px;min-height:30px;padding:0 var(--space-xs);background:var(--panel);color:var(--muted);border-radius:999px;justify-content:center;align-items:center;font-size:.78rem;font-weight:900;display:inline-flex}.state-card h3{color:var(--ink);font-family:var(--font-display);margin:0;font-size:1.35rem}.state-card button{width:fit-content;min-height:36px;padding:0 var(--space-md);border:1px solid var(--line);background:var(--paper);color:var(--muted);align-self:end}.state-card.blue{border-color:color-mix(in oklch, var(--brand) 30%, var(--line))}.state-card.blue .state-icon,.state-card.blue button{background:color-mix(in oklch, var(--brand) 10%, var(--paper));color:var(--brand-strong)}.state-card.green{border-color:color-mix(in oklch, var(--green) 32%, var(--line))}.state-card.green .state-icon,.state-card.green button{background:color-mix(in oklch, var(--green) 10%, var(--paper));color:var(--green)}.state-card.amber{border-color:color-mix(in oklch, var(--amber) 34%, var(--line))}.state-card.amber .state-icon,.state-card.amber button{background:color-mix(in oklch, var(--amber) 12%, var(--paper));color:#764000;color:lab(33.4458% 21.7621 47.9058)}.state-card.red{border-color:color-mix(in oklch, var(--red) 34%, var(--line))}.state-card.red .state-icon,.state-card.red button{background:color-mix(in oklch, var(--red) 11%, var(--paper));color:var(--red)}.status-matrix{grid-template-columns:repeat(3,minmax(0,1fr))}.status-matrix>div{align-content:start;gap:var(--space-sm);min-height:166px;padding:var(--space-md);border:1px solid color-mix(in oklch, var(--brand) 14%, var(--line));border-radius:var(--radius);background:#f7fcfe;background:lab(98.7611% -1.5358 -1.4794);display:grid}.status-matrix strong{color:var(--ink);font-family:var(--font-display);font-size:1.15rem}@media (max-width:1120px){.token-grid,.state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spec-grid,.page-index-grid,.status-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:920px){.design-nav{align-items:stretch;gap:var(--space-sm);padding-top:var(--space-md);padding-bottom:var(--space-md);flex-direction:column}.design-nav-links{width:100%;overflow-x:auto}.design-nav-links a{flex:1 0 auto}.design-hero{gap:var(--space-lg);padding-top:var(--space-xl);padding-bottom:var(--space-xl);grid-template-columns:1fr}.design-hero h1{font-size:2.8rem}.component-grid,.page-frame-grid{grid-template-columns:1fr}.page-frame-canvas{min-height:280px}}@media (max-width:620px){.design-hero,.design-section{padding-right:var(--space-sm);padding-left:var(--space-sm)}.design-hero h1{font-size:2.05rem;line-height:1.16}.design-section-head h2{font-size:1.62rem}.token-grid,.spec-grid,.page-index-grid,.state-grid,.status-matrix,.button-row,.badge-row{grid-template-columns:1fr}.design-button{width:100%}.dialog-actions{flex-direction:column-reverse}.wire-landing,.wire-workspace,.wire-editor-grid,.wire-theme,.wire-pricing{grid-template-columns:1fr}.wire-workspace aside{grid-template-columns:repeat(2,minmax(0,1fr))}.wire-workspace aside strong{grid-column:1/-1}.wire-page-title,.wire-publish div{flex-direction:column;align-items:start}.wire-member-row{gap:var(--space-2xs);padding-top:var(--space-sm);padding-bottom:var(--space-sm);grid-template-columns:1fr}.wire-member-row span{text-align:left}}body{background:var(--paper);color:var(--ink);font-family:var(--sans)}.app-shell,.login-shell,.legal-page,.design-shell{--bg:var(--paper);--panel:var(--surface);--muted:var(--ink-2);--subtle:var(--ink-3);--brand:var(--accent);--brand-strong:var(--accent);--green:var(--ok);--amber:#b8862e;--red:var(--danger);--radius:8px;--shadow:var(--shadow-sm);--font-body:var(--sans);--font-display:var(--serif);color:var(--ink);font-family:var(--sans)}.app-shell{background:var(--paper);grid-template-columns:248px minmax(0,1fr);min-height:100dvh}.side-rail{border-right:1px solid var(--panel-line);background:radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 28%), var(--panel);height:100dvh;color:var(--panel-ink);gap:28px;padding:28px 22px;position:sticky;top:0}.product-lockup{gap:12px}.product-lockup .mark{flex:none;width:38px;height:38px}.product-lockup .mark svg{width:100%;height:100%;display:block}.product-lockup .mark .lr{stroke:currentColor}.product-lockup .mark .lh{stroke:var(--accent)}.product-lockup .mark .ld{fill:currentColor}.side-rail .product-lockup .mark,.login-panel .product-lockup .mark{color:var(--panel-ink)}.product-lockup strong{color:inherit;font-family:var(--serif);letter-spacing:0;font-size:1rem;font-weight:700}.product-lockup span{color:var(--panel-ink-2);font-size:.76rem}.product-mark{border-color:var(--line);color:var(--accent);font-family:var(--serif)}.nav-stack{gap:7px}.nav-item{min-height:40px;color:color-mix(in srgb, var(--panel-ink) 82%, transparent);border-radius:8px;padding:9px 10px;font-size:.92rem;font-weight:500;transition:background .18s,border-color .18s,color .18s,transform .18s}.nav-item span{width:24px;color:var(--panel-ink-2);font-family:var(--mono);font-size:.72rem;font-weight:500}.nav-item.active,.nav-item:hover{border-color:var(--panel-line);background:color-mix(in srgb, var(--surface) 8%, transparent);color:var(--panel-ink);transform:translate(2px)}.nav-item.active span{color:var(--accent)}.workspace-health{border-color:var(--panel-line);background:color-mix(in srgb, var(--surface) 6%, transparent);border-radius:8px;gap:8px;padding:14px}.workspace-health .eyebrow{color:var(--panel-ink-2)}.workspace-health strong{color:var(--ok);font-family:var(--serif);font-size:2rem}.workspace-health span:last-child{color:var(--panel-ink-2)}.main-stage{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 30%, transparent), transparent 320px), var(--paper);gap:18px;padding:22px}.topbar{z-index:16;border-color:var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-sm);border-radius:8px;flex-wrap:wrap;align-items:end;gap:12px;padding:14px;display:flex;position:sticky;top:16px}.workspace-picker{flex:260px;min-width:min(100%,220px)}.role-picker,.plan-picker{flex:0 142px}.save-state{border:1px solid var(--line);background:var(--surface-2);min-height:38px;color:var(--ink-2);border-radius:999px;align-self:center;padding:0 11px;font-size:.82rem}.status-dot{background:var(--ok)}.user-chip{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--ink);border-radius:999px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:4px 10px 4px 4px;display:grid}.user-chip>span{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);font-family:var(--serif);border-radius:999px;place-items:center;font-weight:700;display:grid}.user-chip strong,.user-chip small{text-overflow:ellipsis;white-space:nowrap;max-width:108px;display:block;overflow:hidden}.user-chip strong{font-size:.82rem;font-weight:600}.user-chip small{color:var(--ink-2);font-size:.72rem}.action-cluster{flex:460px;justify-content:flex-end}.button,.icon-button{font-family:var(--sans);border-radius:8px;font-weight:500;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,color .18s}.button{min-height:38px;padding:0 13px}.button.small{min-height:32px;padding:0 10px;font-size:.82rem}.button.primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.button.secondary{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--surface));color:var(--accent)}.button.ghost,.icon-button{border-color:var(--line);background:var(--surface);color:var(--ink-1)}.button.danger{border-color:color-mix(in srgb, var(--danger) 34%, var(--line));background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--danger)}.button:hover,.icon-button:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.app-theme-toggle{color:var(--ink-1)}.app-theme-toggle .sun{display:none}[data-theme=dark] .app-theme-toggle .sun{display:block}[data-theme=dark] .app-theme-toggle .moon{display:none}.lifecycle-band,.panel,.preview-stage{border-color:var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px}.lifecycle-band{scrollbar-width:thin;padding:10px;overflow-x:auto}.lifecycle-steps{grid-template-columns:repeat(11,minmax(76px,1fr));gap:8px;min-width:0;display:grid}.lifecycle-step{border-color:var(--line);background:var(--surface-2);min-height:48px;color:var(--ink-3);border-radius:8px;padding:9px 10px}.lifecycle-step strong{color:inherit;font-size:.78rem;font-weight:600}.lifecycle-step.done{border-color:color-mix(in srgb, var(--ok) 32%, var(--line));background:color-mix(in srgb, var(--ok) 8%, var(--surface));color:var(--ok)}.lifecycle-step.current{border-color:color-mix(in srgb, var(--accent) 38%, var(--line));background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent)}.workbench{--workbench-sticky-top:98px;grid-template-columns:minmax(330px,.9fr) minmax(360px,520px) minmax(330px,.78fr);gap:18px}.panel,.preview-stage{gap:16px;padding:16px}.panel-head,.preview-head{gap:14px}h1,h2{color:var(--ink);font-family:var(--serif);letter-spacing:0;font-weight:700}h1{font-size:1.32rem}h2{font-size:1.14rem}.eyebrow{color:var(--ink-3);font-family:var(--mono);letter-spacing:.08em;font-size:.7rem;font-weight:500}.field-label{color:var(--ink-2);margin-bottom:-6px;font-size:.78rem;font-weight:500}select,.title-input,.summary-input,.article-source{border-color:var(--field-line);background:var(--field);color:var(--ink);font-family:var(--sans);border-radius:8px}select{min-height:38px;padding:8px 10px}.title-input{min-height:42px;font-family:var(--sans);padding:10px 12px;font-size:.98rem;font-weight:500}.summary-input,.article-source{padding:11px 12px}.article-source{min-height:430px;font-family:var(--mono);font-size:.86rem}select:focus,.title-input:focus,.summary-input:focus,.article-source:focus,.button:focus-visible,.icon-button:focus-visible,.tab:focus-visible,.theme-choice:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 24%, transparent);outline-offset:2px}.pill,.tag{background:color-mix(in srgb, var(--accent) 9%, var(--surface));color:var(--accent);border-radius:999px;font-weight:500}.editor-meta,.export-strip{color:var(--ink-2)}.preview-stage{background:color-mix(in srgb, var(--surface) 96%, var(--accent-soft))}.phone-frame{border-color:var(--line);background:var(--panel);box-shadow:var(--shadow-lg);border-radius:28px}.phone-bar{color:var(--panel-ink)}.phone-bar span:last-child{color:var(--ok)}#phonePreview,.phone-frame iframe{background:var(--surface)}.export-strip{border-top-color:var(--line)}.tabs{border-color:var(--line);background:var(--surface-2);border-radius:8px;gap:6px;padding:4px}.tab{min-height:34px;color:var(--ink-2);border-radius:6px;font-weight:500}.tab.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.metric-grid{gap:10px}.metric{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:5px;min-height:74px;padding:12px}.metric strong{color:var(--ink);font-family:var(--serif);font-size:1.28rem}.metric span{color:var(--ink-2);font-size:.78rem}.inspector-item,.audit-item,.theme-choice,.asset-item,.publish-item,.publish-task-item,.approval-item,.comment-item,.version-item,.member-item,.security-item,.billing-item,.success-item,.enterprise-item,.member-form,.open-platform-copy-row,.danger-zone,.publish-authorizer{border-color:var(--line);background:var(--surface-2);border-radius:8px}.inspector-item,.audit-item,.asset-item,.publish-item,.publish-task-item,.approval-item,.comment-item,.version-item,.member-item,.security-item,.billing-item,.success-item,.enterprise-item{padding:12px}.item-title{color:var(--ink);font-weight:600}.item-title span,.item-detail{color:var(--ink-2)}.theme-choice{padding:12px}.theme-choice.active{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.theme-choice span{color:var(--ink-2)}.swatch{border-radius:8px}.asset-meter{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.asset-meter span{background:var(--ok)}.step-dot{border-color:var(--line);background:var(--surface);color:var(--ink-2)}.member-avatar{border-color:var(--line);background:var(--accent-soft);color:var(--accent);font-family:var(--serif)}.legal-links a{border-color:var(--line);background:var(--surface);border-radius:8px}.modal-backdrop{background:color-mix(in srgb, var(--panel) 76%, transparent)}.step-up-dialog{border-color:var(--line);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:8px}.toast{border-color:var(--line);background:var(--ink);color:var(--paper);box-shadow:var(--shadow-lg);border-radius:8px}@media (max-width:1280px){.workbench{grid-template-columns:minmax(310px,1fr) minmax(360px,500px)}.inspector-panel{grid-column:1/-1}}@media (max-width:920px){.app-shell{grid-template-columns:1fr}.side-rail{height:auto;padding:16px;position:static}.nav-stack{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-item{justify-content:center}.nav-item span{display:none}.main-stage{padding:16px}.topbar{top:0}.action-cluster{justify-content:flex-start}.workbench{grid-template-columns:1fr}}@media (max-width:620px){.side-rail{gap:14px}.nav-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.main-stage,.topbar{padding:12px}.lifecycle-steps{grid-template-columns:repeat(11,104px);min-width:max-content}.save-state,.user-chip,.action-cluster{width:100%}.button{flex:calc(50% - 8px);min-width:0}.icon-button{flex:0 0 38px}.phone-frame{--phone-preview-height:540px;border-radius:22px;min-height:586px}#phonePreview,.phone-frame iframe{height:540px}.metric-grid{grid-template-columns:1fr}}
:root{--paper:#f4f0e8;--paper-2:#fbf9f4;--surface:#fff;--surface-2:#f7f3eb;--ink:#16212e;--ink-1:#33404f;--ink-2:#697585;--ink-3:#97a0ac;--line:#16212e1f;--line-soft:#16212e12;--primary:#16212e;--primary-ink:#f7f3eb;--accent:#b5612e;--accent-ink:#fbf6ee;--accent-soft:#efe2cf;--panel:#141c26;--panel-ink:#e7e2d6;--panel-ink-2:#8c97a4;--panel-line:#ffffff1a;--danger:#b23b2e;--ok:#2e7d52;--field:#fff;--field-line:#16212e29;--shadow-sm:0 1px 2px #16212e0f, 0 4px 14px #16212e0d;--shadow-lg:0 2px 6px #16212e0f, 0 30px 70px -24px #16212e4d;--r-s:10px;--r-m:13px;--r-l:18px;--maxw:1200px;--sans:"Noto Sans SC","PingFang SC",-apple-system,system-ui,sans-serif;--serif:"Noto Serif SC","Songti SC",serif;--mono:"JetBrains Mono",ui-monospace,monospace}[data-theme=dark]{--paper:#0d131a;--paper-2:#10171f;--surface:#141c26;--surface-2:#0f161e;--ink:#ece6da;--ink-1:#c7cdd5;--ink-2:#94a0ad;--ink-3:#5f6b78;--line:#ffffff1f;--line-soft:#ffffff0f;--primary:#ece6da;--primary-ink:#16212e;--accent:#d08a52;--accent-ink:#1a1206;--accent-soft:#2a2114;--panel:#080c11;--panel-ink:#e7e2d6;--panel-ink-2:#7e8a97;--panel-line:#ffffff17;--danger:#e0796b;--ok:#6cc796;--field:#0f161e;--field-line:#ffffff29;--shadow-sm:0 1px 2px #0006, 0 4px 14px #0000004d;--shadow-lg:0 2px 6px #0006, 0 30px 70px -20px #000000b3}.chrono-auth,.chrono-auth *{box-sizing:border-box}.chrono-auth{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.6;transition:background .4s,color .4s}.chrono-auth::selection{background:var(--accent);color:var(--accent-ink)}.chrono-auth a{color:inherit;text-decoration:none}.chrono-auth .mono{font-family:var(--mono)}.chrono-auth.shell{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.chrono-auth.auth-login-shell{--panel:#141c26;--panel-ink:#e7e2d6;--panel-ink-2:#8c97a4;--panel-line:#ffffff1a}[data-theme=dark] .chrono-auth.auth-login-shell{--panel:#080c11;--panel-ink:#e7e2d6;--panel-ink-2:#7e8a97;--panel-line:#ffffff17}.chrono-auth .brand-panel{background:var(--panel);color:var(--panel-ink);flex-direction:column;justify-content:space-between;padding:48px 56px;display:flex;position:relative;overflow:hidden}.chrono-auth .brand-panel:before{content:"";border:1px solid var(--panel-line);background:radial-gradient(circle at center, transparent 39%, #d08a521a 39.4%, transparent 40%), radial-gradient(circle at center, transparent 59%, var(--panel-line) 59.3%, transparent 60%), radial-gradient(circle at center, transparent 79%, var(--panel-line) 79.3%, transparent 80%);pointer-events:none;border-radius:50%;width:620px;height:620px;position:absolute;bottom:-200px;right:-180px;box-shadow:0 0 0 80px #0000,inset 0 0 0 80px #0000}.chrono-auth .bp-top{z-index:1;align-items:center;gap:13px;display:flex;position:relative}.chrono-auth .brand-home{border-radius:12px;width:max-content;max-width:100%;transition:opacity .18s,transform .18s}.chrono-auth .brand-home:hover{opacity:.88;transform:translateY(-1px)}.chrono-auth .bp-top .mark{flex:none;width:40px;height:40px}.chrono-auth .bp-top .mark svg,.chrono-auth .mobile-logo .mark svg{width:100%;height:100%;display:block}.chrono-auth .bp-top .mark .lr{stroke:var(--panel-ink)}.chrono-auth .bp-top .mark .lh{stroke:var(--accent)}.chrono-auth .bp-top .mark .ld{fill:var(--panel-ink)}.chrono-auth .bp-top b{font-family:var(--serif);letter-spacing:.01em;color:var(--panel-ink);font-size:18px;font-weight:700;line-height:1.1}.chrono-auth .bp-top span{color:var(--panel-ink-2);margin-top:3px;font-size:11px;display:block}.chrono-auth .bp-mid{z-index:1;max-width:18em;position:relative}.chrono-auth .bp-eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);align-items:center;gap:9px;margin-bottom:24px;font-size:12px;display:inline-flex}.chrono-auth .bp-eyebrow:before{content:"";background:var(--accent);opacity:.7;width:22px;height:1px}.chrono-auth .bp-mid h1{font-family:var(--serif);letter-spacing:-.01em;color:var(--panel-ink);text-wrap:balance;margin:0;font-size:clamp(30px,3.4vw,42px);font-weight:700;line-height:1.28}.chrono-auth .bp-mid p{color:var(--panel-ink-2);margin:18px 0 0;font-size:14.5px;font-weight:300;line-height:1.85}.chrono-auth .bp-ticks{flex-direction:column;gap:13px;margin:30px 0 0;padding:0;list-style:none;display:flex}.chrono-auth .bp-ticks li{color:var(--panel-ink);align-items:center;gap:12px;font-size:14px;display:flex}.chrono-auth .bp-ticks .tk{width:22px;height:22px;color:var(--accent);background:#d08a5229;border-radius:7px;flex:none;place-items:center;display:grid}.chrono-auth .bp-ticks .tk svg{width:13px;height:13px}.chrono-auth .bp-foot{z-index:1;font-family:var(--mono);color:var(--panel-ink-2);align-items:center;gap:14px;font-size:11.5px;display:flex;position:relative}.chrono-auth .bp-foot .pill{border:1px solid var(--panel-line);border-radius:20px;align-items:center;gap:7px;padding:6px 12px;display:inline-flex}.chrono-auth .bp-foot .dot{background:var(--ok);border-radius:50%;width:6px;height:6px}.chrono-auth .form-panel{background:var(--paper);flex-direction:column;min-width:0;display:flex;position:relative}.chrono-auth.auth-login-shell .brand-panel{justify-content:flex-start;gap:0;padding-top:64px}.chrono-auth.auth-login-shell .bp-mid{margin-top:76px}.chrono-auth.auth-login-shell .bp-ticks{margin-top:54px}.chrono-auth.auth-login-shell .bp-foot{margin-top:40px}.chrono-auth .fp-bar{justify-content:flex-end;align-items:center;gap:14px;padding:24px 40px;display:flex}.chrono-auth .fp-bar .hint{color:var(--ink-2);white-space:nowrap;margin-right:auto;font-size:13px}.chrono-auth .fp-bar .hint a{color:var(--accent);font-weight:500}.chrono-auth .tgl{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink-1);cursor:pointer;border-radius:10px;flex:none;place-items:center;transition:all .2s;display:grid}.chrono-auth .tgl:hover{color:var(--ink);border-color:var(--ink-3)}.chrono-auth .tgl:focus-visible,.chrono-auth .tab:focus-visible,.chrono-auth .brand-home:focus-visible,.chrono-auth .login-tab:focus-visible,.chrono-auth .eye:focus-visible,.chrono-auth .forgot:focus-visible,.chrono-auth .back:focus-visible,.chrono-auth .btn:focus-visible,.chrono-auth .btn-ghost:focus-visible,.chrono-auth .get-code:focus-visible,.chrono-auth .resend:focus-visible,.chrono-auth .qr-sub a:focus-visible,.chrono-auth .legal a:focus-visible,.chrono-auth .fp-bar .hint a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:3px}.chrono-auth .tgl svg{width:18px;height:18px}.chrono-auth .tgl .sun{display:none}[data-theme=dark] .chrono-auth .tgl .sun{display:block}[data-theme=dark] .chrono-auth .tgl .moon{display:none}.chrono-auth .fp-body{flex:1;place-items:center;padding:10px 40px 56px;display:grid}.chrono-auth .card{width:100%;max-width:392px}.chrono-auth .card .head{margin-bottom:26px}.chrono-auth .card .head h2{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 8px;font-size:30px;font-weight:700}.chrono-auth .card .head p{color:var(--ink-2);margin:0;font-size:14.5px}.chrono-auth .login-card{min-width:0;max-width:432px}.chrono-auth .login-head{align-items:center;gap:14px;display:flex}.chrono-auth .login-head .mark{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:11px;flex:none;place-items:center;display:grid}.chrono-auth .login-head .mark svg{width:24px;height:24px;display:block}.chrono-auth .login-head .lr{stroke:var(--ink)}.chrono-auth .login-head .lh{stroke:var(--accent)}.chrono-auth .login-head .ld{fill:var(--ink)}.chrono-auth .login-tabs{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 0 22px;padding:5px;display:grid}.chrono-auth .login-tab{min-width:0;color:var(--ink-2);cursor:pointer;font-family:var(--sans);background:0 0;border:0;border-radius:10px;padding:10px 8px;font-size:13.5px;font-weight:500;line-height:1.2;transition:background .18s,color .18s,box-shadow .18s}.chrono-auth .login-tab:hover{color:var(--ink)}.chrono-auth .login-tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.chrono-auth .login-alert{margin-top:-6px}.chrono-auth .auth-login-panel{min-height:252px}.chrono-auth .login-secondary{color:var(--ink-2);justify-content:center;align-items:center;gap:8px;margin:22px 0 0;font-size:13.5px;display:flex}.chrono-auth .login-secondary a{color:var(--accent);font-weight:500}.chrono-auth .login-secondary a:hover{text-underline-offset:3px;text-decoration:underline}.chrono-auth .login-legal{margin-top:18px}.chrono-auth .wechat-login-choice{flex-direction:column;justify-content:center;gap:18px;display:flex}.chrono-auth .wechat-box{border:1px solid var(--line-soft);background:var(--surface-2);border-radius:14px;gap:14px;padding:18px;display:flex}.chrono-auth .wechat-icon{color:#2fad45;background:#2fad451f;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.chrono-auth .wechat-icon svg{width:24px;height:24px}.chrono-auth .wechat-box h3{margin:0 0 6px;font-size:16px;line-height:1.35}.chrono-auth .wechat-box p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.75}.chrono-auth .tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;grid-template-columns:1fr 1fr;margin-bottom:26px;padding:5px;display:grid;position:relative}.chrono-auth .tabs .ind{background:var(--surface);width:calc(50% - 5px);box-shadow:var(--shadow-sm);border-radius:9px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:5px;bottom:5px;left:5px}.chrono-auth .tabs.qr .ind{transform:translate(100%)}.chrono-auth .tab{z-index:1;cursor:pointer;font-family:var(--sans);color:var(--ink-2);background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:500;transition:color .2s;display:flex;position:relative}.chrono-auth .tab.active{color:var(--ink)}.chrono-auth .tab svg{width:16px;height:16px}.chrono-auth .form-alert{border:1px solid color-mix(in srgb,var(--danger) 36%,transparent);background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--danger);border-radius:12px;margin:-8px 0 18px;padding:11px 13px;font-size:13px;line-height:1.55}.chrono-auth .field{margin-bottom:18px}.chrono-auth .field label{color:var(--ink-1);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.chrono-auth .input{position:relative}.chrono-auth .input input{border:1px solid var(--field-line);background:var(--field);width:100%;height:50px;font-family:var(--sans);color:var(--ink);border-radius:12px;padding:0 16px;font-size:15px;transition:all .18s}.chrono-auth .input.has-icon input{padding-right:48px}.chrono-auth .input input::placeholder{color:var(--ink-3)}.chrono-auth .input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);outline:none}.chrono-auth .field.err input{border-color:var(--danger)}.chrono-auth .field.err input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 22%,transparent)}.chrono-auth .bp-mid h1.register-phone-title{white-space:nowrap;text-wrap:nowrap;max-width:none}.chrono-auth .phone-input{border:1px solid var(--field-line);background:var(--field);border-radius:12px;align-items:center;height:50px;transition:all .18s;display:flex;overflow:hidden}.chrono-auth .phone-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.chrono-auth .phone-input .cc{height:100%;font-family:var(--mono);color:var(--ink-1);border-right:1px solid var(--line-soft);background:var(--surface-2);flex:none;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;display:flex}.chrono-auth .phone-input input{height:100%;font-family:var(--sans);color:var(--ink);letter-spacing:.03em;background:0 0;border:none;flex:1;min-width:0;padding:0 16px;font-size:15px}.chrono-auth .phone-input input:focus{box-shadow:none;outline:none}.chrono-auth .phone-input input::placeholder{color:var(--ink-3);letter-spacing:0}.chrono-auth .field.err .phone-input{border-color:var(--danger)}.chrono-auth .field.err .phone-input:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 22%,transparent)}.chrono-auth .code-row{border:1px solid var(--field-line);background:var(--field);border-radius:12px;align-items:center;height:50px;transition:all .18s;display:flex;overflow:hidden}.chrono-auth .code-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.chrono-auth .code-row input{height:100%;font-family:var(--mono);color:var(--ink);letter-spacing:.22em;background:0 0;border:none;flex:1;min-width:0;padding:0 16px;font-size:16px;font-weight:500}.chrono-auth .code-row input:focus{box-shadow:none;outline:none}.chrono-auth .code-row input::placeholder{font-family:var(--sans);color:var(--ink-3);letter-spacing:0;font-size:15px;font-weight:400}.chrono-auth .get-code{background:var(--accent-soft);height:36px;color:var(--accent);font-family:var(--sans);cursor:pointer;white-space:nowrap;border:none;border-radius:9px;flex:none;margin-right:7px;padding:0 16px;font-size:13.5px;font-weight:500;transition:all .18s}.chrono-auth .get-code:hover:not([disabled]){background:var(--accent);color:var(--accent-ink)}.chrono-auth .get-code[disabled]{cursor:default;opacity:.55;background:var(--surface-2);color:var(--ink-3)}.chrono-auth .field.err .code-row{border-color:var(--danger)}.chrono-auth .field.err .code-row:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 22%,transparent)}.chrono-auth .sent-hint{color:var(--ok);align-items:center;gap:7px;margin-top:8px;font-size:12.5px;display:none}.chrono-auth .sent-hint.show{display:flex}.chrono-auth .sent-hint svg{flex:none;width:14px;height:14px}.chrono-auth .register-submit{margin-top:8px}.chrono-auth .after-note{background:var(--surface-2);border:1px solid var(--line-soft);color:var(--ink-2);border-radius:12px;gap:10px;margin-top:22px;padding:13px 16px;font-size:12.5px;line-height:1.75;display:flex}.chrono-auth .after-note svg{width:16px;height:16px;color:var(--accent);flex:none;margin-top:2px}.chrono-auth .eye{cursor:pointer;width:38px;height:38px;color:var(--ink-3);background:0 0;border:none;border-radius:9px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.chrono-auth .eye:hover{color:var(--ink-1)}.chrono-auth .eye svg{width:19px;height:19px}.chrono-auth .eye .off,.chrono-auth .eye.show .on{display:none}.chrono-auth .eye.show .off{display:block}.chrono-auth .msg{color:var(--danger);opacity:0;align-items:center;gap:6px;min-height:16px;margin-top:7px;font-size:12px;transition:opacity .15s;display:flex}.chrono-auth .field.err .msg{opacity:1}.chrono-auth .msg svg{flex:none;width:13px;height:13px}.chrono-auth .strength{gap:6px;margin:9px 0 0;display:flex}.chrono-auth .strength i{background:var(--line);border-radius:3px;flex:1;height:4px;transition:all .25s}.chrono-auth .strength[data-lv="1"] i:first-child{background:var(--danger)}.chrono-auth .strength[data-lv="2"] i:nth-child(-n+2){background:#c8893a}.chrono-auth .strength[data-lv="3"] i:nth-child(-n+3){background:var(--ok)}.chrono-auth .strength-tx{color:var(--ink-3);min-height:15px;margin:6px 0 18px;font-size:12px}.chrono-auth .row-between{justify-content:space-between;align-items:center;margin:4px 0 24px;display:flex}.chrono-auth .check{cursor:pointer;color:var(--ink-1);-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13.5px;display:flex}.chrono-auth .check input{opacity:0;pointer-events:none;position:absolute}.chrono-auth .check .box{border:1.5px solid var(--field-line);border-radius:5px;flex:none;place-items:center;width:18px;height:18px;transition:all .15s;display:grid}.chrono-auth .check .box svg{width:12px;height:12px;color:var(--accent-ink);opacity:0;transition:all .15s}.chrono-auth .check input:checked+.box{background:var(--accent);border-color:var(--accent)}.chrono-auth .check input:checked+.box svg{opacity:1}.chrono-auth .check input:focus-visible+.box{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.chrono-auth .check.shake{animation:.22s linear 2 shake}.chrono-auth .check a{color:var(--accent);font-weight:500}.chrono-auth .check a:hover{text-decoration:underline}.chrono-auth .terms-check{margin-bottom:22px}.chrono-auth .terms-alert{margin-top:-8px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.chrono-auth .forgot,.chrono-auth .back,.chrono-auth .resend{font-size:13.5px;font-weight:500}.chrono-auth .forgot,.chrono-auth .resend{color:var(--accent)}.chrono-auth .back{color:var(--ink-2)}.chrono-auth .forgot:hover,.chrono-auth .back:hover,.chrono-auth .resend:hover{text-decoration:underline}.chrono-auth .back:hover{color:var(--ink);text-decoration:none}.chrono-auth .back{align-items:center;gap:7px;margin-bottom:24px;display:inline-flex}.chrono-auth .back svg{width:15px;height:15px}.chrono-auth .btn{cursor:pointer;width:100%;height:52px;font-family:var(--sans);border:none;border-radius:13px;justify-content:center;align-items:center;gap:9px;font-size:15.5px;font-weight:500;transition:all .2s;display:flex}.chrono-auth .btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.chrono-auth .btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.chrono-auth .btn-primary:active{transform:translateY(0)}.chrono-auth .btn[disabled]{opacity:.7;cursor:default;transform:none}.chrono-auth .spin{border:2px solid color-mix(in srgb,var(--accent-ink) 40%,transparent);border-top-color:var(--accent-ink);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite chrono-spin;display:none}.chrono-auth .btn.loading .spin{display:block}.chrono-auth .btn.loading .lbl{display:none}@keyframes chrono-spin{to{transform:rotate(360deg)}}.chrono-auth .divider{color:var(--ink-3);align-items:center;gap:14px;margin:24px 0;font-size:12px;display:flex}.chrono-auth .divider:before,.chrono-auth .divider:after{content:"";background:var(--line);flex:1;height:1px}.chrono-auth .btn-ghost{border:1px solid var(--line);background:var(--surface);width:100%;min-height:50px;color:var(--ink-1);cursor:pointer;font-family:var(--sans);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14.5px;font-weight:500;transition:all .2s;display:flex}.chrono-auth .btn-ghost:hover{border-color:var(--ink-3);color:var(--ink)}.chrono-auth .btn-ghost[disabled]{opacity:.65;cursor:default}.chrono-auth .btn-ghost .wx{color:#3fb23f;width:20px;height:20px}.chrono-auth .qr-wrap{text-align:center;flex-direction:column;align-items:center;padding-top:6px;display:none}.chrono-auth .tabs.qr~.pwd-wrap{display:none}.chrono-auth .tabs.qr~.qr-wrap{display:flex}.chrono-auth .qr-frame{border:1px solid var(--line);width:212px;height:212px;box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;place-items:center;padding:14px;display:grid;position:relative;overflow:hidden}.chrono-auth .qr-frame img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.chrono-auth .qr-empty{color:#697585;text-align:center;background:repeating-linear-gradient(45deg,#f7f7f7 0 8px,#fff 8px 16px);border-radius:12px;place-items:center;width:100%;height:100%;padding:18px;font-size:13px;line-height:1.5;display:grid}.chrono-auth .qr-logo{background:#fff;border-radius:11px;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000001f}.chrono-auth .qr-logo svg{width:30px;height:30px}.chrono-auth .qr-logo .lr{stroke:#16212e}.chrono-auth .qr-logo .lh{stroke:#b5612e}.chrono-auth .qr-logo .ld{fill:#16212e}.chrono-auth .scanline{background:linear-gradient(90deg,transparent,var(--accent),transparent);height:2px;box-shadow:0 0 12px 2px color-mix(in srgb,var(--accent) 60%,transparent);border-radius:2px;animation:2.4s ease-in-out infinite scan;position:absolute;left:14px;right:14px}@keyframes scan{0%,to{top:18px}50%{top:184px}}.chrono-auth .qr-status{color:var(--ink);align-items:center;gap:9px;margin-top:22px;font-size:15px;font-weight:500;display:flex}.chrono-auth .qr-status .d{background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 20%,transparent);border-radius:50%}.chrono-auth .qr-status.err .d{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 20%,transparent)}.chrono-auth .qr-sub{color:var(--ink-2);max-width:24em;margin:9px 0 0;font-size:13px;line-height:1.7}.chrono-auth .qr-sub a{color:var(--accent);font-weight:500}.chrono-auth .legal{text-align:center;color:var(--ink-3);margin-top:26px;font-size:12px;line-height:1.7}.chrono-auth .legal a{color:var(--ink-2);text-underline-offset:2px;text-decoration:underline}.chrono-auth .sent{text-align:center;place-items:center;padding:8px 0 4px;display:grid}.chrono-auth .sent[hidden]{display:none}.chrono-auth .envelope{background:var(--accent-soft);width:72px;height:72px;color:var(--accent);border-radius:18px;place-items:center;margin:0 auto 24px;display:grid}.chrono-auth .envelope svg{width:34px;height:34px}.chrono-auth .sent h2{font-family:var(--serif);margin:0 0 10px;font-size:28px;font-weight:700;line-height:1.25}.chrono-auth .sent p{color:var(--ink-2);max-width:30em;margin:0;font-size:14.5px;line-height:1.8}.chrono-auth .sent strong{color:var(--ink);font-weight:500}.chrono-auth .resend{cursor:pointer;font-family:var(--sans);background:0 0;border:0;margin:22px 0 24px;padding:0}.chrono-auth .resend[disabled]{cursor:default;color:var(--ink-3);text-decoration:none}.chrono-auth .toast{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:60;border-radius:12px;align-items:center;gap:10px;padding:13px 20px;font-size:14px;transition:all .3s;display:flex;position:fixed;bottom:34px;left:50%;transform:translate(-50%)translateY(20px)}.chrono-auth .toast.in{opacity:1;transform:translate(-50%)translateY(0)}.chrono-auth .toast svg{width:17px;height:17px;color:var(--ok)}.chrono-auth .mobile-logo{align-items:center;gap:11px;margin-right:auto;display:none}.chrono-auth .mobile-logo .mark{width:34px;height:34px}.chrono-auth .mobile-logo .lr{stroke:var(--ink)}.chrono-auth .mobile-logo .lh{stroke:var(--accent)}.chrono-auth .mobile-logo .ld{fill:var(--ink)}.chrono-auth .mobile-logo b{font-family:var(--serif);font-size:16px;font-weight:700}.chrono-auth.auth-overlay{background:linear-gradient(#16212e5c,#16212e5c), radial-gradient(90% 80% at 12% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 56%), var(--paper);place-items:center;min-height:100dvh;padding:32px 18px;display:grid;position:relative;overflow:hidden}.chrono-auth.auth-overlay .auth-bg{pointer-events:none;color:color-mix(in srgb,var(--ink) 18%,transparent);font-family:var(--serif);letter-spacing:0;white-space:nowrap;flex-direction:column;justify-content:center;gap:8px;font-size:clamp(54px,8vw,118px);font-weight:700;line-height:1.05;display:flex;position:absolute;inset:0;overflow:hidden;transform:translate(-7vw)}.chrono-auth.auth-overlay .auth-modal{background:var(--surface);border:1px solid var(--line);width:min(100%,820px);min-height:680px;box-shadow:var(--shadow-lg);z-index:1;border-radius:18px;padding:60px 72px 0;position:relative;overflow:hidden}.chrono-auth.auth-overlay .login-modal{text-align:center;flex-direction:column;align-items:center;display:flex}.chrono-auth.auth-overlay .register-modal{width:min(100%,780px);min-height:720px}.chrono-auth.auth-overlay .auth-close{width:36px;height:36px;color:var(--ink);z-index:3;border-radius:10px;place-items:center;font-size:34px;font-weight:300;line-height:1;display:grid;position:absolute;top:28px;right:34px}.chrono-auth.auth-overlay .auth-close:hover{background:var(--surface-2)}.chrono-auth.auth-overlay .auth-theme{z-index:3;position:absolute;top:28px;left:34px}.chrono-auth.auth-overlay h1{font-family:var(--sans);color:var(--ink);letter-spacing:0;margin:0;font-size:38px;font-weight:700;line-height:1.2}.chrono-auth.auth-overlay .auth-lead{color:var(--ink-2);margin:76px 0 24px;font-size:22px;line-height:1.5}.chrono-auth.auth-overlay .mode-password .auth-lead,.chrono-auth.auth-overlay .mode-sms .auth-lead{margin:10px 0 28px;font-size:15px}.chrono-auth.auth-overlay .auth-qr{border-radius:13px;width:310px;height:310px;padding:22px}.chrono-auth.auth-overlay .auth-qr .qr-logo{width:52px;height:52px}.chrono-auth.auth-overlay .qr-status{margin-top:22px}.chrono-auth.auth-overlay .qr-sub{max-width:34em}.chrono-auth.auth-overlay .auth-switch{color:var(--ink);margin:42px 0 0;font-size:21px}.chrono-auth.auth-overlay .auth-switch a{color:#0078ff;margin-left:10px;font-weight:400}.chrono-auth.auth-overlay .auth-switch a:after{content:"›";vertical-align:-1px;margin-left:10px;font-size:28px;line-height:0}.chrono-auth.auth-overlay .divider{width:100%;max-width:520px;color:var(--ink-3);margin:46px auto 22px;font-size:20px}.chrono-auth.auth-overlay .auth-methods{color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:34px;font-size:20px;display:flex}.chrono-auth.auth-overlay .auth-methods button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0}.chrono-auth.auth-overlay .auth-methods button:hover,.chrono-auth.auth-overlay .auth-methods button.on{color:var(--ink)}.chrono-auth.auth-overlay .auth-modal>.legal{background:var(--surface-2);color:var(--ink-2);margin:0;padding:24px;font-size:18px;position:absolute;bottom:0;left:0;right:0}.chrono-auth.auth-overlay .auth-modal>.legal a{color:var(--ink-2);text-decoration:underline}.chrono-auth.auth-overlay .auth-mode-panel{text-align:left;width:100%;max-width:500px;margin:0 auto}.chrono-auth.auth-overlay .login-modal .auth-mode-panel{margin-top:26px}.chrono-auth.auth-overlay .auth-mode-panel h1,.chrono-auth.auth-overlay .auth-mode-panel .auth-lead{text-align:center}.chrono-auth.auth-overlay .field label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.chrono-auth.auth-overlay .input input{border-radius:7px;height:64px;padding:0 26px;font-size:22px}.chrono-auth.auth-overlay .input input::placeholder{font-size:22px}.chrono-auth.auth-overlay .input.has-icon input{padding-right:58px}.chrono-auth.auth-overlay .eye{top:13px;right:12px}.chrono-auth.auth-overlay .sms-code-input{border:1px solid var(--field-line);background:var(--field);border-radius:7px;grid-template-columns:minmax(0,1fr) 156px;display:grid;overflow:hidden}.chrono-auth.auth-overlay .sms-code-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.chrono-auth.auth-overlay .sms-code-input input{box-shadow:none;border:0;border-radius:0}.chrono-auth.auth-overlay .sms-code-input button{border:0;border-left:1px solid var(--line);color:#8cbff4;font-family:var(--sans);cursor:pointer;background:0 0;font-size:20px}.chrono-auth.auth-overlay .sms-code-input button:disabled{color:var(--ink-3);cursor:default}.chrono-auth.auth-overlay .register-phone-form{max-width:660px;margin-top:88px}.chrono-auth.auth-overlay .register-phone-form .btn-primary{color:#fff;height:64px;box-shadow:none;background:#93c4f3;border-radius:7px;margin-top:44px;font-size:24px}.chrono-auth.auth-overlay .register-phone-form .btn-primary:hover{box-shadow:none;background:#6eafe9}.chrono-auth.auth-overlay .register-modal h1{text-align:left;font-size:40px}.chrono-auth.auth-overlay .auth-lockup{color:var(--ink-2);align-items:center;gap:10px;margin-bottom:24px;display:none}.chrono-auth.auth-overlay .auth-lockup .mark{width:32px;height:32px}.chrono-auth.auth-overlay .auth-lockup .lr{stroke:var(--ink)}.chrono-auth.auth-overlay .auth-lockup .lh{stroke:var(--accent)}.chrono-auth.auth-overlay .auth-lockup .ld{fill:var(--ink)}.chrono-auth.auth-overlay .wx-register{width:auto;color:var(--ink-2);background:0 0;border:0;margin:0 auto;font-size:21px}.chrono-auth.auth-overlay .auth-note{text-align:center;max-width:38em;color:var(--ink-3);margin:16px auto 90px;font-size:13px}@media (max-width:860px){.chrono-auth.shell{grid-template-columns:1fr}.chrono-auth .brand-panel{display:none}.chrono-auth .form-panel{min-height:100vh}.chrono-auth .mobile-logo{display:flex}.chrono-auth.auth-overlay .auth-bg{display:none}.chrono-auth.auth-overlay{background:var(--surface);align-items:stretch;padding:0}.chrono-auth.auth-overlay .auth-modal{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0;padding:58px 24px 0}.chrono-auth.auth-overlay .register-modal h1,.chrono-auth.auth-overlay h1{font-size:34px}.chrono-auth.auth-overlay .auth-lead{margin:44px 0 22px;font-size:18px}.chrono-auth.auth-overlay .auth-qr{width:min(76vw,286px);height:min(76vw,286px)}.chrono-auth.auth-overlay .auth-switch{font-size:19px}.chrono-auth.auth-overlay .divider{margin-top:38px;font-size:18px}.chrono-auth.auth-overlay .auth-methods{gap:22px;font-size:18px}.chrono-auth.auth-overlay .auth-modal>.legal{font-size:15px}.chrono-auth.auth-overlay .input input,.chrono-auth.auth-overlay .input input::placeholder{font-size:19px}.chrono-auth.auth-overlay .sms-code-input{grid-template-columns:minmax(0,1fr) 128px}.chrono-auth.auth-overlay .sms-code-input button{font-size:17px}.chrono-auth.auth-overlay .register-phone-form{margin-top:70px}.chrono-auth.auth-overlay .auth-lockup{display:flex}}@media (max-width:440px){.chrono-auth .fp-bar,.chrono-auth .fp-body{padding-left:22px;padding-right:22px}.chrono-auth .fp-bar .hint{display:none}.chrono-auth .login-head{align-items:flex-start}.chrono-auth .login-tabs{gap:3px}.chrono-auth .login-tab{padding:9px 4px;font-size:12.5px}.chrono-auth .wechat-box{padding:15px}}@media (prefers-reduced-motion:reduce){.chrono-auth *,.chrono-auth :before,.chrono-auth :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}