:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]){--max-radius:8px;--max-radius-sm:4px;--max-focus:var(--magenta);--max-control-height:48px;width:100%;max-width:none;min-height:100dvh;margin:0;padding:0 max(24px,calc((100vw - 1360px) / 2)) 88px;overflow:clip;background:var(--bg);color:var(--text);font-family:Inter,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,system-ui,sans-serif;letter-spacing:0;isolation:isolate}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]):after{opacity:1;background-image:var(--max-page-pattern,none);background-position:top;background-size:var(--max-page-pattern-size,auto)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.hero-copy,.hero-showcase,.form-panel,.result-panel){grid-column:auto;grid-row:auto;order:0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.hero-copy:before,.hero-copy:after,.hero h1:after,.hero-showcase:after){display:none;content:none;-webkit-clip-path:none;clip-path:none;transform:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .brand-mark:after,:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-progress button:before,:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-progress:before{display:none;content:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .brand-mark svg{display:block}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.style-button,.sample-card,.wallpaper-card):nth-child(n){margin-top:0;transform:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.design-review-bar,.topbar){border-color:var(--line);background:color-mix(in srgb,var(--bg) 96%,transparent);color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .design-review-bar{z-index:40;min-height:56px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .design-review-bar nav{min-width:0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .design-review-bar nav a[aria-current=page]{border-bottom-color:var(--magenta);color:var(--text)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .topbar{top:56px;z-index:30;min-height:68px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.brand,.topnav,.top-action){color:var(--text)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--magenta);border-radius:var(--max-radius-sm);background:var(--magenta);box-shadow:none;color:var(--max-on-accent,#ffffff);transform:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .topnav a{display:inline-flex;min-height:44px;align-items:center}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.brand,.review-overview-link,.skip-link){min-height:44px;align-content:center}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .top-action{min-height:44px;border:1px solid var(--line-strong);border-radius:var(--max-radius-sm);background:var(--panel);color:var(--text);padding:0 18px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(button,a,summary){touch-action:manipulation}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--max-focus);outline-offset:3px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .input-shell:focus-within,:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(input,select,textarea):focus{border-color:var(--max-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--max-focus) 24%,transparent)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .segmented input:focus-visible+span{outline:3px solid var(--max-focus);outline-offset:3px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);grid-gap:56px;gap:56px;min-height:720px;align-items:center;border:0;padding:56px 0 64px;overflow:visible}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-copy{align-self:center;border:0;padding:0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero h1{max-width:720px;margin-bottom:24px;color:var(--text);font-family:inherit;font-size:64px;font-weight:800;letter-spacing:-.045em;line-height:1.04;text-shadow:none;overflow-wrap:normal}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-copy>p:not(.scheme-tagline){max-width:620px;margin-bottom:24px;color:var(--muted);font-size:18px;font-weight:500;line-height:1.7}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-copy p span{display:inline}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .scheme-tagline{width:-moz-fit-content;width:fit-content;margin:0 0 28px;border:0;color:var(--magenta)!important;font-size:14px!important;font-weight:800!important;letter-spacing:0;text-transform:none;transform:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .badge{min-height:36px;margin-bottom:20px;border:1px solid var(--line-strong);border-radius:var(--max-radius-sm);background:var(--panel-soft);color:var(--magenta);padding:8px 12px;transform:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-actions{display:flex;grid-template-columns:none;gap:12px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.primary-link,.secondary-link){min-height:48px;border-radius:var(--max-radius-sm);padding:0 22px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.primary-link,.primary-button,.step-next){border:1px solid var(--magenta);border-radius:var(--max-radius-sm);background:var(--magenta);box-shadow:none;color:var(--max-on-accent,#ffffff)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .secondary-link{justify-content:center;border:1px solid var(--line-strong);background:var(--panel);color:var(--text)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.primary-link,.primary-button,.step-next):hover:not(:disabled){border-color:var(--text);filter:brightness(.95)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.secondary-link,.top-action):hover{border-color:var(--magenta);background:var(--panel-soft)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;max-width:620px;margin:28px 0 0;border:0;padding:0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-metrics div{display:block;min-width:0;border:1px solid var(--line);border-radius:var(--max-radius-sm);background:var(--panel);box-shadow:none;padding:14px;text-align:left;transform:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-metrics dt{margin-bottom:4px;color:var(--text);font-size:21px;font-weight:850}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-metrics dd{color:var(--muted);font-size:12px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-showcase{position:relative;width:100%;min-width:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--max-radius);background:var(--panel);box-shadow:var(--shadow);padding:20px;transform:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .concept-toolbar{position:relative;z-index:12;display:flex;min-height:68px;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 8px;border-bottom:1px solid var(--line);padding:0 0 14px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .concept-toolbar li{border:1px solid var(--line-strong);border-radius:var(--max-radius-sm);background:var(--panel-soft);color:var(--muted);padding:6px 9px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .concept-geometry{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .zodiac-carousel{position:relative;z-index:3;display:grid;min-height:500px;place-items:center}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .stage-phone{overflow:hidden;border:5px solid var(--panel);border-radius:var(--max-radius);background:var(--panel-soft);box-shadow:0 18px 46px color-mix(in srgb,var(--text) 18%,transparent)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .stage-phone img{width:100%;height:100%;background:var(--panel-soft);object-fit:contain}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .main-phone{width:248px;aspect-ratio:4/7;transform:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.side-left,.side-right){width:188px;aspect-ratio:4/7;opacity:.62;filter:saturate(.75) brightness(.92)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .side-left{transform:translateX(-42%) scale(.92)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .side-right{transform:translateX(42%) scale(.92)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .zodiac-caption{right:12px;bottom:12px;left:12px;display:block;grid-template-columns:none;border:1px solid var(--line-strong);border-radius:var(--max-radius-sm);background:color-mix(in srgb,var(--panel) 94%,transparent);color:var(--text);padding:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .zodiac-caption span{grid-row:auto;margin:0 0 4px;color:var(--magenta)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.zodiac-caption strong,.zodiac-caption small){color:var(--text)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .zodiac-caption small{color:var(--muted)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.carousel-arrow,.carousel-pause){min-width:44px;min-height:44px;border:1px solid var(--line-strong);border-radius:var(--max-radius-sm);background:var(--panel);color:var(--text);box-shadow:0 6px 18px color-mix(in srgb,var(--text) 14%,transparent)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.carousel-arrow,.carousel-pause):hover{border-color:var(--magenta);background:var(--panel-soft)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .carousel-pause{right:50%;bottom:4px;min-height:44px;border-radius:var(--max-radius-sm);transform:translateX(50%)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .zodiac-dots{position:relative;z-index:4;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:6px;gap:6px;overflow:visible;margin:16px 0 0;border:0;padding:0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .zodiac-dots button{min-width:0;min-height:44px;flex:initial;border:1px solid var(--line);border-radius:var(--max-radius-sm);background:var(--panel-soft);color:var(--muted);box-shadow:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .zodiac-dots button:is(:hover,.active){border-color:var(--magenta);background:var(--magenta);color:var(--max-on-accent,#ffffff)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .generator-shell{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);grid-gap:24px;gap:24px;max-width:none;margin:0;align-items:start;padding-top:48px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.form-panel,.result-panel,.sample-section,.qa-section){position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--max-radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none;transform:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.form-panel,.result-panel,.sample-section,.qa-section):before{display:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-panel{position:-webkit-sticky;position:sticky;top:148px;display:block;padding:24px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-panel>:is(.panel-title,.form-progress,.form-chapter){grid-column:auto;grid-row:auto}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-panel>.form-chapter{min-height:0;border:0;padding:0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .result-panel{min-height:650px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .panel-title{display:flex;gap:14px;align-items:center;margin-bottom:22px;border:0;padding:0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .result-title{margin:0;border-bottom:1px solid var(--line);padding:22px 24px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .panel-title>span{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border:1px solid var(--magenta);border-radius:var(--max-radius-sm);background:var(--magenta);color:var(--max-on-accent,#ffffff);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .panel-title h2{color:var(--text);font-size:24px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.panel-title p,.field>span,.field-group>legend){color:var(--muted)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-progress{position:relative;display:grid;flex-direction:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;overflow:visible;margin:0 0 26px;border:0;padding:0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-progress li{min-width:0;flex:initial}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-progress button{position:relative;display:grid;width:100%;min-height:64px;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:7px;column-gap:7px;align-items:center;border:1px solid var(--line);border-radius:var(--max-radius-sm);background:var(--panel-soft);color:var(--muted);padding:8px;text-align:left}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-progress button>span{position:static;width:auto;grid-row:1/span 2;color:inherit;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-progress button strong{position:static;width:auto;font-size:13px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-progress button small{position:static;display:block;width:auto;font-size:10px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-progress button:is(:hover,.active){border-color:var(--magenta);background:var(--panel-strong);color:var(--text);box-shadow:none;transform:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .chapter-heading{display:flex;align-items:flex-start;gap:12px;margin:0 0 22px;border:0;padding:0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .chapter-heading>span{position:static;width:auto;height:auto;border:0;border-radius:0;background:transparent;color:var(--magenta);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .chapter-heading h3{margin:0 0 4px;color:var(--text);font-family:inherit;font-size:21px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .chapter-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(input,select,textarea,.input-shell){min-height:var(--max-control-height);border:1px solid var(--line);border-radius:var(--max-radius-sm);background:var(--field);color:var(--text);box-shadow:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) select{height:var(--max-control-height);background-color:var(--field);box-shadow:inset 0 0 0 999px var(--field);color-scheme:var(--max-color-scheme,light)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) select option{background:var(--panel);color:var(--text)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(input::placeholder,textarea::placeholder){color:var(--faint);opacity:1}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) textarea{min-height:104px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.segmented span,.choice-button,.style-button,.count-button){min-height:48px;justify-items:center;border:1px solid var(--line);border-radius:var(--max-radius-sm);background:var(--panel-soft);box-shadow:none;color:var(--muted);padding:8px 10px;text-align:center;transform:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.segmented span,.choice-button,.style-button,.count-button):hover{border-color:var(--magenta);transform:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.segmented input:checked+span,.choice-button.active,.style-button.active,.count-button.active){border-color:var(--magenta);background:var(--magenta);color:var(--max-on-accent,#ffffff);padding-left:10px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.style-button small,.count-button small,.segmented.size small){color:var(--muted)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.style-button.active small,.count-button.active small){color:var(--max-on-accent,#ffffff);opacity:.86}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .advanced-panel{margin-bottom:18px;border:1px solid var(--line);border-radius:var(--max-radius-sm);background:var(--panel-soft);box-shadow:none;padding:0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .advanced-panel summary{min-height:52px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.step-next,.step-back,.primary-button,.secondary-button,.icon-button,.mini-button){min-height:44px;border-radius:var(--max-radius-sm);box-shadow:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.step-back,.secondary-button,.icon-button,.mini-button){border:1px solid var(--line-strong);background:var(--panel);color:var(--text)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.step-back,.secondary-button,.icon-button,.mini-button):hover:not(:disabled){border-color:var(--magenta);background:var(--panel-soft)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) button:disabled{opacity:.46}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .result-panel:focus-visible{outline:3px solid var(--max-focus);outline-offset:4px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.status-view,.empty-view){min-height:570px;color:var(--text)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.status-view p,.empty-view p){color:var(--muted)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .progress-shell{border-color:var(--line-strong);background:var(--panel-soft)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .progress-shell span{background:var(--magenta);box-shadow:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.status-readout li,.empty-checklist li,.keyword-row span){border:1px solid var(--line-strong);border-radius:var(--max-radius-sm);background:var(--panel-soft);color:var(--text)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .status-view .progress-note{color:var(--magenta)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .empty-phone{aspect-ratio:4/7;border:5px solid var(--panel);border-radius:var(--max-radius);background:var(--panel-soft);object-fit:contain;box-shadow:0 16px 40px color-mix(in srgb,var(--text) 16%,transparent)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.fortune-card,.wallpaper-card,.sample-card,.qa-grid article,.stage-grid article){border:1px solid var(--line);border-radius:var(--max-radius);background:var(--panel);box-shadow:none;transform:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .fortune-card{background:var(--panel-soft);padding:22px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .fortune-card p{color:var(--muted)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .image-frame{background:var(--panel-soft)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .wallpaper-image{width:100%;max-height:none;border-radius:var(--max-radius-sm);background:var(--panel-soft);object-fit:contain}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.wallpaper-meta,.prompt-box){border-color:var(--line);padding:12px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.wallpaper-meta small,.sample-card p,.qa-grid p,.stage-grid p,.stage-grid small){color:var(--muted)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .prompt-box summary{display:flex;min-height:44px;align-items:center;color:var(--magenta)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.sample-section,.qa-section){margin-top:32px;border-top:1px solid var(--line);padding:28px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .section-heading h2{color:var(--text);font-family:inherit;font-size:34px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .section-heading p{color:var(--muted)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;max-width:980px;margin:0 auto}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .sample-card{overflow:hidden;width:100%;max-width:none;margin:0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .sample-image-frame{width:100%;aspect-ratio:4/7;border:0;background:var(--panel-soft)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .sample-image-frame img{width:100%;height:100%;object-fit:contain}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .sample-card-body{padding:14px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .qa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .qa-grid article{padding:18px}.page[data-design="01"]{--bg:#f6f7f9;--bg-2:#ffffff;--panel:#ffffff;--panel-soft:#edf5f0;--panel-strong:#d8f3dc;--field:#f8fbf9;--line:#cddbd2;--line-strong:#8ca997;--text:#173125;--muted:#52665a;--faint:#65796d;--magenta:#2d6a4f;--cyan:#2d6a4f;--violet:#3d7b60;--gold:#2d6a4f;--surface:#ffffff;--max-on-accent:#ffffff;--max-focus:#1f5a40;--shadow:0 18px 46px rgba(45,106,79,0.1);--max-page-pattern:linear-gradient(rgba(45,106,79,0.045) 1px,transparent 0),linear-gradient(90deg,rgba(45,106,79,0.045) 1px,transparent 0);--max-page-pattern-size:48px 48px;color-scheme:light}.page[data-design="01"] :is(.design-review-bar,.topbar){background:rgba(246,247,249,.96)}.page[data-design="01"] .brand-mark{background:#2d6a4f}.page[data-design="01"] .hero{grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:48px}.page[data-design="01"] .hero-copy{padding-left:16px;box-shadow:inset 4px 0 0 #2d6a4f}.page[data-design="01"] .hero h1{font-size:62px;letter-spacing:-.04em}.page[data-design="01"] .badge{border-color:#8ca997;background:#d8f3dc;color:#23543e}.page[data-design="01"] .hero-metrics div{border-color:#aac2b2;background:#ffffff}.page[data-design="01"] .hero-showcase{border-color:#2d6a4f;background:linear-gradient(rgba(45,106,79,.055) 1px,transparent 0),linear-gradient(90deg,rgba(45,106,79,.055) 1px,transparent 0),#ffffff;background-size:32px 32px;box-shadow:0 18px 46px rgba(45,106,79,.12),inset 0 0 0 6px #f6f7f9}.page[data-design="01"] .concept-toolbar{border-bottom:2px solid #2d6a4f}.page[data-design="01"] .concept-toolbar li{border-color:#8ca997;background:#d8f3dc;color:#23543e}.page[data-design="01"] .concept-geometry{inset:98px 18px 72px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;overflow:visible}.page[data-design="01"] .concept-geometry i{position:relative;display:block;width:auto;height:auto;border:1px solid rgba(45,106,79,.28);border-radius:4px;background:rgba(216,243,220,.54);color:#2d6a4f}.page[data-design="01"] .concept-geometry i:nth-child(5){border:2px solid #2d6a4f;background:rgba(216,243,220,.9)}.page[data-design="01"] .concept-geometry i:nth-child(n+10){display:none}.page[data-design="01"] .concept-geometry span{position:absolute;top:8px;left:9px;font-size:9px}.page[data-design="01"] :is(.stage-phone,.empty-phone){border-color:#ffffff;box-shadow:0 16px 34px rgba(23,49,37,.18),0 0 0 1px #8ca997}.page[data-design="01"] .zodiac-dots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.page[data-design="01"] .zodiac-dots button{border-color:#aac2b2;background:#f5faf7}.page[data-design="01"] .zodiac-dots button:is(:hover,.active){background:#2d6a4f}.page[data-design="01"] .generator-shell{grid-template-columns:minmax(440px,.88fr) minmax(0,1.12fr);gap:28px}.page[data-design="01"] .form-panel{background:linear-gradient(rgba(45,106,79,.035) 1px,transparent 0),linear-gradient(90deg,rgba(45,106,79,.035) 1px,transparent 0),#ffffff;background-size:40px 40px}.page[data-design="01"] .form-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.page[data-design="01"] .form-progress button{min-height:72px;border-color:#b8cdbf;background:rgba(246,247,249,.94)}.page[data-design="01"] .form-progress button:is(:hover,.active){border-color:#2d6a4f;background:#d8f3dc;box-shadow:inset 4px 0 0 #2d6a4f}.page[data-design="01"] .chapter-heading{border-bottom:1px solid #cddbd2;padding-bottom:16px}.page[data-design="01"] :is(.fortune-card,.stage-grid article){border-color:#aac2b2;background:#edf5f0}.page[data-design="01"] .fortune-card{box-shadow:inset 5px 0 0 #2d6a4f}.page[data-design="01"] .sample-section{background:linear-gradient(rgba(45,106,79,.03) 1px,transparent 0),linear-gradient(90deg,rgba(45,106,79,.03) 1px,transparent 0),#ffffff;background-size:48px 48px}.page[data-design="01"] .sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px}.page[data-design="01"] .sample-card{border-color:#9fbaa9;box-shadow:5px 5px 0 #d8f3dc}.page[data-design="01"] .qa-grid article{border-top:4px solid #2d6a4f;background:#f8fbf9}.page[data-design="02"]{--bg:#0f172a;--bg-2:#111c30;--panel:#162238;--panel-soft:#1e293b;--panel-strong:#26364d;--field:#111c30;--line:#334155;--line-strong:#5a718e;--text:#f8fafc;--muted:#c5d1df;--faint:#9aaabd;--magenta:#38bdf8;--cyan:#38bdf8;--violet:#7dd3fc;--gold:#38bdf8;--surface:#162238;--max-on-accent:#082f49;--max-focus:#7dd3fc;--max-color-scheme:dark;--shadow:0 24px 64px rgba(2,8,23,0.42);--max-page-pattern:linear-gradient(rgba(56,189,248,0.05) 1px,transparent 0),linear-gradient(90deg,rgba(56,189,248,0.05) 1px,transparent 0);--max-page-pattern-size:56px 56px;color-scheme:dark}.page[data-design="02"] :is(.design-review-bar,.topbar){border-color:#334155;background:rgba(15,23,42,.96)}.page[data-design="02"] .design-review-bar nav a[aria-current=page]{color:#f8fafc}.page[data-design="02"] .brand-mark{border-color:#38bdf8;background:#38bdf8;color:#082f49}.page[data-design="02"] .top-action{border-color:#5a718e;background:#162238}.page[data-design="02"] .hero{grid-template-columns:minmax(360px,.72fr) minmax(560px,1.28fr);gap:40px}.page[data-design="02"] .hero h1{font-size:60px;font-weight:720;letter-spacing:-.035em}.page[data-design="02"] .badge{border-color:#38bdf8;background:#17283d;color:#7dd3fc}.page[data-design="02"] :is(.primary-link,.primary-button,.step-next){color:#082f49}.page[data-design="02"] .secondary-link{border-color:#5a718e;background:#162238}.page[data-design="02"] .hero-metrics div{border-color:#3f536c;background:#162238}.page[data-design="02"] .hero-showcase{border-color:#47708b;background:#111c30;box-shadow:0 24px 64px rgba(2,8,23,.5),inset 0 0 0 1px rgba(56,189,248,.16)}.page[data-design="02"] .concept-toolbar{border-bottom-color:#47708b}.page[data-design="02"] .concept-toolbar span{color:#7dd3fc}.page[data-design="02"] .concept-toolbar li{border-color:#47708b;background:#1e293b;color:#d7e3ef}.page[data-design="02"] .concept-geometry{inset:100px 14px 68px;display:block;overflow:hidden;border:1px solid rgba(56,189,248,.16);background:linear-gradient(rgba(56,189,248,.07) 1px,transparent 0),linear-gradient(90deg,rgba(56,189,248,.07) 1px,transparent 0),#111c30;background-size:26px 26px}.page[data-design="02"] .concept-geometry i{--zoom-level:0;position:absolute;inset:calc(var(--zoom-level) * 10px);display:block;width:auto;height:auto;border:1px solid rgba(90,113,142,.34);border-radius:3px;background:transparent;color:#7dd3fc}.page[data-design="02"] .concept-geometry i:first-child{--zoom-level:0}.page[data-design="02"] .concept-geometry i:nth-child(2){--zoom-level:1}.page[data-design="02"] .concept-geometry i:nth-child(3){--zoom-level:2}.page[data-design="02"] .concept-geometry i:nth-child(4){--zoom-level:3}.page[data-design="02"] .concept-geometry i:nth-child(5){--zoom-level:4}.page[data-design="02"] .concept-geometry i:nth-child(6){--zoom-level:5}.page[data-design="02"] .concept-geometry i:nth-child(7){--zoom-level:6}.page[data-design="02"] .concept-geometry i:nth-child(8){--zoom-level:7}.page[data-design="02"] .concept-geometry i:nth-child(9){--zoom-level:8}.page[data-design="02"] .concept-geometry i:nth-child(10){--zoom-level:9}.page[data-design="02"] .concept-geometry i:nth-child(11){--zoom-level:10}.page[data-design="02"] .concept-geometry i:nth-child(12){--zoom-level:11}.page[data-design="02"] .concept-geometry i:nth-child(3n+1){border-color:rgba(56,189,248,.62)}.page[data-design="02"] .concept-geometry span{position:absolute;top:4px;right:6px;color:#7dd3fc;font-size:8px}.page[data-design="02"] :is(.stage-phone,.empty-phone){border-color:#26364d;background:#0f172a;box-shadow:0 20px 52px rgba(2,8,23,.62),0 0 0 1px rgba(56,189,248,.4)}.page[data-design="02"] :is(.side-left,.side-right){opacity:.48;filter:saturate(.64) brightness(.72)}.page[data-design="02"] .side-left{transform:translate(-34%,12px) scale(.94)}.page[data-design="02"] .side-right{transform:translate(34%,-12px) scale(.94)}.page[data-design="02"] .zodiac-caption{border-color:#47708b;background:rgba(15,23,42,.94)}.page[data-design="02"] :is(.carousel-arrow,.carousel-pause){border-color:#47708b;background:#162238}.page[data-design="02"] .zodiac-dots button{border-color:#3f536c;background:#1e293b;color:#c5d1df}.page[data-design="02"] .zodiac-dots button:is(:hover,.active){border-color:#38bdf8;background:#38bdf8;color:#082f49}.page[data-design="02"] .generator-shell{grid-template-columns:minmax(520px,1.14fr) minmax(380px,.86fr);gap:20px}.page[data-design="02"] :is(.form-panel,.result-panel){border-color:#3f536c;background:#162238;box-shadow:0 24px 56px rgba(2,8,23,.34),inset 0 0 0 1px rgba(56,189,248,.05)}.page[data-design="02"] .form-panel{position:-webkit-sticky;position:sticky;top:148px;display:block}.page[data-design="02"] .form-panel>.form-chapter{min-height:0;border:0;padding:0}.page[data-design="02"] .form-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.page[data-design="02"] .form-progress button{min-height:68px;border:1px solid #3f536c;border-top:3px solid #3f536c;background:#111c30;color:#aebed0}.page[data-design="02"] .form-progress button:is(:hover,.active){border-color:#38bdf8;background:#1e293b;color:#f8fafc}.page[data-design="02"] .chapter-heading{border-left:3px solid #38bdf8;padding-left:14px}.page[data-design="02"] :is(input,select,textarea,.input-shell){border-color:#3f536c;background:#111c30}.page[data-design="02"] :is(.segmented span,.choice-button,.style-button,.count-button){border-color:#3f536c;background:#1e293b;color:#c5d1df}.page[data-design="02"] :is(.segmented input:checked+span,.choice-button.active,.style-button.active,.count-button.active){border-color:#38bdf8;background:#38bdf8;color:#082f49}.page[data-design="02"] :is(.style-button.active small,.count-button.active small){color:#082f49}.page[data-design="02"] .advanced-panel{border-color:#3f536c;background:#111c30}.page[data-design="02"] .result-panel{background:linear-gradient(rgba(56,189,248,.035) 1px,transparent 0),linear-gradient(90deg,rgba(56,189,248,.035) 1px,transparent 0),#162238;background-size:28px 28px}.page[data-design="02"] :is(.fortune-card,.stage-grid article){border-color:#3f536c;background:#1e293b}.page[data-design="02"] .fortune-card{box-shadow:inset 4px 0 0 #38bdf8}.page[data-design="02"] .keyword-row span{border-color:#47708b;background:#17283d;color:#7dd3fc}.page[data-design="02"] :is(.wallpaper-card,.sample-card,.qa-grid article){border-color:#3f536c;background:#162238}.page[data-design="02"] :is(.sample-section,.qa-section){border-color:#3f536c;background:#111c30}.page[data-design="02"] .sample-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:none}.page[data-design="02"] .sample-card{border-top:3px solid #38bdf8}.page[data-design="02"] .sample-card-body{min-height:88px;padding:12px}.page[data-design="02"] .qa-grid article{box-shadow:inset 0 3px 0 #334155}.page[data-design="03"]{--bg:#faf9f6;--bg-2:#ffffff;--panel:#ffffff;--panel-soft:#fff5eb;--panel-strong:#ffedd5;--field:#fffdfa;--line:#ded8cf;--line-strong:#a99d90;--text:#292524;--muted:#675f59;--faint:#776d65;--magenta:#c2410c;--cyan:#c2410c;--violet:#9a3412;--gold:#c2410c;--surface:#ffffff;--max-on-accent:#ffffff;--max-focus:#9a3412;--shadow:0 18px 48px rgba(120,53,15,0.1);--max-page-pattern:linear-gradient(90deg,transparent calc(50% - 1px),rgba(194,65,12,0.06) 50%,transparent calc(50% + 1px));--max-page-pattern-size:100% 100%;color-scheme:light}.page[data-design="03"] :is(.design-review-bar,.topbar){background:rgba(250,249,246,.96)}.page[data-design="03"] .brand-mark{border-color:#c2410c;border-radius:50%;background:#ffffff;color:#c2410c}.page[data-design="03"] .hero{grid-template-columns:minmax(400px,.88fr) minmax(520px,1.12fr);gap:52px}.page[data-design="03"] .hero h1{font-family:Songti SC,"Noto Serif SC",STSong,serif;font-size:60px;font-weight:700;letter-spacing:0;line-height:1.12}.page[data-design="03"] .badge{border-color:#d8a98f;border-radius:999px;background:#ffedd5;color:#9a3412}.page[data-design="03"] .scheme-tagline{color:#9a3412!important}.page[data-design="03"] .hero-metrics div{border-bottom:3px solid #c2410c;background:#ffffff}.page[data-design="03"] .hero-showcase{border-color:#cbbeb0;background:linear-gradient(90deg,transparent 91px,rgba(194,65,12,.12) 92px,transparent 93px),#ffffff;box-shadow:0 20px 52px rgba(120,53,15,.12)}.page[data-design="03"] .concept-toolbar{border-bottom-color:#e3c8b6}.page[data-design="03"] .concept-toolbar span{color:#9a3412}.page[data-design="03"] .concept-toolbar li{border-color:#d8a98f;border-radius:999px;background:#fff5eb;color:#7c3b20}.page[data-design="03"] .concept-geometry{inset:100px auto 64px 18px;display:grid;width:144px;grid-template-rows:repeat(12,minmax(0,1fr));overflow:visible}.page[data-design="03"] .concept-geometry:before{position:absolute;top:6px;bottom:6px;left:19px;width:2px;background:#d8a98f;content:""}.page[data-design="03"] .concept-geometry i{position:relative;display:flex;width:auto;height:auto;align-items:center;justify-content:flex-start;border:0;border-radius:0;background:transparent;color:#9a3412;padding-left:34px}.page[data-design="03"] .concept-geometry i:before{position:absolute;left:13px;width:14px;height:14px;border:3px solid #faf9f6;border-radius:50%;background:#c2410c;box-shadow:0 0 0 1px #c2410c;content:""}.page[data-design="03"] .concept-geometry i:nth-child(3n){padding-left:50px}.page[data-design="03"] .concept-geometry i:nth-child(3n):after{position:absolute;left:27px;width:18px;height:1px;background:#d8a98f;content:""}.page[data-design="03"] .concept-geometry span{border:1px solid #e3c8b6;border-radius:999px;background:#fff5eb;color:#9a3412;padding:3px 6px;font-size:8px}.page[data-design="03"] .zodiac-carousel{min-height:510px}.page[data-design="03"] .main-phone{transform:translateX(42px)}.page[data-design="03"] .side-left{transform:translateX(-28%) scale(.9)}.page[data-design="03"] .side-right{transform:translateX(62%) scale(.9)}.page[data-design="03"] :is(.stage-phone,.empty-phone){border-color:#ffffff;box-shadow:0 18px 42px rgba(79,45,27,.2),0 0 0 1px #d8a98f}.page[data-design="03"] .zodiac-caption{border-color:#d8a98f;background:rgba(255,253,250,.94)}.page[data-design="03"] .zodiac-dots{position:relative;gap:4px}.page[data-design="03"] .zodiac-dots:before{position:absolute;top:21px;right:4%;left:4%;z-index:-1;height:2px;background:#e3c8b6;content:""}.page[data-design="03"] .zodiac-dots button{border-color:#e3c8b6;border-radius:999px;background:#fffdfa}.page[data-design="03"] .generator-shell{grid-template-columns:minmax(680px,1.16fr) minmax(360px,.84fr);gap:24px}.page[data-design="03"] .form-panel{position:-webkit-sticky;position:sticky;top:148px;display:grid;grid-template-columns:176px minmax(0,1fr);grid-template-rows:auto 1fr;grid-gap:0 24px;gap:0 24px;border-color:#d6c8bb;background:#ffffff}.page[data-design="03"] .form-panel>.panel-title{grid-column:1/-1;grid-row:1}.page[data-design="03"] .form-panel>.form-progress{grid-column:1;grid-row:2}.page[data-design="03"] .form-panel>.form-chapter{min-height:440px;grid-column:2;grid-row:2;border-left:1px solid #ded8cf;padding-left:24px}.page[data-design="03"] .form-progress{display:flex;flex-direction:column;gap:10px;margin:0}.page[data-design="03"] .form-progress:before{position:absolute;top:22px;bottom:22px;left:21px;display:block;width:2px;background:#e3c8b6;content:""}.page[data-design="03"] .form-progress button{z-index:1;min-height:66px;grid-template-columns:28px minmax(0,1fr);border:1px solid transparent;border-radius:4px;background:transparent;padding:8px 8px 8px 7px}.page[data-design="03"] .form-progress button>span{display:grid;width:30px;height:30px;place-items:center;border:2px solid #d8a98f;border-radius:50%;background:#ffffff;color:#9a3412}.page[data-design="03"] .form-progress button:is(:hover,.active){border-color:#e3c8b6;background:#fff5eb}.page[data-design="03"] .form-progress button.active>span{border-color:#c2410c;background:#c2410c;color:#ffffff}.page[data-design="03"] .chapter-heading{padding-top:4px}.page[data-design="03"] .result-panel{border-color:#d6c8bb;background:linear-gradient(90deg,transparent 31px,rgba(194,65,12,.09) 32px,transparent 33px),#ffffff}.page[data-design="03"] .fortune-card{border-color:#e3c8b6;background:#fff5eb;box-shadow:inset 4px 0 0 #c2410c}.page[data-design="03"] .stage-grid{grid-template-columns:1fr}.page[data-design="03"] .stage-grid article{position:relative;border:0;border-left:2px solid #d8a98f;border-radius:0;background:transparent;padding:6px 12px 10px 16px}.page[data-design="03"] .stage-grid article:before{position:absolute;top:9px;left:-6px;width:10px;height:10px;border:2px solid #fff5eb;border-radius:50%;background:#c2410c;content:""}.page[data-design="03"] .keyword-row span{border-color:#d8a98f;border-radius:999px;background:#ffedd5;color:#7c2d12}.page[data-design="03"] :is(.sample-section,.qa-section){border-color:#d6c8bb;background:#ffffff}.page[data-design="03"] .sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:none}.page[data-design="03"] .sample-card{display:grid;grid-template-columns:104px minmax(0,1fr);min-height:182px;border-color:#e3c8b6;background:#fffdfa}.page[data-design="03"] .sample-image-frame{width:104px;height:182px;aspect-ratio:auto;border-right:1px solid #e3c8b6}.page[data-design="03"] .sample-card-body{display:grid;align-content:center;padding:16px}.page[data-design="03"] .qa-grid article{position:relative;border:0;border-left:3px solid #c2410c;border-radius:0;background:#fff5eb}.page[data-design="04"]{--bg:#f5f5f4;--bg-2:#ffffff;--panel:#ffffff;--panel-soft:#f7f7f6;--panel-strong:#fde68a;--field:#fafaf9;--line:#d6d3d1;--line-strong:#78716c;--text:#1f2937;--muted:#575f6b;--faint:#69717c;--magenta:#1f2937;--cyan:#1f2937;--violet:#374151;--gold:#9a6700;--surface:#ffffff;--max-on-accent:#ffffff;--max-focus:#92400e;--shadow:0 18px 44px rgba(31,41,55,0.1);--max-page-pattern:linear-gradient(90deg,transparent calc(50% - 1px),rgba(31,41,55,0.07) 50%,transparent calc(50% + 1px));--max-page-pattern-size:100% 100%;color-scheme:light}.page[data-design="04"] :is(.design-review-bar,.topbar){border-color:#a8a29e;background:rgba(245,245,244,.96)}.page[data-design="04"] .brand-mark{border-color:#1f2937;border-radius:4px;background:#1f2937;color:#ffffff}.page[data-design="04"] :is(.top-action,.primary-link,.primary-button,.step-next){border-color:#1f2937;border-radius:4px;background:#1f2937;box-shadow:none;color:#ffffff}.page[data-design="04"] .secondary-link{border-color:#1f2937;border-radius:4px;background:#fde68a;color:#1f2937}.page[data-design="04"] .hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.page[data-design="04"] .hero-copy{border-right:2px solid #1f2937;padding-right:56px}.page[data-design="04"] .hero-showcase{width:calc(100% - 56px);margin-left:56px}.page[data-design="04"] .hero h1{font-size:60px;font-weight:820;letter-spacing:-.035em}.page[data-design="04"] .badge{border:1px solid #1f2937;border-radius:4px;background:#fde68a;color:#1f2937}.page[data-design="04"] .scheme-tagline{border-bottom:2px solid #1f2937;color:#1f2937!important;padding-bottom:6px}.page[data-design="04"] .hero-metrics{gap:0;border:1px solid #1f2937}.page[data-design="04"] .hero-metrics div{border:0;border-right:1px solid #1f2937;border-radius:0;background:#ffffff}.page[data-design="04"] .hero-metrics div:nth-child(2){background:#fde68a}.page[data-design="04"] .hero-metrics div:last-child{border-right:0}.page[data-design="04"] .hero-showcase{border:2px solid #1f2937;background:linear-gradient(90deg,#f7f7f6 0 49.8%,#1f2937 49.8% 50.2%,#fff8da 50.2% 100%);box-shadow:8px 8px 0 #d6d3d1}.page[data-design="04"] .concept-toolbar{border-bottom:2px solid #1f2937}.page[data-design="04"] .concept-toolbar li{border-color:#1f2937;background:#ffffff;color:#1f2937}.page[data-design="04"] .concept-toolbar li:nth-child(2n){background:#fde68a}.page[data-design="04"] .concept-geometry{inset:100px 16px 70px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));grid-gap:7px 34px;gap:7px 34px;overflow:visible}.page[data-design="04"] .concept-geometry:after{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#1f2937;content:"";transform:translateX(-1px)}.page[data-design="04"] .concept-geometry i{position:relative;display:flex;width:auto;height:auto;align-items:center;border:1px solid rgba(31,41,55,.35);border-radius:3px;background:rgba(255,255,255,.76);color:#1f2937;padding:0 10px}.page[data-design="04"] .concept-geometry i:nth-child(2n){justify-content:flex-end;background:rgba(253,230,138,.78)}.page[data-design="04"] .concept-geometry i:nth-child(odd):after{position:absolute;top:50%;right:-18px;width:18px;height:1px;background:#1f2937;content:""}.page[data-design="04"] .concept-geometry i:nth-child(2n):after{position:absolute;top:50%;left:-18px;width:18px;height:1px;background:#1f2937;content:""}.page[data-design="04"] .concept-geometry span{font-size:8px}.page[data-design="04"] :is(.stage-phone,.empty-phone){border-color:#ffffff;box-shadow:0 14px 34px rgba(31,41,55,.18),0 0 0 2px #1f2937}.page[data-design="04"] .main-phone{transform:none}.page[data-design="04"] .side-left{transform:translateX(-48%) scale(.9)}.page[data-design="04"] .side-right{transform:translateX(48%) scale(.9)}.page[data-design="04"] .zodiac-caption{border:1px solid #1f2937;background:rgba(255,255,255,.95)}.page[data-design="04"] .zodiac-dots button{border-color:#1f2937;background:#ffffff;color:#1f2937}.page[data-design="04"] .zodiac-dots button:nth-child(2n){background:#fff8da}.page[data-design="04"] .zodiac-dots button:is(:hover,.active){border-color:#1f2937;background:#fde68a;color:#1f2937;box-shadow:inset 0 -4px 0 #1f2937}.page[data-design="04"] .generator-shell{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.page[data-design="04"] :is(.form-panel,.result-panel,.sample-section,.qa-section){border:2px solid #1f2937;border-radius:4px;box-shadow:7px 7px 0 #d6d3d1}.page[data-design="04"] .form-panel{background:#ffffff}.page[data-design="04"] .panel-title>span{border-color:#1f2937;background:#1f2937}.page[data-design="04"] .form-progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.page[data-design="04"] .form-progress li{min-width:0}.page[data-design="04"] .form-progress button{min-height:70px;border:1px solid #1f2937;border-radius:3px;background:#f7f7f6}.page[data-design="04"] .form-progress li:nth-child(2n) button{background:#fff8da}.page[data-design="04"] .form-progress button:is(:hover,.active){border-color:#1f2937;background:#fde68a;color:#1f2937;box-shadow:inset 5px 0 0 #1f2937}.page[data-design="04"] .chapter-heading{display:grid;grid-template-columns:36px minmax(0,1fr);border-bottom:2px solid #1f2937;padding-bottom:14px}.page[data-design="04"] :is(.segmented span,.choice-button,.style-button,.count-button){border-color:#78716c;background:#f7f7f6;color:#374151}.page[data-design="04"] :is(.segmented input:checked+span,.choice-button.active,.style-button.active,.count-button.active){border-color:#1f2937;background:#fde68a;color:#1f2937;box-shadow:inset 0 -3px 0 #1f2937}.page[data-design="04"] :is(.style-button.active small,.count-button.active small){color:#374151}.page[data-design="04"] .fortune-card{border:2px solid #1f2937;border-radius:3px;background:#fde68a;box-shadow:inset 8px 0 0 #1f2937}.page[data-design="04"] .stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page[data-design="04"] .stage-grid article{border-color:#78716c;background:rgba(255,255,255,.64)}.page[data-design="04"] .keyword-row span{border-color:#1f2937;background:#ffffff;color:#1f2937}.page[data-design="04"] :is(.wallpaper-card,.sample-card){border:2px solid #1f2937;border-radius:3px}.page[data-design="04"] .sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:none}.page[data-design="04"] .sample-card{display:grid;grid-template-columns:144px minmax(0,1fr);min-height:252px;background:#ffffff}.page[data-design="04"] .sample-card:nth-child(2n){grid-template-columns:minmax(0,1fr) 144px;background:#fff8da}.page[data-design="04"] .sample-card:nth-child(2n) .sample-image-frame{order:2}.page[data-design="04"] .sample-image-frame{width:144px;height:252px;aspect-ratio:auto;border-right:1px solid #1f2937}.page[data-design="04"] .sample-card:nth-child(2n) .sample-image-frame{border-right:0;border-left:1px solid #1f2937}.page[data-design="04"] .sample-card-body{display:grid;align-content:center;padding:20px}.page[data-design="04"] .qa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page[data-design="04"] .qa-grid article{border:1px solid #1f2937;border-radius:3px;background:#ffffff}.page[data-design="04"] .qa-grid article:nth-child(2){background:#fde68a}.page[data-design="04"] .qa-grid article:last-child{grid-column:1/-1}.page[data-design="05"]{--bg:#f8fafc;--bg-2:#ffffff;--panel:#ffffff;--panel-soft:#f1f3ff;--panel-strong:#e0e7ff;--field:#f8faff;--line:#cbd5e1;--line-strong:#8b96b4;--text:#1e293b;--muted:#56627a;--faint:#69758a;--magenta:#4338ca;--cyan:#4338ca;--violet:#4f46e5;--gold:#4338ca;--surface:#ffffff;--max-on-accent:#ffffff;--max-focus:#4338ca;--shadow:0 20px 52px rgba(67,56,202,0.12);--max-page-pattern:linear-gradient(rgba(67,56,202,0.035) 1px,transparent 0),linear-gradient(90deg,rgba(67,56,202,0.035) 1px,transparent 0);--max-page-pattern-size:40px 40px;color-scheme:light}.page[data-design="05"] :is(.design-review-bar,.topbar){background:rgba(248,250,252,.96)}.page[data-design="05"] .topbar{min-height:68px}.page[data-design="05"] .brand-mark{width:38px;height:38px;border:1px solid #4338ca;border-radius:6px;background:#4338ca}.page[data-design="05"] .topnav{text-transform:none;letter-spacing:0}.page[data-design="05"] .top-action{border:1px solid #8b96b4;background:#ffffff;padding:0 18px}.page[data-design="05"] .hero{grid-template-columns:minmax(380px,.82fr) minmax(540px,1.18fr);gap:54px;min-height:740px;border:0;padding:56px 0 64px}.page[data-design="05"] .hero-copy{align-self:center;padding:0}.page[data-design="05"] .hero h1{font-size:60px;font-weight:780;letter-spacing:-.04em}.page[data-design="05"] .hero-copy>p:not(.scheme-tagline){font-size:18px;font-weight:500}.page[data-design="05"] .badge{border:1px solid #9aa5c4;border-radius:6px;background:#e0e7ff;color:#3730a3;padding:8px 12px;text-transform:none;letter-spacing:0}.page[data-design="05"] .scheme-tagline{color:#4338ca!important;font-size:14px!important;letter-spacing:0;text-transform:none}.page[data-design="05"] .hero-actions{display:flex;grid-template-columns:none}.page[data-design="05"] :is(.primary-link,.secondary-link,.primary-button,.step-next){border-radius:6px}.page[data-design="05"] .secondary-link{justify-content:center;border:1px solid #8b96b4;padding:0 22px}.page[data-design="05"] .hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));border:0;padding:0}.page[data-design="05"] .hero-metrics div{display:block;border:1px solid #cbd5e1;border-radius:6px;background:#ffffff;padding:14px}.page[data-design="05"] .hero-showcase{overflow:hidden;border:1px solid #8b96b4;border-radius:8px;background:#eef2ff;box-shadow:8px 8px 0 #e0e7ff,16px 16px 0 #ffffff,0 20px 52px rgba(67,56,202,.14);padding:20px}.page[data-design="05"] .concept-toolbar{border-bottom:1px solid #9aa5c4}.page[data-design="05"] .concept-toolbar span{color:#4338ca}.page[data-design="05"] .concept-toolbar li{border-color:#9aa5c4;border-radius:6px 6px 2px 2px;background:#ffffff;color:#3730a3}.page[data-design="05"] .concept-geometry{inset:100px 14px 66px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;overflow:visible}.page[data-design="05"] .concept-geometry i{position:relative;display:block;width:auto;height:auto;border:1px solid rgba(67,56,202,.24);border-radius:6px;background:rgba(255,255,255,.58);color:#4338ca;box-shadow:3px 3px 0 rgba(199,210,254,.68)}.page[data-design="05"] .concept-geometry i:nth-child(3n+2){background:rgba(224,231,255,.78)}.page[data-design="05"] .concept-geometry span{position:absolute;top:7px;left:8px;font-size:8px}.page[data-design="05"] .zodiac-carousel{min-height:510px}.page[data-design="05"] :is(.stage-phone,.empty-phone){border:5px solid #ffffff;border-radius:7px;box-shadow:0 20px 48px rgba(30,41,59,.2),0 0 0 1px #9aa5c4}.page[data-design="05"] .main-phone{width:252px;transform:none}.page[data-design="05"] :is(.side-left,.side-right){width:194px;opacity:.72;filter:saturate(.78) brightness(.92)}.page[data-design="05"] .side-left{transform:translateX(-39%) rotate(-7deg) scale(.93)}.page[data-design="05"] .side-right{transform:translateX(39%) rotate(7deg) scale(.93)}.page[data-design="05"] .zodiac-caption{right:12px;bottom:12px;left:12px;display:block;grid-template-columns:none;border:1px solid #9aa5c4;border-radius:6px;background:rgba(255,255,255,.94);padding:11px}.page[data-design="05"] .zodiac-caption span{grid-row:auto;margin:0 0 4px}.page[data-design="05"] .carousel-arrow{border:1px solid #8b96b4;border-radius:6px;background:#ffffff}.page[data-design="05"] .carousel-arrow.prev{left:12px}.page[data-design="05"] .carousel-arrow.next{right:12px}.page[data-design="05"] .carousel-pause{bottom:4px;border:1px solid #8b96b4;border-radius:6px;background:#ffffff}.page[data-design="05"] .zodiac-dots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:6px;gap:6px;overflow:visible;margin-top:16px;border:0}.page[data-design="05"] .zodiac-dots button{min-width:0;border:1px solid #b8c1d8;border-radius:6px;background:#ffffff}.page[data-design="05"] .zodiac-dots button:is(:hover,.active){border-color:#4338ca;background:#4338ca;color:#ffffff;box-shadow:inset 0 -4px 0 #312e81}.page[data-design="05"] .generator-shell{grid-template-columns:minmax(430px,.88fr) minmax(0,1.12fr);gap:30px;padding-top:56px}.page[data-design="05"] :is(.form-panel,.result-panel,.sample-section,.qa-section){border:1px solid #aab4cd;border-radius:8px;background:#ffffff;box-shadow:6px 6px 0 #e0e7ff,0 18px 44px rgba(67,56,202,.08)}.page[data-design="05"] .form-panel{top:148px;border-top:1px solid #aab4cd;box-shadow:inset 8px 0 0 #e0e7ff,6px 6px 0 #e0e7ff,0 18px 44px rgba(67,56,202,.08);padding:24px 24px 24px 30px}.page[data-design="05"] .result-panel{border-top:1px solid #aab4cd}.page[data-design="05"] .result-title{padding:22px 24px}.page[data-design="05"] .panel-title>span{width:44px;height:44px;border:1px solid #4338ca;border-radius:6px;background:#4338ca;color:#ffffff}.page[data-design="05"] .form-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0 0 26px;border:0}.page[data-design="05"] .form-progress li{min-width:0}.page[data-design="05"] .form-progress button{min-height:72px;border:1px solid #b8c1d8;border-radius:6px;background:#f8faff;padding:8px}.page[data-design="05"] .form-progress button:before{display:none;content:none}.page[data-design="05"] .form-progress button:is(:hover,.active){border-color:#4338ca;background:#e0e7ff;color:#312e81;box-shadow:3px 3px 0 #c7d2fe}.page[data-design="05"] .chapter-heading{border-bottom:1px solid #cbd5e1;padding-bottom:16px}.page[data-design="05"] :is(.segmented span,.choice-button,.style-button,.count-button,input,select,textarea,.input-shell,.advanced-panel,.step-back,.secondary-button,.mini-button,.icon-button){border-radius:6px;box-shadow:none}.page[data-design="05"] :is(.segmented span,.choice-button,.style-button,.count-button){justify-items:center;border:1px solid #b8c1d8;background:#f8faff;text-align:center}.page[data-design="05"] :is(.segmented input:checked+span,.choice-button.active,.style-button.active,.count-button.active){border-color:#4338ca;background:#4338ca;color:#ffffff;padding-left:10px}.page[data-design="05"] .fortune-card{border:1px solid #aab4cd;border-radius:7px;background:#f1f3ff;box-shadow:5px 5px 0 #e0e7ff,inset 5px 0 0 #4338ca}.page[data-design="05"] .keyword-row span{border:1px solid #aab4cd;border-radius:6px;background:#ffffff;color:#3730a3;padding:7px 11px}.page[data-design="05"] .wallpaper-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px}.page[data-design="05"] :is(.wallpaper-card,.sample-card){border:1px solid #aab4cd;border-radius:7px;background:#ffffff;box-shadow:6px 6px 0 #e0e7ff}.page[data-design="05"] :is(.wallpaper-meta,.prompt-box){padding:12px}.page[data-design="05"] :is(.sample-section,.qa-section){margin-top:40px;border-top:1px solid #aab4cd;padding:28px}.page[data-design="05"] .sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:980px}.page[data-design="05"] .sample-image-frame{border:0}.page[data-design="05"] .sample-card-body{border-top:1px solid #cbd5e1;padding:14px}.page[data-design="05"] .qa-grid article{border:1px solid #b8c1d8;border-radius:7px;background:#f8faff;box-shadow:inset 0 4px 0 #e0e7ff;padding:18px}@media (max-width:1100px){:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]){padding-right:32px;padding-left:32px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.hero,.generator-shell){grid-template-columns:minmax(0,1fr)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero{gap:40px;min-height:0;padding-top:48px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .design-review-bar{display:grid;min-height:104px;grid-template-rows:auto 46px;grid-gap:6px;gap:6px;align-content:center;padding:7px 0 0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .review-overview-link{min-width:0;margin:0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .design-review-bar nav{display:flex;overflow-x:auto;width:100%;min-width:0;padding-bottom:2px;overscroll-behavior-inline:contain;scrollbar-width:thin}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .design-review-bar nav a{min-width:88px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .topbar{top:104px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.result-panel,#generator,#samples,#qa){scroll-margin-top:188px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero h1{font-size:56px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-showcase{width:min(760px,100%);margin-right:auto;margin-left:auto}.page[data-design="04"] .hero-copy{border-right:0;border-bottom:2px solid #1f2937;padding:0 0 40px}.page[data-design="04"] .hero-showcase{width:min(760px,100%);margin-left:auto}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-panel{position:static;top:auto}.page[data-design="03"] .generator-shell{grid-template-columns:minmax(0,1fr)}.page[data-design="01"] .sample-grid,.page[data-design="02"] .sample-grid,.page[data-design="05"] .sample-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page[data-design="03"] .sample-grid,.page[data-design="04"] .sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]){padding-right:24px;padding-left:24px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .design-review-bar{display:grid;min-height:104px;grid-template-rows:auto 46px;grid-gap:6px;gap:6px;align-content:center;padding:7px 0 0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .review-overview-link{min-width:0;margin:0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .design-review-bar nav{display:flex;overflow-x:auto;width:100%;min-width:0;padding-bottom:2px;overscroll-behavior-inline:contain;scrollbar-width:thin}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .design-review-bar nav a{min-width:88px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .topbar{top:104px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.result-panel,#generator,#samples,#qa){scroll-margin-top:188px}.page[data-design="03"] .form-panel{grid-template-columns:158px minmax(0,1fr);gap:0 20px}.page[data-design="03"] .form-panel>.form-chapter{padding-left:20px}.page[data-design="04"] .sample-card{grid-template-columns:126px minmax(0,1fr);min-height:220px}.page[data-design="04"] .sample-card:nth-child(2n){grid-template-columns:minmax(0,1fr) 126px}.page[data-design="04"] .sample-image-frame{width:126px;height:220px}}@media (max-width:720px){:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]){width:100%;max-width:100vw;padding-right:12px;padding-left:12px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .topbar{top:104px;grid-template-columns:1fr;min-height:58px;padding:7px 0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.topnav,.top-action){display:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero{gap:28px;padding:36px 0 44px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero h1{max-width:100%;font-size:42px;letter-spacing:-.035em;line-height:1.08;overflow-wrap:anywhere}.page[data-design="03"] .hero h1{letter-spacing:0;line-height:1.14}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-copy>p:not(.scheme-tagline){font-size:16px;line-height:1.65}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-copy p span{display:block}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.primary-link,.secondary-link){min-width:0;padding:0 12px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-metrics div{padding:10px 8px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-metrics dt{font-size:18px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-showcase{width:100%;overflow:hidden;padding:14px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .concept-toolbar{display:grid;min-height:0;grid-gap:10px;gap:10px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .concept-toolbar ul{justify-content:flex-start}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .zodiac-carousel{min-height:420px}.page[data-design="05"] .main-phone,:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .main-phone{width:210px}.page[data-design="05"] :is(.side-left,.side-right),:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.side-left,.side-right){width:154px}.page[data-design="01"] .concept-geometry,.page[data-design="05"] .concept-geometry{inset:126px 8px 66px}.page[data-design="02"] .concept-geometry{inset:126px 6px 66px}.page[data-design="02"] .concept-geometry i{inset:calc(var(--zoom-level) * 7px)}.page[data-design="03"] .concept-geometry{inset:126px auto 62px 4px;width:104px}.page[data-design="03"] .main-phone{transform:translateX(26px)}.page[data-design="03"] .side-left{transform:translateX(-24%) scale(.88)}.page[data-design="03"] .side-right{transform:translateX(54%) scale(.88)}.page[data-design="04"] .concept-geometry{inset:126px 6px 66px;gap:5px 24px}.page[data-design="04"] .concept-geometry i:nth-child(odd):after{right:-13px;width:13px}.page[data-design="04"] .concept-geometry i:nth-child(2n):after{left:-13px;width:13px}.page[data-design="05"] .zodiac-dots,:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .zodiac-dots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;overflow:visible;margin-top:14px}.page[data-design="03"] .zodiac-dots:before{display:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .generator-shell{gap:18px;padding-top:28px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-panel{padding:18px}.page[data-design="05"] .form-panel{padding:18px 18px 18px 24px}.page[data-design="01"] .form-progress,.page[data-design="02"] .form-progress,.page[data-design="04"] .form-progress,.page[data-design="05"] .form-progress,:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .form-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;overflow:visible;margin:0 0 22px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="04"],.page[data-design="05"]) .form-progress li{min-width:0}.page[data-design="03"] .form-panel{display:block}.page[data-design="03"] .form-panel>:is(.panel-title,.form-progress,.form-chapter){grid-column:auto;grid-row:auto}.page[data-design="03"] .form-panel>.form-chapter{min-height:0;border-left:0;padding-left:0}.page[data-design="03"] .form-progress{display:flex;overflow:visible;margin:0 0 24px}.page[data-design="03"] .form-progress li{min-width:0}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(input,select,textarea){font-size:16px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .style-grid{max-height:none;overflow:visible}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.wallpaper-grid,.wallpaper-grid.desktop){grid-template-columns:minmax(0,1fr)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.wallpaper-card,.wallpaper-card.desktop){max-width:none}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.status-view,.empty-view){min-height:420px;grid-template-columns:minmax(0,1fr);gap:18px;padding:22px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .empty-preview{width:min(258px,100%);margin:0 auto}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.sample-section,.qa-section){margin-top:26px;padding:20px}.page[data-design="01"] .sample-grid,.page[data-design="02"] .sample-grid,.page[data-design="03"] .sample-grid,.page[data-design="04"] .sample-grid,.page[data-design="05"] .sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .qa-grid{grid-template-columns:minmax(0,1fr)}.page[data-design="04"] .qa-grid article:last-child{grid-column:auto}}@media (max-width:520px){:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero h1{font-size:38px;line-height:1.1}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-actions{grid-template-columns:minmax(0,1fr)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-metrics{grid-template-columns:minmax(0,1fr)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .hero-metrics div{padding:11px 12px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .concept-toolbar strong{font-size:13px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .concept-toolbar li{padding:5px 7px;font-size:9px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .zodiac-carousel{min-height:390px}.page[data-design="05"] .main-phone,:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .main-phone{width:190px}.page[data-design="05"] :is(.side-left,.side-right),:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.side-left,.side-right){width:132px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .carousel-arrow.prev{left:2px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .carousel-arrow.next{right:2px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.split-fields,.triple-fields,.segmented.size,.stage-grid){grid-template-columns:minmax(0,1fr)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.count-grid,.tag-grid,.segmented.focus,.style-grid){grid-template-columns:repeat(2,minmax(0,1fr))}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .step-actions{align-items:stretch;flex-direction:column}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .step-actions.split{flex-direction:row}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .step-actions>span{display:none}.page[data-design="01"] .sample-grid,.page[data-design="02"] .sample-grid,.page[data-design="03"] .sample-grid,.page[data-design="04"] .sample-grid,.page[data-design="05"] .sample-grid{grid-template-columns:minmax(0,1fr)}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .sample-card{width:100%;max-width:340px;margin-right:auto;margin-left:auto}.page[data-design="04"] .sample-card{grid-template-columns:116px minmax(0,1fr);min-height:203px}.page[data-design="04"] .sample-card:nth-child(2n){grid-template-columns:minmax(0,1fr) 116px}.page[data-design="04"] .sample-image-frame{width:116px;height:203px}.page[data-design="04"] .sample-card-body{padding:14px}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) .section-heading h2{font-size:28px}}@media (prefers-reduced-motion:reduce){:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]),:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) *,:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :after,:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :before{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media (forced-colors:active){:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid Highlight}:is(.page[data-design="01"],.page[data-design="02"],.page[data-design="03"],.page[data-design="04"],.page[data-design="05"]) :is(.segmented input:checked+span,.choice-button.active,.style-button.active,.count-button.active){border:3px solid Highlight}}