:root{--bg:#ffffff;--bg-soft:#f7f8fc;--bg-tint:#f3f1ff;--surface:#ffffff;--surface-2:#f5f6fa;--ink:#0f1830;--ink-2:#3c465d;--ink-3:#5c6578;--line:#e6e8f0;--line-strong:#d3d7e3;--navy:#14213d;--blue:#2f5cf0;--blue-ink:#1e45c8;--blue-soft:#eaf0ff;--violet:#5a48d8;--violet-soft:#f0edff;--green:#0a6e4a;--green-soft:#e6f6ef;--amber:#8a4b00;--amber-soft:#fff4e0;--red:#c4322b;--red-soft:#fdecea;--focus:0 0 0 3px rgba(47,92,240,0.35);--shadow-sm:0 1px 2px rgba(15,24,48,0.06);--shadow-md:0 6px 20px rgba(15,24,48,0.08);--shadow-lg:0 24px 60px rgba(15,24,48,0.12);--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--font:"Hiragino Sans","Hiragino Kaku Gothic ProN","BIZ UDPGothic","Noto Sans JP","Yu Gothic UI","Meiryo",system-ui,sans-serif;--font-num:"SF Pro Text","Segoe UI",system-ui,sans-serif;--ease:cubic-bezier(0.2,0.7,0.2,1);--nav-h:64px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1020;--bg-soft:#0f1528;--bg-tint:#17142e;--surface:#121a30;--surface-2:#18213a;--ink:#eef1f8;--ink-2:#c3c9d8;--ink-3:#8f98ad;--line:#232d47;--line-strong:#2f3a58;--navy:#c9d4f2;--blue:#7b9bff;--blue-ink:#a3b8ff;--blue-soft:#18244a;--violet:#a99dff;--violet-soft:#221d44;--green:#4cc79a;--green-soft:#10291f;--amber:#f0b45a;--amber-soft:#2b2010;--red:#ff7a72;--red-soft:#33161a;--shadow-md:0 6px 20px rgba(0,0,0,0.35);--shadow-lg:0 24px 60px rgba(0,0,0,0.45);color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1020;--bg-soft:#0f1528;--bg-tint:#17142e;--surface:#121a30;--surface-2:#18213a;--ink:#eef1f8;--ink-2:#c3c9d8;--ink-3:#8f98ad;--line:#232d47;--line-strong:#2f3a58;--navy:#c9d4f2;--blue:#7b9bff;--blue-ink:#a3b8ff;--blue-soft:#18244a;--violet:#a99dff;--violet-soft:#221d44;--green:#4cc79a;--green-soft:#10291f;--amber:#f0b45a;--amber-soft:#2b2010;--red:#ff7a72;--red-soft:#33161a;color-scheme:dark}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px;scroll-padding-bottom:calc(var(--nav-h) + 16px)}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:.72rem;font-weight:800;display:inline-grid;place-items:center;font-family:var(--font-num)}.bottom-nav .nav-badge{position:absolute;top:-6px;right:-14px;margin:0}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.75;letter-spacing:.01em;font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased}a{color:var(--blue-ink);text-underline-offset:3px}img{max-width:100%;display:block}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--navy);color:#fff;padding:10px 16px;border-radius:10px}.skip-link:focus{top:12px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.container{width:min(1120px,100% - 32px);margin-inline:auto}.narrow{width:min(720px,100% - 32px);margin-inline:auto}.stack>*+*{margin-top:var(--gap,16px)}.row{display:flex;gap:var(--gap,12px);align-items:center;flex-wrap:wrap}.grid{display:grid;grid-gap:var(--gap,16px);gap:var(--gap,16px)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.spacer{flex:1 1}.muted{color:var(--ink-3)}.small{font-size:.875rem}.tiny{font-size:.78rem}.num{font-family:var(--font-num);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}h1,h2,h3,h4{line-height:1.35;letter-spacing:.02em;margin:0;color:var(--ink)}.h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem)}.h1,.h2{font-weight:700}.h2{font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem)}.h3{font-size:1.06rem}.eyebrow,.h3{font-weight:700}.eyebrow{font-size:.78rem;letter-spacing:.12em;color:var(--violet);text-transform:uppercase}p{margin:0}.btn{--b-bg:var(--surface);--b-ink:var(--ink);--b-line:var(--line-strong);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--b-line);background:var(--b-bg);color:var(--b-ink);font:inherit;font-weight:700;font-size:.97rem;text-decoration:none;cursor:pointer;transition:transform .15s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);-webkit-tap-highlight-color:transparent;white-space:nowrap}.btn:hover{box-shadow:var(--shadow-md)}.btn:active{transform:translateY(1px) scale(.99)}.btn[aria-disabled=true],.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary{--b-bg:var(--navy);--b-ink:#fff;--b-line:var(--navy)}:root:not([data-theme=light]) .btn-primary,:root[data-theme=dark] .btn-primary{--b-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary{--b-bg:#3b5bdb;--b-line:#3b5bdb}}:root[data-theme=dark] .btn-primary{--b-bg:#3b5bdb;--b-line:#3b5bdb}.btn-accent{--b-bg:linear-gradient(135deg,var(--blue),var(--violet));--b-ink:#fff;--b-line:transparent;background:linear-gradient(135deg,var(--blue),var(--violet))}.btn-ghost{--b-bg:transparent;--b-line:transparent}.btn-ghost:hover{background:var(--surface-2);box-shadow:none}.btn-danger{--b-ink:var(--red);--b-line:color-mix(in srgb,var(--red) 40%,transparent)}.btn-sm{min-height:38px;padding:0 14px;font-size:.88rem}.btn-lg{min-height:56px;padding:0 28px;font-size:1.05rem}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm)}.card-pad-lg{padding:28px}.card-link{text-decoration:none;color:inherit;transition:box-shadow .2s var(--ease),transform .2s var(--ease);display:block}.card-link:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:.76rem;font-weight:700;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap}.badge-blue{background:var(--blue-soft);color:var(--blue-ink);border-color:transparent}.badge-violet{background:var(--violet-soft);color:var(--violet);border-color:transparent}.badge-green{background:var(--green-soft);color:var(--green);border-color:transparent}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-amber,.badge-red{border-color:transparent}.badge-red{background:var(--red-soft);color:var(--red)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.notice{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-md);background:var(--blue-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--blue) 25%,transparent);font-size:.93rem}.notice-warn{background:var(--amber-soft);border-color:color-mix(in srgb,var(--amber) 30%,transparent)}.notice-error{background:var(--red-soft);border-color:color-mix(in srgb,var(--red) 30%,transparent)}.notice-ok{background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 30%,transparent)}.notice-violet{background:var(--violet-soft);border-color:color-mix(in srgb,var(--violet) 30%,transparent)}.field{display:grid;grid-gap:6px;gap:6px}.label{font-weight:700;font-size:.92rem}.hint{font-size:.82rem;color:var(--ink-3)}.input,.select,.textarea{width:100%;min-height:48px;padding:10px 14px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}.textarea{min-height:110px;resize:vertical;line-height:1.7}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--blue);box-shadow:var(--focus)}.input[aria-invalid=true]{border-color:var(--red)}.error-text{color:var(--red);font-size:.85rem}.code-input{letter-spacing:.5em;font-family:var(--font-num);font-size:1.5rem;text-align:center}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md)}table.table{width:100%;border-collapse:collapse;font-size:.9rem}.table td,.table th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.table th{background:var(--bg-soft);font-weight:700;color:var(--ink-2);font-size:.8rem;white-space:nowrap}.table tr:last-child td{border-bottom:0}.table td.num,.table th.num{text-align:right}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}.site-header .inner{display:flex;align-items:center;gap:16px;height:64px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:.02em;white-space:nowrap}.logo-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--navy) 0,var(--blue) 55%,var(--violet) 100%);display:grid;place-items:center;color:#fff;font-size:.85rem;flex-shrink:0}.logo small{font-weight:700;color:var(--violet);margin-left:2px}.nav-links{display:flex;gap:4px}.nav-links a{padding:8px 12px;border-radius:999px;color:var(--ink-2);text-decoration:none;font-weight:600;font-size:.92rem}.nav-links a:hover{background:var(--surface-2)}@media (max-width:760px){.nav-links{display:none}}.hero{position:relative;overflow:hidden;padding:clamp(56px,8vw,112px) 0 clamp(40px,6vw,80px);background:radial-gradient(1200px 500px at 85% -10%,color-mix(in srgb,var(--violet) 18%,transparent),transparent 60%),radial-gradient(900px 420px at -10% 10%,color-mix(in srgb,var(--blue) 14%,transparent),transparent 60%),var(--bg)}.hero-title{font-size:clamp(2rem,1.3rem + 3.2vw,3.6rem);font-weight:800;line-height:1.22;letter-spacing:.01em}.h1 .ph,.hero-title .ph{display:inline-block}.hero-title .grad{background:linear-gradient(120deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:clamp(1rem,.95rem + .3vw,1.15rem);color:var(--ink-2);max-width:40em}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:48px;gap:48px;align-items:center}.hero-grid>*{min-width:0}@media (max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}}.grid>*{min-width:0}.section{padding:clamp(56px,7vw,96px) 0}.section-soft{background:var(--bg-soft)}.feature-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--violet-soft);color:var(--violet);font-size:1.25rem}.steps{counter-reset:step}.step{position:relative;padding-left:56px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-family:var(--font-num)}.price-card{display:flex;flex-direction:column;gap:14px}.price-card.featured{border:2px solid var(--violet);box-shadow:var(--shadow-lg)}.price{font-family:var(--font-num);font-size:2rem;font-weight:800}.checklist{list-style:none;padding:0;margin:0;display:grid;grid-gap:8px;gap:8px}.checklist li{padding-left:26px;position:relative;font-size:.93rem}.checklist li:before{content:"";position:absolute;left:2px;top:.55em;width:14px;height:8px;border-left:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(-45deg)}.footer{border-top:1px solid var(--line);padding:40px 0 calc(40px + env(safe-area-inset-bottom));color:var(--ink-3);font-size:.86rem}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100dvh;background:var(--bg-soft)}.app-side{position:-webkit-sticky;position:sticky;top:0;height:100dvh;padding:18px 14px;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:18px;overflow-y:auto}.app-nav{display:grid;grid-gap:2px;gap:2px}.app-nav a{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:12px;color:var(--ink-2);text-decoration:none;font-weight:600;font-size:.93rem}.app-nav a:hover{background:var(--surface-2)}.app-nav a[aria-current=page]{background:var(--blue-soft);color:var(--blue-ink)}.app-nav .ico{width:22px;text-align:center}.app-main{min-width:0;padding:28px clamp(16px,3vw,36px) 48px}.app-topbar,.bottom-nav{display:none}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.app-side{display:none}.app-topbar{display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:20;align-items:center;gap:10px;height:56px;padding:0 16px;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.app-main{padding:18px 16px calc(var(--nav-h) + 32px + env(safe-area-inset-bottom))}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0 0;z-index:40;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.bottom-nav a{display:grid;place-items:center;align-content:center;grid-gap:2px;gap:2px;color:var(--ink-3);text-decoration:none;font-size:.7rem;font-weight:700}.bottom-nav a .ico{font-size:1.25rem;line-height:1}.bottom-nav a[aria-current=page]{color:var(--blue-ink)}}.page-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-head .sub{color:var(--ink-3);font-size:.92rem;margin-top:4px}.kpi{display:grid;grid-gap:4px;gap:4px}.kpi .v{font-family:var(--font-num);font-size:1.7rem;font-weight:800;line-height:1.2}.kpi .l{font-size:.82rem;font-weight:600}.empty,.kpi .l{color:var(--ink-3)}.empty{text-align:center;padding:48px 20px;border:1.5px dashed var(--line-strong);border-radius:var(--r-lg);background:var(--surface)}.empty .h3{color:var(--ink);margin-bottom:6px}.list{list-style:none;margin:0;padding:0}.list>li{padding:14px 0;border-bottom:1px solid var(--line)}.list>li:last-child{border-bottom:0}.progress{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}.progress>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--violet))}.tabs{display:flex;gap:4px;padding:4px;background:var(--surface-2);border-radius:999px;width:-moz-fit-content;width:fit-content;max-width:100%;overflow-x:auto}.tabs a,.tabs button{border:0;background:transparent;font:inherit;font-weight:700;font-size:.88rem;padding:8px 16px;border-radius:999px;color:var(--ink-2);text-decoration:none;cursor:pointer;white-space:nowrap;min-height:38px}.tabs [aria-checked=true],.tabs [aria-current=page],.tabs [aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.diff{display:grid;grid-gap:8px;gap:8px}.diff-item{border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:.88rem}.diff-item .k{padding:6px 12px;background:var(--bg-soft);font-weight:700;color:var(--ink-2);font-size:.8rem}.diff-item .a,.diff-item .b{padding:8px 12px;white-space:pre-wrap;word-break:break-word}.diff-item .b{background:var(--red-soft);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb,var(--red) 60%,transparent);text-decoration-color:color-mix(in srgb,var(--red) 60%,transparent)}.diff-item .a{background:var(--green-soft)}.editor{--preview-h:calc(100dvh - 220px);display:grid;grid-template-columns:260px minmax(0,1fr) 360px;grid-template-areas:"list preview panel";grid-gap:16px;gap:16px;align-items:start}.editor>.sec-panel{grid-area:list}.editor>.preview-area{grid-area:preview}.editor>.ai-panel{grid-area:panel;scroll-margin-top:72px}.editor-panel{position:-webkit-sticky;position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow-y:auto}@media (max-width:1280px){.editor{grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"preview list" "preview panel";grid-template-rows:auto 1fr}.editor>.ai-panel,.editor>.sec-panel{position:static;max-height:none}}@media (max-width:900px){.editor{--preview-h:40dvh;grid-template-columns:1fr;grid-template-areas:"preview" "panel" "list";grid-template-rows:none}.editor-panel{position:static;max-height:none}}.sec-list{display:grid;grid-gap:6px;gap:6px}.sec-item{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:.9rem}.sec-item[data-selected=true]{border-color:var(--blue);box-shadow:var(--focus)}.sec-item .name{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;border:0;background:transparent;font:inherit;font-weight:700;color:var(--ink);padding:8px 0;cursor:pointer}.drag-handle{width:28px;height:36px;display:grid;place-items:center;color:var(--ink-3);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:8px;flex-shrink:0}.drag-handle:hover{background:var(--surface-2)}.drag-handle[data-disabled=true]{opacity:.25;cursor:default}.sec-item[data-dragging=true]{opacity:.55;box-shadow:var(--shadow-md)}.sec-item[data-drop-before=true]{box-shadow:0 -3px 0 0 var(--violet)}.sec-item[data-drop-after=true]{box-shadow:0 3px 0 0 var(--violet)}.preset{display:grid;grid-gap:4px;gap:4px;padding:10px;cursor:pointer;text-align:left;font:inherit;color:inherit}.preset[aria-pressed=true]{border-color:var(--blue);box-shadow:var(--focus)}.preset-swatch{height:52px;display:grid;place-items:center;color:#fff;font-weight:700;letter-spacing:.05em}.icon-btn{width:34px;height:34px;flex-shrink:0;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--ink-2);cursor:pointer;display:grid;place-items:center;font-size:1rem}.icon-btn:hover{background:var(--surface-2)}.icon-btn[disabled]{opacity:.35;cursor:not-allowed}.save-state{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--ink-3)}.chat{display:grid;grid-gap:10px;gap:10px}.bubble{padding:10px 14px;border-radius:16px;font-size:.92rem;line-height:1.7;max-width:92%;white-space:pre-wrap}.bubble.me{background:var(--navy);color:#fff;margin-left:auto;border-bottom-right-radius:6px}.bubble.ai{background:var(--violet-soft);border-bottom-left-radius:6px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:6px 12px;font:inherit;font-size:.82rem;cursor:pointer;color:var(--ink-2)}.chip:hover{border-color:var(--violet);color:var(--violet)}.device-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.device-stage{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:start;padding:20px 0;min-width:0}.device{background:var(--surface);border-radius:28px;border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);overflow:hidden;transition:width .35s var(--ease);width:100%}.device[data-size=mobile]{width:390px;box-sizing:border-box;border-radius:36px}.device[data-size=mobile],.device[data-size=tablet]{max-width:100%;border-width:10px;border-color:#10141f}.device[data-size=tablet]{width:820px}.device[data-size=desktop]{border-radius:14px}.device iframe{width:100%;height:78dvh;border:0;display:block;background:#fff}.preview-banner{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--navy);color:#fff;font-size:.86rem;padding:10px 16px}:root[data-theme=dark] .preview-banner{background:#1c2747}.fade-in{animation:fadeIn .4s var(--ease) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--bg-soft),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + 20px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;background:var(--navy);color:#fff;padding:12px 18px;border-radius:14px;box-shadow:var(--shadow-lg);font-size:.92rem;max-width:calc(100% - 32px);animation:fadeIn .25s var(--ease) both}@media (min-width:901px){.toast{bottom:28px}}details.disclosure>summary{cursor:pointer;font-weight:700;list-style:none;padding:10px 0}details.disclosure>summary::-webkit-details-marker{display:none}details.disclosure>summary:before{content:"＋";display:inline-block;width:1.4em;color:var(--violet)}details.disclosure[open]>summary:before{content:"−"}.btn-link{background:none;border:0;padding:4px 2px;min-height:24px;font:inherit;color:var(--blue);text-decoration:underline;cursor:pointer}.btn-link:disabled{color:var(--ink-3);text-decoration:none;cursor:default}.vis-btn{flex-shrink:0;min-width:56px;min-height:32px;padding:0 8px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.vis-btn[data-on=true]{border-color:color-mix(in srgb,var(--green) 45%,transparent);color:var(--green);background:var(--green-soft)}.vis-btn:disabled{opacity:.55;cursor:default}.mobile-jump{display:none}@media (max-width:900px){.mobile-jump{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-inline:-4px;scrollbar-width:none}.mobile-jump .chip{flex-shrink:0;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-size:.875rem;font-weight:600;white-space:nowrap;cursor:pointer}.mobile-jump .chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}}.notice.verify-email{display:grid;grid-gap:8px;gap:8px;min-width:0;margin-bottom:16px}.notice.verify-email>*{min-width:0}.design-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}@media (min-width:1100px){.design-layout{grid-template-columns:minmax(0,1fr) minmax(0,460px)}}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));grid-gap:12px;gap:12px}.design-card{display:grid;grid-gap:0;gap:0;padding:0;text-align:left;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;cursor:pointer;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.design-card:hover{border-color:var(--violet)}.design-card[data-on=true]{border-color:var(--blue);box-shadow:var(--focus)}.design-meta:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.design-thumb{display:block;height:168px;overflow:hidden;pointer-events:none;border-bottom:1px solid var(--line);position:relative}.design-thumb *,.design-thumb :after,.design-thumb :before{animation:none!important}.design-thumb-inner{display:block;width:390px;transform:scale(.62);transform-origin:top left}.design-card{position:relative}.design-meta:after{content:"";position:absolute;inset:0}.design-thumb .ps-ctabar,.design-thumb [class*=cta-bar]{display:none!important}.design-meta{text-align:left;font:inherit;color:inherit;background:none;border:0;cursor:pointer;display:grid;grid-gap:4px;gap:4px;padding:10px 12px 12px}.design-points{margin:0;padding-left:1.2em}.design-actions{padding:16px}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));grid-gap:12px;gap:12px}.compare-grid .device[data-size=mobile]{width:100%}.design-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:var(--surface)}.design-dialog::-webkit-backdrop{background:rgba(10,12,20,.6)}.design-dialog::backdrop{background:rgba(10,12,20,.6)}.design-dialog-bar{position:-webkit-sticky;position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.design-dialog-body{height:calc(100dvh - 56px);overflow-y:auto}@media (prefers-reduced-motion:reduce){.design-card{transition:none}}.design-studio .ps-ctabar.is-framed{position:static}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-mark{color:#0b1020}}:root[data-theme=dark] .logo-mark{color:#0b1020}@media (max-width:480px){.site-header .header-login{display:none}.site-header .header-cta{white-space:nowrap}}.reg-steps{display:flex;gap:6px;list-style:none;margin:0;padding:0;font-size:13px;color:var(--ink-3)}.reg-steps li{flex:1 1;display:flex;align-items:center;gap:6px;padding:8px 6px;border-bottom:3px solid var(--line)}.reg-steps li.is-now{color:var(--ink);font-weight:700;border-bottom-color:var(--blue)}.reg-steps li.is-done{color:var(--green);border-bottom-color:var(--green)}.reg-step-no{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--surface-2);font-size:12px;flex:none}.reg-steps li.is-now .reg-step-no{background:var(--blue);color:#fff}.reg-steps li.is-done .reg-step-no{background:var(--green);color:#fff}.reg-design{display:flex;gap:12px;align-items:flex-start;padding:14px;min-height:56px;border:2px solid var(--line);border-radius:12px;cursor:pointer;background:var(--surface)}.reg-design input{width:22px;height:22px;margin-top:2px;flex:none}.reg-design.is-selected{border-color:var(--blue);background:var(--blue-soft)}.reg-design:focus-within{outline:3px solid var(--blue);outline-offset:2px}.reg-optional>summary{cursor:pointer;padding:12px 0;font-weight:600;min-height:44px}.reg-code{font-size:28px;letter-spacing:.4em;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.link-button{background:none;border:0;padding:8px 0;min-height:44px;color:var(--blue-ink);text-decoration:underline;cursor:pointer;font:inherit}.link-button:disabled{color:var(--ink-3);cursor:default}.reg-design>span{display:flex;flex-direction:column;gap:2px}.reg-steps li{flex-direction:column;justify-content:center;text-align:center;gap:4px;line-height:1.3;white-space:nowrap}.reg-steps li,.reg-steps li.is-done,.reg-steps li.is-now{font-size:12px}h2[tabindex="-1"]:focus:not(:focus-visible){outline:none}.chip.is-on{background:var(--ink,#111);border-color:var(--ink,#111);color:#fff}.chip-sm{font-size:.78rem;padding:4px 10px}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:48px 36px;gap:48px 36px}.studio-card{display:grid;grid-gap:18px;gap:18px;align-content:start}.studio-card[data-fit=false]{opacity:.55}.studio-shots{position:relative;display:block;padding:0 0 28px}.studio-shots .pc{width:86%;border-radius:12px;border:1px solid var(--line-strong,#d6d9e0);box-shadow:0 18px 40px rgb(16 20 31/.12);aspect-ratio:16/10;display:block}.studio-shots .pc,.studio-shots .sp{height:auto;object-fit:cover;object-position:top}.studio-shots .sp{position:absolute;right:0;bottom:0;width:26%;aspect-ratio:1/2;border-radius:18px;border:6px solid #10141f;box-shadow:0 14px 30px rgb(16 20 31/.25)}@media (max-width:760px){.studio-grid{grid-template-columns:1fr}}.reg-designs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.reg-design-card{position:relative;display:grid;grid-gap:8px;gap:8px;align-content:start;padding:8px 8px 12px;border:2px solid var(--line,#e3e6ec);border-radius:16px;cursor:pointer;background:#fff}.reg-design-card.is-selected{border-color:var(--violet,#5b4cf0);box-shadow:0 0 0 3px color-mix(in srgb,var(--violet,#5b4cf0) 20%,transparent)}.reg-design-card input{position:absolute;top:12px;left:12px;width:20px;height:20px;accent-color:var(--violet,#5b4cf0)}.reg-design-card img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:10px;background:#f1f2f5}.reg-design-text{display:grid;grid-gap:2px;gap:2px;line-height:1.5}@media (max-width:640px){.reg-designs{grid-template-columns:repeat(2,minmax(0,1fr))}}.ai-flow{grid-gap:14px;padding:0;list-style:none}.ai-flow,.ai-flow li{display:grid;gap:14px}.ai-flow li{grid-template-columns:44px 1fr;grid-gap:14px;align-items:start}.ai-flow .n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--violet,#5b4cf0);color:#fff;font-weight:800}.ai-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.ai-shot{display:grid;grid-gap:8px;gap:8px;text-decoration:none}.ai-shot img{width:100%;height:auto;border-radius:18px;border:6px solid #10141f}.ai-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.ai-table{width:100%;border-collapse:collapse}.ai-table td,.ai-table th{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line,#e3e6ec);vertical-align:top}.ai-table th{width:11em}@media (max-width:640px){.ai-cols{grid-template-columns:1fr}.ai-shots{gap:8px}}.ind-items{display:grid;grid-gap:14px;gap:14px;margin:0}.ind-items div{border-left:4px solid var(--violet,#5b4cf0);padding:4px 0 4px 14px}.ind-items dt{font-weight:700}.ind-items dd{margin:4px 0 0;color:var(--muted,#5b6170)}.ind-shot{display:block;width:min(300px,100%);margin-inline:auto;border:10px solid #10141f;border-radius:36px;overflow:hidden;box-shadow:0 24px 50px rgb(16 20 31/.18)}.ind-shot img,.lp-shot{display:block;width:100%;height:auto}