:root{--background-primary:var(--color-white-1000);--background-secondary:var(--color-neutral-100);--badge-bg-primary-blue:var(--color-blue-600);--badge-bg-primary-green:var(--color-emerald-600);--badge-bg-primary-neutral:var(--color-black-900);--badge-bg-primary-purple:var(--color-purple-600);--badge-bg-primary-red:var(--color-red-500);--badge-bg-primary-yellow:var(--color-amber-600);--badge-bg-secondary-blue:var(--color-blue-50);--badge-bg-secondary-green:var(--color-emerald-50);--badge-bg-secondary-neutral:var(--color-white-1000);--badge-bg-secondary-purple:var(--color-purple-50);--badge-bg-secondary-red:var(--color-red-50);--badge-bg-secondary-yellow:var(--color-amber-50);--badge-bg-tertiary-neutral:var(--color-neutral-100);--badge-fg-default:var(--color-black-900);--badge-fg-default-inverse:var(--color-white-1000);--badge-fg-primary-red:var(--color-white-1000);--badge-fg-secondary-blue:var(--color-blue-700);--badge-fg-secondary-green:var(--color-emerald-700);--badge-fg-secondary-purple:var(--color-purple-700);--badge-fg-secondary-red:var(--color-red-700);--badge-fg-secondary-yellow:var(--color-amber-700);--font-size-body-md:14px;--line-height-body-md:20px;--font-size-body-xl:16px;--line-height-body-xl:20px;--border-attention:var(--color-red-500);--border-attention-inverse:var(--color-red-500);--border-default:var(--color-black-200);--border-default-inverse:var(--color-white-200);--border-focus:var(--color-black-900);--border-focus-inverse:var(--color-white-1000);--brand-inverse:var(--color-white-1000);--brand-primary:var(--color-brand-red);--brand-secondary:var(--color-neutral-900);--brand-tertiary:var(--color-red-50);--breakpoints-desktop:1024px;--breakpoints-desktop-lg:1440px;--breakpoints-desktop-wide:1680px;--breakpoints-desktop-xl:1920px;--breakpoints-mobile:402px;--breakpoints-tablet:768px;--font-size-button-lg-desktop:18px;--button-disabled:var(--color-neutral-200);--button-disabled-inverse:var(--color-white-400);--button-emphasis:var(--color-red-500);--button-emphasis-active:var(--color-red-600);--button-emphasis-active-inverse:var(--color-red-600);--button-emphasis-inverse:var(--color-red-500);--button-primary:var(--color-black-900);--button-primary-active:var(--color-black-1000);--button-primary-active-inverse:var(--color-white-800);--button-primary-inverse:var(--color-white-1000);--button-secondary:var(--color-black-100);--button-secondary-active:var(--color-black-200);--button-secondary-active-inverse:var(--color-white-300);--button-secondary-inverse:var(--color-white-200);--button-tertiary:var(--color-white-0);--button-tertiary-active:var(--color-black-100);--button-tertiary-active-inverse:var(--color-white-100);--button-tertiary-inverse:var(--color-white-0);--font-size-caption-md:14px;--line-height-caption-md:20px;--font-size-caption-sm:12px;--line-height-caption-sm:14px;--color-amber-100:#feeecd;--color-amber-200:#fdd99b;--color-amber-300:#fcbf69;--color-amber-400:#fba137;--color-amber-50:#fef7e6;--color-amber-500:#fa8005;--color-amber-600:#d26204;--color-amber-700:#9e4303;--color-amber-800:#823203;--color-amber-900:#5a1f02;--color-amber-950:#481e00;--color-black-0:#0000;--color-black-100:#0000000a;--color-black-1000:#000;--color-black-200:#00000014;--color-black-300:#0000002b;--color-black-400:#0000004a;--color-black-500:#0000006b;--color-black-600:#0000008c;--color-black-700:#000000ad;--color-black-800:#000000c7;--color-black-900:#000000de;--color-blue-100:#d9e6ff;--color-blue-200:#b6cefa;--color-blue-300:#8eb7ff;--color-blue-400:#66a1ff;--color-blue-50:#f0f3fa;--color-blue-500:#3383ff;--color-blue-600:#0066eb;--color-blue-700:#005cc2;--color-blue-800:#004e99;--color-blue-900:#00325c;--color-blue-950:#002542;--color-brand-red:red;--color-cyan-100:#ccebf5;--color-cyan-200:#90dfef;--color-cyan-300:#5dd5ea;--color-cyan-400:#2fcddf;--color-cyan-50:#edf9fc;--color-cyan-500:#06bdcb;--color-cyan-600:#06999e;--color-cyan-700:#057b7a;--color-cyan-800:#03635f;--color-cyan-900:#034540;--color-cyan-950:#01322d;--color-emerald-100:#d8f3e0;--color-emerald-200:#b1e7bf;--color-emerald-300:#8bda9c;--color-emerald-400:#6cd07e;--color-emerald-50:#ecf9f0;--color-emerald-500:#3dc24f;--color-emerald-600:#33a33d;--color-emerald-700:#27812b;--color-emerald-800:#206520;--color-emerald-900:#184616;--color-emerald-950:#133611;--color-fuchsia-100:#ffdcfe;--color-fuchsia-200:#fac0fa;--color-fuchsia-300:#f98dfc;--color-fuchsia-400:#db57e5;--color-fuchsia-50:#ffedfe;--color-fuchsia-500:#b900cc;--color-fuchsia-600:#9d02b5;--color-fuchsia-700:#77018e;--color-fuchsia-800:#5d0373;--color-fuchsia-900:#49065d;--color-fuchsia-950:#2e003f;--color-green-100:#def1d0;--color-green-200:#bfe79d;--color-green-300:#a6de69;--color-green-400:#8ed534;--color-green-50:#e9f5e2;--color-green-500:#7dcd04;--color-green-600:#71af04;--color-green-700:#5f8c03;--color-green-800:#4b6902;--color-green-900:#354601;--color-green-950:#283401;--color-indigo-100:#e7e5ff;--color-indigo-200:#cac7ff;--color-indigo-300:#aba8ff;--color-indigo-400:#8987fc;--color-indigo-50:#f3f2ff;--color-indigo-500:#5c5cff;--color-indigo-600:#4046e5;--color-indigo-700:#313bcc;--color-indigo-800:#1e2ba6;--color-indigo-900:#0f1e80;--color-indigo-950:#04125a;--color-lime-100:#eaf4d2;--color-lime-200:#dbecac;--color-lime-300:#cfe486;--color-lime-400:#c6dc60;--color-lime-50:#f2f8e4;--color-lime-500:#c0d539;--color-lime-600:#b0bd28;--color-lime-700:#969c21;--color-lime-800:#707018;--color-lime-900:#4d4b11;--color-lime-950:#3b380c;--color-neutral-100:#f5f5f5;--color-neutral-200:#ebebeb;--color-neutral-300:#d4d4d4;--color-neutral-400:#b4b4b4;--color-neutral-50:#fafafa;--color-neutral-500:#949494;--color-neutral-600:#727272;--color-neutral-700:#525252;--color-neutral-800:#393939;--color-neutral-900:#222;--color-neutral-950:#0a0a0a;--color-orange-100:#fce1cf;--color-orange-200:#fac19e;--color-orange-300:#f7a06e;--color-orange-400:#f57d3d;--color-orange-50:#fef1e7;--color-orange-500:#f2590d;--color-orange-600:#cb480b;--color-orange-700:#a53809;--color-orange-800:#7e2907;--color-orange-900:#571b05;--color-orange-950:#441404;--color-pink-100:#fce5ee;--color-pink-200:#fbcbe0;--color-pink-300:#f9a0ca;--color-pink-400:#f466ad;--color-pink-50:#fdf1f5;--color-pink-500:#eb3093;--color-pink-600:#c3237d;--color-pink-700:#a3146a;--color-pink-800:#85145b;--color-pink-900:#5e1245;--color-pink-950:#420530;--color-purple-100:#ede1fa;--color-purple-200:#dec8fa;--color-purple-300:#c8a3ff;--color-purple-400:#aa7afe;--color-purple-50:#f7f0ff;--color-purple-500:#8b51ff;--color-purple-600:#6c30f7;--color-purple-700:#531ee3;--color-purple-800:#3c17b5;--color-purple-900:#2a1386;--color-purple-950:#170a5c;--color-red-100:#f7dbd6;--color-red-200:#f4b7ae;--color-red-300:#f3867c;--color-red-400:#f8564f;--color-red-50:#fbf1ef;--color-red-500:#e00000;--color-red-600:#c40009;--color-red-700:#9b000d;--color-red-800:#7a0010;--color-red-900:#57000f;--color-red-950:#3d000c;--color-rose-100:#fee7ea;--color-rose-200:#fdc6ce;--color-rose-300:#fb99ab;--color-rose-400:#f85e80;--color-rose-50:#ffeff0;--color-rose-500:#f51f53;--color-rose-600:#d6144c;--color-rose-700:#b50b41;--color-rose-800:#970c3d;--color-rose-900:#750b33;--color-rose-950:#490320;--color-sky-100:#d4e9fc;--color-sky-200:#a2d4fc;--color-sky-300:#6ec1fa;--color-sky-400:#47b8fa;--color-sky-50:#eef6fe;--color-sky-500:#00a3f5;--color-sky-600:#008cc7;--color-sky-700:#00759e;--color-sky-800:#005b75;--color-sky-900:#003e4d;--color-sky-950:#002f38;--color-teal-100:#c9f0e8;--color-teal-200:#93e5d2;--color-teal-300:#60dbbb;--color-teal-400:#1dd39c;--color-teal-50:#ebfaf7;--color-teal-500:#08c485;--color-teal-600:#07a168;--color-teal-700:#05804e;--color-teal-800:#046239;--color-teal-900:#024525;--color-teal-950:#03361c;--color-white-0:#fff0;--color-white-100:#ffffff0a;--color-white-1000:#fff;--color-white-200:#ffffff14;--color-white-300:#ffffff2b;--color-white-400:#ffffff4a;--color-white-500:#ffffff6b;--color-white-600:#ffffff8c;--color-white-700:#ffffffad;--color-white-800:#ffffffc7;--color-white-900:#ffffffde;--color-yellow-100:#fefacd;--color-yellow-200:#fdf19b;--color-yellow-300:#fce469;--color-yellow-400:#fbd237;--color-yellow-50:#fefde6;--color-yellow-500:#fabd05;--color-yellow-600:#d29604;--color-yellow-700:#aa7203;--color-yellow-800:#825203;--color-yellow-900:#5a3502;--color-yellow-950:#432305;--font-size-display-md:28px;--line-height-display-md:36px;--font-size-display-sm:24px;--line-height-display-sm:32px;--font-size-display-xl:32px;--line-height-display-xl:40px;--divider-default:var(--color-black-100);--divider-default-inverse:var(--color-white-200);--divider-emphasis:var(--color-black-900);--divider-emphasis-inverse:var(--color-white-900);--divider-subtle:var(--color-black-400);--divider-subtle-inverse:var(--color-white-400);--fill-disabled:var(--color-neutral-300);--fill-error-primary:var(--color-red-500);--fill-error-secondary:var(--color-red-50);--fill-highlight:var(--color-yellow-500);--fill-info-primary:var(--color-blue-500);--fill-info-secondary:var(--color-blue-50);--fill-inverse:var(--color-neutral-900);--fill-primary:var(--color-white-1000);--fill-promotion-primary:var(--color-red-500);--fill-promotion-secondary:var(--color-red-50);--fill-secondary:var(--color-neutral-100);--fill-skeleton:var(--color-black-200);--fill-skeleton-inverse:var(--color-white-200);--fill-success-primary:var(--color-emerald-500);--fill-success-secondary:var(--color-emerald-50);--fill-tertiary:var(--color-neutral-50);--fill-warning-primary:var(--color-yellow-500);--fill-warning-secondary:var(--color-amber-50);--font-family-android:"GT Walsheim", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-family-ios:"GT Walsheim", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-family-serif:"Source Serif 4 Variable", "Noto Serif SC", serif;--font-family-win:"GT Walsheim", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-weight-emphasize:500;--font-weight-normal:400;--font-weight-semibold:600;--font-size-heading-2xl:24px;--line-height-heading-2xl:32px;--font-size-heading-3xl:32px;--line-height-heading-3xl:40px;--font-size-heading-4xl:40px;--line-height-heading-4xl:48px;--font-size-heading-md:18px;--line-height-heading-md:24px;--font-size-heading-sm:16px;--line-height-heading-sm:20px;--font-size-heading-xl:20px;--line-height-heading-xl:28px;--font-size-heading-xs:14px;--line-height-heading-xs:20px;--font-size-home-hero-desktop:56px;--line-height-home-hero-desktop:64px;--layout-page-margin-card:var(--space-100);--layout-page-margin-default:var(--space-200);--letter-spacing-normal:0;--letter-spacing-tight:-1;--font-size-link-md:14px;--line-height-link-md:20px;--font-size-link-sm:12px;--line-height-link-sm:16px;--font-size-link-xl:16px;--line-height-link-xl:20px;--overlay-default:var(--color-black-300);--overlay-scrim:var(--color-black-700);--font-size-price-md:24px;--line-height-price-md:32px;--font-size-price-sm:18px;--line-height-price-sm:24px;--product-card-add-border:var(--color-black-200);--product-card-add-icon:var(--color-black-900);--product-card-add-icon-active:var(--color-white-1000);--product-card-add-shadow:var(--color-black-200);--product-card-add-surface:var(--color-white-900);--product-card-add-surface-active-desktop:var(--color-red-500);--product-card-add-surface-active-mobile:var(--color-neutral-100);--radius-button-emphasis:var(--radius-md);--radius-button-primary:var(--radius-full);--radius-component-default:var(--radius-md);--radius-component-none:var(--radius-none);--radius-full:9999px;--radius-lg:12px;--radius-md:8px;--radius-none:0;--radius-sm:4px;--radius-surface-default:var(--radius-lg);--radius-surface-none:var(--radius-none);--radius-tag-primary:var(--radius-sm);--radius-xl:16px;--space-0:0;--space-025:2px;--space-050:4px;--space-100:8px;--space-1000:80px;--space-150:12px;--space-200:16px;--space-250:20px;--space-300:24px;--space-400:32px;--space-500:40px;--space-600:48px;--space-800:64px;--font-size-strike-md:14px;--line-height-strike-md:20px;--font-size-strike-sm:12px;--line-height-strike-sm:16px;--stroke-default:1px;--stroke-none:0;--stroke-thick:2px;--surface-inverse:var(--color-neutral-900);--surface-primary:var(--color-white-1000);--surface-secondary:var(--color-neutral-100);--text-disabled:var(--color-black-400);--text-disabled-inverse:var(--color-white-400);--text-emphasis:var(--color-red-500);--text-emphasis-inverse:var(--color-red-400);--text-error:var(--color-red-500);--text-info:var(--color-blue-500);--text-on-emphasis:var(--color-white-1000);--text-primary:var(--color-black-900);--text-primary-inverse:var(--color-white-1000);--text-secondary:var(--color-black-600);--text-secondary-inverse:var(--color-white-600);--text-success:var(--color-emerald-700);--text-warning:var(--color-yellow-600)}.dark{--background-primary:var(--color-neutral-950);--background-secondary:var(--color-neutral-900);--badge-bg-primary-blue:var(--color-blue-400);--badge-bg-primary-green:var(--color-emerald-400);--badge-bg-primary-neutral:var(--color-white-1000);--badge-bg-primary-purple:var(--color-purple-400);--badge-bg-primary-red:var(--color-red-400);--badge-bg-primary-yellow:var(--color-amber-400);--badge-bg-secondary-blue:var(--color-blue-950);--badge-bg-secondary-green:var(--color-emerald-950);--badge-bg-secondary-neutral:var(--color-neutral-800);--badge-bg-secondary-purple:var(--color-purple-950);--badge-bg-secondary-red:var(--color-red-950);--badge-bg-secondary-yellow:var(--color-amber-950);--badge-bg-tertiary-neutral:var(--color-neutral-900);--badge-fg-default:var(--color-white-1000);--badge-fg-default-inverse:var(--color-black-900);--badge-fg-primary-red:var(--color-black-900);--badge-fg-secondary-blue:var(--color-blue-200);--badge-fg-secondary-green:var(--color-emerald-200);--badge-fg-secondary-purple:var(--color-purple-200);--badge-fg-secondary-red:var(--color-red-200);--badge-fg-secondary-yellow:var(--color-amber-200);--border-attention:var(--color-red-400);--border-attention-inverse:var(--color-red-500);--border-default:var(--color-white-200);--border-default-inverse:var(--color-black-200);--border-focus:var(--color-white-1000);--border-focus-inverse:var(--color-black-900);--brand-inverse:var(--color-black-900);--brand-primary:var(--color-brand-red);--brand-secondary:var(--color-white-900);--brand-tertiary:var(--color-red-950);--button-disabled:var(--color-white-400);--button-disabled-inverse:var(--color-neutral-200);--button-emphasis:var(--color-red-500);--button-emphasis-active:var(--color-red-600);--button-emphasis-active-inverse:var(--color-red-600);--button-emphasis-inverse:var(--color-red-500);--button-primary:var(--color-white-1000);--button-primary-active:var(--color-white-800);--button-primary-active-inverse:var(--color-black-1000);--button-primary-inverse:var(--color-black-900);--button-secondary:var(--color-white-200);--button-secondary-active:var(--color-white-300);--button-secondary-active-inverse:var(--color-black-200);--button-secondary-inverse:var(--color-black-100);--button-tertiary:var(--color-white-0);--button-tertiary-active:var(--color-white-100);--button-tertiary-active-inverse:var(--color-black-100);--button-tertiary-inverse:var(--color-black-0);--divider-default:var(--color-white-200);--divider-default-inverse:var(--color-black-100);--divider-emphasis:var(--color-white-900);--divider-emphasis-inverse:var(--color-black-900);--divider-subtle:var(--color-white-400);--divider-subtle-inverse:var(--color-black-400);--fill-disabled:var(--color-neutral-700);--fill-error-primary:var(--color-red-400);--fill-error-secondary:var(--color-red-950);--fill-highlight:var(--color-yellow-400);--fill-info-primary:var(--color-blue-400);--fill-info-secondary:var(--color-blue-950);--fill-inverse:var(--color-white-1000);--fill-primary:var(--color-neutral-900);--fill-promotion-primary:var(--color-red-400);--fill-promotion-secondary:var(--color-red-950);--fill-secondary:var(--color-neutral-800);--fill-skeleton:var(--color-white-200);--fill-skeleton-inverse:var(--color-black-200);--fill-success-primary:var(--color-emerald-400);--fill-success-secondary:var(--color-emerald-950);--fill-tertiary:var(--color-neutral-950);--fill-warning-primary:var(--color-yellow-400);--fill-warning-secondary:var(--color-amber-950);--overlay-default:var(--color-black-300);--overlay-scrim:var(--color-black-700);--product-card-add-border:var(--color-black-200);--product-card-add-icon:var(--color-black-900);--product-card-add-icon-active:var(--color-white-1000);--product-card-add-shadow:var(--color-black-200);--product-card-add-surface:var(--color-white-900);--product-card-add-surface-active-desktop:var(--color-red-500);--product-card-add-surface-active-mobile:var(--color-neutral-100);--surface-inverse:var(--color-white-1000);--surface-primary:var(--color-neutral-900);--surface-secondary:var(--color-neutral-800);--text-disabled:var(--color-white-400);--text-disabled-inverse:var(--color-black-400);--text-emphasis:var(--color-red-200);--text-emphasis-inverse:var(--color-red-500);--text-error:var(--color-red-400);--text-info:var(--color-blue-400);--text-on-emphasis:var(--color-white-1000);--text-primary:var(--color-white-1000);--text-primary-inverse:var(--color-black-1000);--text-secondary:var(--color-white-600);--text-secondary-inverse:var(--color-black-600);--text-success:var(--color-emerald-400);--text-warning:var(--color-yellow-400)}@media (min-width:1024px){:root{--layout-page-margin-card:var(--space-600);--layout-page-margin-default:var(--space-600)}}:root:lang(en),:where(:lang(en)){--font-weight-emphasize:500}:root:lang(zh),:where(:lang(zh)){--font-weight-emphasize:600}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas-ink:var(--color-neutral-950);--canvas-paper:var(--color-neutral-100);--canvas-panel:var(--color-neutral-50);--canvas-line:var(--color-neutral-300);--canvas-muted:var(--color-neutral-700)}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--canvas-paper);color:var(--canvas-ink);font-family:var(--font-yami), Arial, sans-serif;margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.app-loading{letter-spacing:.08em;text-transform:uppercase;place-items:center;min-height:100vh;font-size:13px;display:grid}.canvas-shell{--canvas-header-height:56px;--button-emphasis:var(--color-neutral-900);--button-emphasis-active:var(--color-neutral-950);--button-primary:var(--color-neutral-900);--button-primary-active:var(--color-neutral-950);--border-focus:var(--color-neutral-950);min-height:100vh}.canvas-header{height:var(--canvas-header-height);border-bottom:1px solid var(--canvas-line);background:var(--canvas-panel);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.brand-lockup{align-items:center;display:flex}.brand-lockup strong{letter-spacing:-.025em;font-size:18px}.header-actions{align-items:center;gap:8px;display:flex}.header-actions a{text-decoration:none}.canvas-grid{min-height:calc(100vh - var(--canvas-header-height));grid-template-columns:308px minmax(0,1fr);display:grid}.control-panel{border-right:1px solid var(--canvas-line);background:var(--canvas-panel);padding:20px;overflow-y:auto}.panel-heading{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.panel-heading span{font-size:13px;font-weight:var(--font-weight-emphasize)}.panel-heading small{color:var(--canvas-muted);letter-spacing:.08em;font:10px/1 ui-monospace,monospace}.control-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.path-readout{border-left:3px solid var(--button-emphasis);background:var(--color-neutral-200);gap:6px;margin:0 0 12px;padding:11px;display:grid}.path-readout span{color:var(--canvas-muted);text-transform:uppercase;font-size:10px}.path-readout code{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.storybook-import-dialog{border:1px solid var(--border-default);background:var(--surface-primary);width:min(520px,100vw - 32px);max-height:min(680px,100vh - 32px);color:var(--text-primary);border-radius:0;padding:0;overflow:hidden;box-shadow:0 24px 64px #0003}.storybook-import-dialog::backdrop{background:#00000052}.storybook-import-header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:flex-start;gap:24px;padding:20px;display:flex}.storybook-import-header h2{margin:0;font-size:18px;line-height:24px}.storybook-import-header p{color:var(--text-secondary);margin:4px 0 0;font-size:12px;line-height:16px}.storybook-import-header>button{border:1px solid var(--border-default);background:var(--surface-primary);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:0;flex:0 0 32px;place-items:center;padding:0;font-size:18px;display:grid}.storybook-page-list{max-height:520px;padding:8px;display:grid;overflow-y:auto}.storybook-page-list>p{color:var(--text-secondary);margin:0;padding:20px 12px;font-size:12px}.storybook-page-option{border:0;border-bottom:1px solid var(--border-default);background:var(--surface-primary);min-height:64px;color:var(--text-primary);cursor:pointer;text-align:left;border-radius:0;align-content:center;gap:4px;padding:12px;display:grid}.storybook-page-option:last-child{border-bottom:0}.storybook-page-option:hover{background:var(--surface-secondary)}.storybook-page-option strong{font-size:14px;line-height:20px}.storybook-page-option span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px;overflow:hidden}.storybook-import-error{justify-items:start;gap:12px;padding:20px 12px;display:grid}.storybook-import-error p{color:var(--text-secondary);margin:0;font-size:12px;line-height:18px}.preview-stage{background:var(--color-neutral-200);grid-template-rows:36px minmax(0,1fr);min-width:0;display:grid}.stage-bar{border-bottom:1px solid var(--color-neutral-300);color:var(--color-neutral-700);letter-spacing:.07em;justify-content:space-between;align-items:center;padding:0 16px;font:10px/1 ui-monospace,monospace;display:flex}.stage-back{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;align-self:stretch;padding:0}.stage-back:hover{color:var(--canvas-ink)}.stage-meta{margin-left:auto}.device-mat{min-width:0;padding:24px;overflow:auto}.preview-frame-wrap{height:calc(100vh - var(--canvas-header-height) - 84px);border:1px solid var(--color-neutral-400);background:#fff;min-height:620px;margin:0 auto;box-shadow:0 14px 40px #0000001f}.preview-frame-wrap iframe{background:#fff;border:0;width:100%;height:100%;display:block}.preview-loading{background:var(--color-neutral-100);min-height:100vh}.prototype-root{--font-family-ios:var(--font-yami);--font-family-android:var(--font-yami);--font-family-win:var(--font-yami);min-height:100vh}.prototype-root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.placeholder-route{background:var(--color-neutral-100);align-content:center;justify-items:start;gap:16px;min-height:100vh;padding:clamp(28px,8vw,100px);display:grid}.placeholder-route span{letter-spacing:.12em;font:11px/1 ui-monospace,monospace}.placeholder-route h1{letter-spacing:-.06em;text-transform:capitalize;max-width:12ch;margin:0;font-size:clamp(48px,10vw,110px);line-height:.9}.placeholder-route p{max-width:460px;color:var(--color-neutral-700);margin:0;line-height:1.6}.placeholder-route button{border:1px solid var(--color-neutral-950);cursor:pointer;background:0 0;margin-top:18px;padding:12px 16px}@media (max-width:860px){.canvas-header{padding:0 14px}.header-actions a{display:none}.canvas-grid{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--canvas-line)}.preview-frame-wrap{height:720px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}