:root{--bg:#fff;--bg-sub:#f2f4f6;--line:#e5e8eb;--text-1:#191f28;--text-2:#4e5968;--text-3:#8b95a1;--primary:#3182f6;--primary-press:#1b64da;--primary-weak:#e8f3ff;--primary-weak-text:#1b64da;--danger:#f04452;--success:#03b26c;--warning:#ff9f00;--warning-text:#c27400;--shadow-float:0 8px 24px #00000014;--gutter:20px;--col:480px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#17171c;--bg-sub:#101013;--line:#2c2c35;--text-1:#f9fafb;--text-2:#b0b8c1;--text-3:#6b7684;--primary-weak:#1e2a3d;--primary-weak-text:#64a8ff;--warning-text:#ffb54d;--shadow-float:0 8px 24px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-sub);color:var(--text-1);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,Roboto,sans-serif;line-height:1.5}button,textarea,input{letter-spacing:inherit;font-family:inherit}a{color:inherit;text-decoration:none}.shell{max-width:var(--col);background:var(--bg);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative}.page{padding:8px var(--gutter) calc(120px + env(safe-area-inset-bottom));flex:1}.section{margin-top:32px}.stack-8>*+*{margin-top:8px}.stack-12>*+*{margin-top:12px}.t1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700;line-height:1.35}.t2{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700;line-height:1.35}.t3{margin:0;font-size:18px;font-weight:700;line-height:1.4}.sub{color:var(--text-2);margin:0;font-size:14px}.cap{color:var(--text-3);margin:0;font-size:12px;font-weight:500}.err{color:var(--danger);margin:0;font-size:14px}.top{z-index:20;height:56px;padding:0 calc(var(--gutter) - 8px);background:var(--bg);align-items:center;gap:8px;display:flex;position:sticky;top:0}.top-title{white-space:nowrap;text-overflow:ellipsis;flex:1;padding-left:8px;font-size:17px;font-weight:700;overflow:hidden}.icon-btn{width:44px;height:44px;color:var(--text-1);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.icon-btn:active{background:var(--bg-sub)}.logo{align-items:center;gap:8px;padding-left:8px;font-size:17px;font-weight:800;display:inline-flex}.logo-mark{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:inline-flex}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:14px;justify-content:center;align-items:center;gap:6px;height:48px;padding:0 18px;font-size:16px;font-weight:600;transition:transform .15s ease-out,background-color .15s ease-out;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default}.btn-lg{border-radius:16px;height:56px;font-size:17px}.btn-sm{border-radius:10px;height:36px;padding:0 12px;font-size:14px}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active:not(:disabled){background:var(--primary-press)}.btn-weak{background:var(--primary-weak);color:var(--primary-weak-text)}.btn-ghost{background:var(--bg-sub);color:var(--text-1)}.btn-text{color:var(--text-2);background:0 0;height:auto;padding:8px;font-size:14px;font-weight:500}.bottom-cta{width:100%;max-width:var(--col);padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--bg) 24px);z-index:30;gap:8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-cta>*{flex:1}.card{background:var(--bg);border-radius:20px;padding:20px}.card-sub{background:var(--bg-sub);border-radius:20px;padding:16px}.row{align-items:center;gap:12px;min-height:64px;padding:10px 0;display:flex}.row-icon{background:var(--bg-sub);border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:inline-flex}.row-body{flex:1;min-width:0}.row-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:600;overflow:hidden}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--bg-sub);height:36px;color:var(--text-2);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.chip:active{background:var(--primary-weak);color:var(--primary-weak-text)}.chip:disabled{opacity:.4;cursor:default}.screen-in{animation:.22s ease-out screen-in}@keyframes screen-in{0%{opacity:0;transform:translate(16px)}}@media (prefers-reduced-motion:reduce){.screen-in{animation:none}}.progress{background:var(--bg-sub);border-radius:2px;height:4px;margin:0 20px;overflow:hidden}.progress>span{background:var(--primary);border-radius:2px;height:100%;transition:width .25s ease-out;display:block}.pick-list{flex-direction:column;gap:8px;display:flex}.pick-option{border:1px solid var(--line);background:var(--bg);min-height:56px;color:var(--text-1);text-align:left;cursor:pointer;border-radius:16px;padding:14px 16px;font-size:16px;font-weight:500;line-height:1.4;transition:background .12s,border-color .12s}.pick-option:active{background:var(--bg-sub)}.pick-option[aria-pressed=true]{border-color:var(--primary);background:var(--primary-weak);color:var(--primary-weak-text);font-weight:600}.loading-dots{gap:6px;margin-top:24px;display:flex}.loading-dots span{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite dots}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes dots{0%,80%,to{opacity:.25}40%{opacity:1}}.building-preview{width:180px;margin:24px auto 8px}.card-sub .input{background:var(--bg)}.badge{background:var(--bg-sub);height:22px;color:var(--text-2);border-radius:6px;flex:none;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-blue{background:var(--primary-weak);color:var(--primary-weak-text)}.tabs{background:var(--bg-sub);border-radius:14px;gap:4px;padding:4px;display:flex}.tab{height:36px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;font-size:14px;font-weight:600}.tab[aria-selected=true],.tab[aria-pressed=true]{background:var(--bg);color:var(--text-1)}.prompt{background:var(--bg-sub);border-radius:20px;padding:16px 16px 12px}.prompt textarea{resize:none;width:100%;min-height:96px;color:var(--text-1);background:0 0;border:none;outline:none;font-size:16px;line-height:1.5}.prompt textarea::placeholder{color:var(--text-3)}.prompt-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.input{background:var(--bg-sub);width:100%;height:48px;color:var(--text-1);border:none;border-radius:14px;padding:0 14px;font-size:16px}.tabbar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow-float);z-index:40;border-radius:999px;gap:4px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}.tabbar a{min-width:96px;height:48px;color:var(--text-3);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.tabbar a span{font-size:18px}.tabbar a[aria-current=page]{background:var(--primary-weak);color:var(--primary-weak-text)}.bubble-me{background:var(--primary);color:#fff;white-space:pre-wrap;word-break:break-word;border-radius:20px 20px 6px;align-self:flex-end;max-width:85%;padding:12px 16px;font-size:16px}.bubble-ai{background:var(--bg-sub);border-radius:20px 20px 20px 6px;align-self:flex-start;width:100%;max-width:100%;padding:16px}.chat{flex-direction:column;gap:12px;display:flex}.steps{margin:12px 0 0;padding:0;list-style:none}.steps li{height:36px;color:var(--text-3);align-items:center;gap:10px;font-size:15px;display:flex}.steps li[data-state=done]{color:var(--text-1)}.steps li[data-state=active]{color:var(--text-1);font-weight:600}.step-dot{border:2px solid var(--line);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:inline-flex}li[data-state=done] .step-dot{background:var(--success);border-color:var(--success)}li[data-state=active] .step-dot{border-color:var(--primary);border-top-color:#0000;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.phone{width:100%;max-width:340px;box-shadow:var(--shadow-float);background:#191f28;border-radius:40px;margin:0 auto;padding:10px}.phone-screen{aspect-ratio:375/812;background:#fff;border-radius:31px;width:100%;position:relative;overflow:hidden}.phone-screen iframe{border:none;width:100%;height:100%;display:block}.phone-sm{max-width:none;box-shadow:none;border-radius:22px;padding:5px}.phone-sm .phone-screen{border-radius:18px}.thumb-scaler{transform-origin:0 0;pointer-events:none;width:375px;height:812px;position:absolute;top:0;left:0}.thumb-scaler iframe{width:375px;height:812px}.thumb-empty{background:var(--bg-sub);justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;inset:0}.grid-2{grid-template-columns:1fr 1fr;gap:16px 12px;display:grid}.app-card{cursor:pointer;display:block}.app-card-title{text-overflow:ellipsis;white-space:nowrap;margin:10px 2px 2px;font-size:15px;font-weight:600;overflow:hidden}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));color:#fff;box-shadow:var(--shadow-float);z-index:60;background:#333d4b;border-radius:14px;padding:12px 18px;font-size:15px;font-weight:500;animation:.2s ease-out toast-in;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.hero{padding:32px 0 8px}.hero-mark{margin-bottom:16px;font-size:40px;line-height:1}.feature{align-items:flex-start;gap:12px;display:flex}.footer{padding:24px var(--gutter) calc(120px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.mockups{scroll-snap-type:x mandatory;margin:16px calc(-1 * var(--gutter)) 0;padding:4px var(--gutter) 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;gap:12px;display:flex;position:relative;overflow-x:auto}.mockups::-webkit-scrollbar{display:none}.mockups:active{cursor:grabbing}.swipe-dots{justify-content:center;gap:4px;margin-top:4px;display:flex}.swipe-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.swipe-dot:after{content:"";background:var(--text-3);opacity:.5;border-radius:4px;width:7px;height:7px;transition:width .2s ease-out,background .2s ease-out}.swipe-dot[aria-selected=true]:after{background:var(--text-1);opacity:1;width:18px}.mockup{scroll-snap-align:center;flex:0 0 62%;max-width:240px}.feature-list{flex-direction:column;display:flex}.feature-item{min-height:44px;color:var(--text-1);cursor:pointer;align-items:center;gap:12px;font-size:15px;display:flex}.feature-item input{width:20px;height:20px;accent-color:var(--primary);flex:none;margin:0}.feature-item input:not(:checked)+span{color:var(--text-3);text-decoration:line-through}.feature-add{gap:8px;display:flex}.feature-add .input{flex:1;min-width:0}.feature-add .btn{flex:none}.pick-section{margin-top:28px}.pick-label{color:var(--text-1);font-size:15px;font-weight:700;display:block}.pick-ex{color:var(--text-3);font-size:12px;line-height:1.35;display:block}.preset-auto,.preset-card{background:var(--bg-sub);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:18px;transition:border-color .15s ease-out,transform .15s ease-out}.preset-auto:active,.preset-card:active{transform:scale(.98)}.preset-auto[aria-pressed=true],.preset-card[aria-pressed=true]{border-color:var(--primary);background:var(--primary-weak)}.preset-auto{align-items:center;gap:12px;width:100%;margin-top:10px;padding:12px 14px;display:flex}.preset-auto-badge{background:var(--bg);width:40px;height:40px;color:var(--primary);border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:inline-flex}.preset-auto-text{min-width:0}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.preset-card{flex-direction:column;gap:2px;padding:10px 10px 12px;display:flex}.preset-art{aspect-ratio:120/220;width:100%;max-width:150px;box-shadow:0 0 0 1px var(--line);border-radius:14px;margin:0 auto 8px;display:block}.color-grid{grid-template-columns:repeat(8,minmax(0,1fr));max-width:400px;margin-top:8px;display:grid}.color-dot{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:44px;padding:0;display:flex}.dot{border:3px solid var(--bg);width:30px;height:30px;box-shadow:0 0 0 1px var(--line);border-radius:50%;transition:transform .15s ease-out}.dot-auto{background:var(--bg-sub);color:var(--primary);justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.color-dot[aria-pressed=true] .dot{box-shadow:0 0 0 2px var(--text-1);transform:scale(1.08)}.app-card-making{aspect-ratio:9/16;border-radius:inherit;background:var(--bg-sub);place-items:center;font-size:32px;display:grid}.change-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.change-list li{color:var(--text-1);padding-left:22px;font-size:15px;line-height:1.5;position:relative}.change-list li:before{content:"✓";color:var(--primary);font-weight:700;position:absolute;left:0}.login{min-height:100dvh;padding:0 var(--gutter) calc(32px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.login-brand{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:64px 0 40px;display:flex}.login-mark{background:var(--primary);color:#fff;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;font-size:36px;font-weight:800;display:inline-flex}.login-name{letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:800}.social-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-size:16px;font-weight:600;transition:transform .15s ease-out;display:flex;position:relative}.social-btn:active:not([aria-disabled=true]){transform:scale(.98)}.social-btn svg{width:20px;height:20px;position:absolute;left:18px}.social-kakao{color:#000000d9;background:#fee500}.social-naver{color:#fff;background:#03c75a}.social-google{color:#1f1f1f;background:#fff;border:1px solid #dadce0}.social-btn[aria-disabled=true]{opacity:.45;cursor:default}.social-btn .badge{color:inherit;background:#0000001f;position:absolute;right:12px}.login-divider{color:var(--text-3);align-items:center;gap:12px;margin:20px 0 12px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.top-links{flex:none;align-items:center;gap:4px;display:flex}.top-links .btn-sm{padding:0 10px}@media (max-width:380px){.logo-text.can-hide{display:none}}.shell-wide{max-width:960px}.badge-green{background:color-mix(in srgb, var(--success) 14%, transparent);color:var(--success)}.badge-red{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.badge-yellow{background:color-mix(in srgb, var(--warning) 18%, transparent);color:var(--warning-text)}.num{font-variant-numeric:tabular-nums}.meter{background:var(--bg-sub);border-radius:999px;height:8px;overflow:hidden}.meter>span{background:var(--primary);border-radius:999px;height:100%;display:block}.meter[data-level=warn]>span{background:var(--warning)}.meter[data-level=over]>span{background:var(--danger)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat{background:var(--bg-sub);border-radius:16px;padding:16px}.stat-value{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:22px;font-weight:700}.list-row{border-top:1px solid var(--line)}.list-row>summary{cursor:pointer;list-style:none}.list-row>summary::-webkit-details-marker{display:none}.avatar{object-fit:cover;background:var(--bg-sub);border-radius:50%;flex:none;width:40px;height:40px}.run-appily{top:calc(10px + env(safe-area-inset-top));z-index:10;color:#fff;letter-spacing:-.01em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14181f9e;border:none;border-radius:18px;align-items:center;gap:6px;height:36px;padding:0 12px 0 6px;font-size:13px;font-weight:700;display:inline-flex;position:fixed;right:12px}.run-appily:active{transform:scale(.96)}.run-appily-mark{color:#191f28;background:#fff;border-radius:8px;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:grid}.app-icon{color:#fff;-webkit-user-select:none;user-select:none;flex:none;place-items:center;line-height:1;display:inline-grid;box-shadow:inset 0 -2px #00000014,inset 0 1px #ffffff2e}.icon-grid{grid-template-columns:repeat(4,1fr);gap:20px 8px;display:grid}.icon-cell{text-align:center;color:inherit;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex}.icon-cell:active .app-icon{transform:scale(.94)}.icon-cell-title{-webkit-line-clamp:2;word-break:keep-all;-webkit-box-orient:vertical;font-size:12px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.icon-cell-sub{color:var(--text-3,#8b95a1);margin-top:-4px;font-size:11px}.app-icon-making{color:var(--text-2,#6b7684);box-shadow:none;outline:2px dashed var(--line,#d1d6db);outline-offset:-2px;background:var(--bg-sub)!important}.proj-head{align-items:flex-start;gap:16px;margin-top:16px;display:flex}.proj-thumb{flex:none;width:34%;max-width:132px}.proj-thumb .phone{max-width:none}.proj-head-body{flex:1;min-width:0}.row-link{color:inherit;border-bottom:1px solid var(--line);-webkit-tap-highlight-color:transparent;text-decoration:none}.row-link:last-child{border-bottom:none}.row-link:active{opacity:.7}.row-chev{color:var(--text-3);flex:none;padding-right:4px;font-size:22px;line-height:1}.skin-swatch{flex:none;display:inline-block;position:relative;overflow:hidden}.skin-grid{grid-template-columns:repeat(4,1fr);gap:16px 8px;margin-top:12px;display:grid}.skin-cell{color:inherit;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.design-preview{max-width:220px;min-height:120px;margin-top:12px;margin-left:auto;margin-right:auto}.flow-steps{padding:0 var(--gutter);gap:4px;margin:8px 0 0;list-style:none;display:flex}.flow-steps li{color:var(--text-3);flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;font-size:10px;display:flex}.flow-steps .flow-dot{background:var(--line);border-radius:2px;width:100%;height:4px;display:block}.flow-steps li[data-state=done] .flow-dot{background:var(--primary,#3182f6);opacity:.45}.flow-steps li[data-state=active] .flow-dot{background:var(--primary,#3182f6)}.flow-steps li[data-state=active]{color:var(--text-1);font-weight:600}.flow-steps .flow-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.app-icon-img{overflow:hidden}.app-icon-img img{width:100%;height:100%;display:block}.skin-auto{background:var(--bg-sub);place-items:center;font-size:24px;display:inline-grid}.proj-head-body>.app-icon{display:inline-grid}.consent-list{margin-top:8px}.consent-all{border-bottom:1px solid var(--line);min-height:60px;margin-bottom:4px}.consent-row{flex-wrap:wrap;align-items:center;min-height:56px;padding:4px 0;display:flex}.consent-label{cursor:pointer;-webkit-tap-highlight-color:transparent;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.consent-check{width:24px;height:24px;accent-color:var(--primary,#3182f6);flex:none}.consent-text{color:var(--text-1);font-size:16px}.consent-tag{color:var(--text-3);margin-right:8px;font-size:12px;font-weight:700;display:inline-block}.consent-tag.is-required{color:var(--primary,#3182f6)}.consent-detail{background:var(--bg-sub);border-radius:12px;flex-basis:100%;margin:4px 0 8px 36px;padding:12px 14px}.consent-detail .cap{margin-top:4px;line-height:1.5}.consent-actions{flex-direction:column;gap:6px;width:100%;display:flex}.consent-doc{-webkit-overflow-scrolling:touch;max-height:46vh;overflow-y:auto}.model-name{align-items:center;gap:10px;margin-top:16px;display:flex}.model-name>span{font-size:28px;line-height:1}.model-preview{place-items:center;min-height:200px;margin-top:16px;display:grid}.model-preview>.phone{width:min(100%,300px)}.model-rules{background:var(--bg-sub);border-radius:14px;margin:8px 0 0;padding:14px 16px 14px 32px}.model-rules li{color:var(--text-2);margin:4px 0;font-size:15px}.model-extra{background:var(--bg-sub);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;font-size:15px;display:flex}.thumb-scaler.is-interactive{pointer-events:auto}.skin-gallery{scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gutter));padding:6px var(--gutter) 12px;scrollbar-width:none;gap:14px;display:flex;position:relative;overflow-x:auto}.skin-gallery::-webkit-scrollbar{display:none}.skin-card{scroll-snap-align:center;max-width:230px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:0 0 62%;align-items:center;gap:6px;padding:0;display:flex}.skin-card-shot{border-radius:26px;width:100%;transition:box-shadow .18s ease-out,transform .18s ease-out;display:block;position:relative}.skin-card-shot .phone{max-width:none}.skin-card.is-on .skin-card-shot{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--primary,#3182f6);transform:translateY(-2px)}.skin-card-wait{aspect-ratio:375/812;width:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:22px;display:block}.skin-card-check{background:var(--primary,#3182f6);color:#fff;width:30px;height:30px;box-shadow:0 0 0 3px var(--bg);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:10px;right:10px}.skin-card-name{font-size:15px;font-weight:700}.skin-card.is-on .skin-card-name{color:var(--primary,#3182f6)}.skin-card-sub{color:var(--text-3);margin-top:-4px;font-size:12px}.skin-strip{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.skin-strip-item{cursor:pointer;background:0 0;border:none;padding:2px}.run-notice{top:calc(56px + env(safe-area-inset-top));z-index:10;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14181fdb;border-radius:14px;align-items:center;gap:10px;max-width:456px;margin:0 auto;padding:10px 10px 10px 14px;display:flex;position:fixed;left:12px;right:12px;box-shadow:0 6px 20px #0000002e}.run-notice p{letter-spacing:-.01em;flex:1;min-width:0;margin:0;font-size:13px;font-weight:600;line-height:1.4}.run-notice button{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:10px;flex:none;height:32px;padding:0 12px;font-size:12px;font-weight:700}.run-notice button:active{transform:scale(.96)}.run-notice.is-load{box-shadow:inset 3px 0 0 var(--danger,#f04452), 0 6px 20px #0000002e}.run-notice.is-save,.run-notice.is-conflict{box-shadow:inset 3px 0 #ffb547,0 6px 20px #0000002e}.req-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.req-item{background:var(--bg-sub);border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.req-item.is-dropped .req-text{color:var(--text-3);text-decoration:line-through}.req-item>.badge{margin-top:2px}.req-must{border:1px solid var(--line);background:var(--bg);min-width:44px;height:28px;color:var(--text-3);cursor:pointer;border-radius:8px;flex:none;padding:0 8px;font-size:12px;font-weight:700}.req-must[aria-pressed=true]{border-color:var(--primary);background:var(--primary-weak);color:var(--primary-weak-text)}.req-body{flex:1;min-width:0}.req-text{color:var(--text-1);overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.45}.plan-flow .page{padding-top:8px}.plan-intent-summary{color:var(--text-1);overflow-wrap:anywhere;word-break:keep-all;margin:16px 0 24px}.plan-intent-purpose{margin:0;font-size:18px;font-weight:600;line-height:1.65}.plan-intent-actions{margin:14px 0 0;padding-left:22px;font-size:16px;line-height:1.65}.plan-intent-actions li+li{margin-top:8px}.plan-flow .model-preview{max-width:300px;margin:12px auto}.plan-flow .skin-gallery{--skin-height:min(48dvh, 390px)}.plan-flow .skin-card-shot{height:var(--skin-height)}.plan-flow .bottom-cta{padding-top:10px;padding-bottom:max(12px, env(safe-area-inset-bottom))}@media (max-height:740px){.plan-flow .model-preview{max-width:235px}.plan-flow .t2{font-size:22px}.plan-flow .section{margin-top:12px}}.design-examples{scroll-snap-type:x mandatory;gap:16px;padding:4px 6px 16px;display:flex;overflow-x:auto}.design-examples .skin-cell{scroll-snap-align:center;flex:0 0 min(74vw,280px);padding:12px}.design-example{text-align:left;border:1px solid #8883;flex-direction:column;gap:12px;width:100%;min-height:270px;padding:20px 16px;display:flex}.design-example-heading{font-size:24px;font-weight:800}.design-example-caption{opacity:.7;font-size:12px}.design-example-card{border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.design-example-card>span:last-child{opacity:.7;font-size:12px}.design-example-row{border-radius:10px;justify-content:space-between;padding:12px;font-size:13px;display:flex}.design-example-action{text-align:center;border-radius:12px;margin-top:auto;padding:12px;font-size:13px;font-weight:700}.design-example.paper{font-family:Georgia,serif}.design-example.paper .design-example-card{border-left:3px solid;border-radius:0}.design-example.minimal .design-example-card{border-bottom:1px solid;border-radius:0}.make-clarify .page{padding-top:8px}@media (max-height:740px){.design-example{gap:8px;min-height:220px;padding:14px}}.design-set-views{gap:8px;margin-bottom:12px;display:flex}.design-set-views [aria-pressed=true]{background:var(--primary);color:#fff}.design-set-preview{border:1px solid var(--line);pointer-events:none;border-radius:16px;width:169px;height:366px;display:block;overflow:hidden}.design-set-preview iframe{transform-origin:0 0;pointer-events:none;border:0;width:375px;height:812px;transform:scale(.45)}.design-chooser{margin-top:16px}.design-chooser-filter{gap:8px;margin-bottom:12px;display:flex}.design-chooser-filter [aria-pressed=true]{background:var(--primary);color:#fff}.design-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.design-choice{border:2px solid var(--line,#e5e7eb);border-radius:20px;flex-direction:column;gap:6px;min-width:0;padding:10px;display:flex}.design-choice.is-picked{border-color:var(--primary,#3182f6);background:var(--primary-weak,#edf5ff)}.design-choice-shot{pointer-events:none;border-radius:12px;overflow:hidden}.design-choice-shot .phone{width:100%;max-width:none;margin:0}.design-choice-actions{flex-wrap:wrap;gap:4px;display:flex}.design-choice-actions .btn{min-height:40px;padding:6px 9px}.design-preview-failed{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:160px;padding:12px;font-size:14px;display:flex}.design-preview-failed button{pointer-events:auto}.preview-status{text-align:center;background:var(--surface,#fff);color:var(--text,#222);padding:8px;font-size:13px}.design-detail{z-index:200;background:var(--bg,#f9fafb);flex-direction:column;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.design-detail>header,.design-detail>footer{flex:none;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:500px;margin:0 auto;display:flex}.design-detail-preview{flex:1;width:min(100%,375px);min-height:0;margin:16px auto;overflow:auto}.design-detail-preview .phone{max-width:100%}.design-detail>footer{padding:12px 0}.design-detail input[type=color]{vertical-align:middle;width:44px;height:36px}@media (min-width:700px){.design-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.design-detail{width:100%;max-width:none;height:100%;max-height:none;color:var(--text);border:0;margin:0}.design-card-select{appearance:none;text-align:left;color:inherit;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;flex-direction:column;flex:1;gap:8px;padding:0;display:flex}.design-card-select:focus-visible{outline:3px solid var(--primary);outline-offset:4px;border-radius:12px}.design-card-select .design-choice-shot{width:100%;display:block}.design-detail{box-sizing:border-box;gap:10px;height:100dvh;padding:12px;overflow:hidden}.design-detail-preview{flex:1;width:min(100%,480px);min-height:0;margin:0 auto;display:flex;overflow:hidden}.design-detail>footer{padding:8px 0 max(8px,env(safe-area-inset-bottom));flex-wrap:wrap;position:relative}.palette-panel{background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow-float);border-radius:12px;padding:16px;position:absolute;bottom:100%;left:0;right:0}.live-preview{background:var(--surface);border-radius:14px;flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.live-preview-screen{flex:1;width:100%;height:100%;min-height:0;position:relative}.live-preview .preview-status{z-index:2;position:absolute;inset:auto 0 0}.try-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.try-shell>.top,.try-shell>.flow-steps,.try-shell>.try-bar{flex-shrink:0}.try-content{flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px 12px;display:flex}.try-content .try-note{color:var(--text-2);margin:0;font-size:13px}.try-bar{padding:10px 16px max(12px,env(safe-area-inset-bottom));background:var(--bg);gap:8px;display:flex}.try-bar .btn{flex:1}.try-settings{flex:1;min-height:0;padding:16px;overflow:auto}.try-title{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.design-card-main{flex-direction:column;flex:1;gap:8px;display:flex;position:relative}.design-card-main .design-choice-shot{width:100%;display:block}.design-card-select{border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.design-preview-failed button{z-index:2;position:relative}.design-detail{border-radius:24px;width:min(920px,100vw - 40px);height:calc(100dvh - 40px);max-height:960px;margin:auto;padding:16px}.design-detail::backdrop{background:#0f172a73}.design-detail-preview{width:100%;max-width:560px}.design-detail>footer{max-width:560px}.palette-panel{flex-wrap:wrap;gap:12px;max-height:45dvh;display:flex;overflow:auto}.palette-panel label{align-items:center;gap:8px;font-size:14px;display:flex}.palette-swatches{gap:10px;width:100%;display:flex}.palette-swatch{width:44px;height:44px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:50%}.try-shell{width:100%;max-width:760px}.try-content{padding:4px 8px;overflow:hidden}.try-content .live-preview{flex:1 1 0;height:auto}.live-preview-screen{height:auto}@media (max-width:600px){.design-detail{border-radius:0;width:100%;height:100dvh;max-height:none;padding:8px}.try-shell{max-width:none}.try-content{padding:0}.try-content .try-note{padding:4px 12px}.live-preview{border-radius:0}.try-bar{padding:8px 12px max(8px,env(safe-area-inset-bottom))}}.palette-panel select{border:1px solid var(--line);background:var(--bg-sub);color:var(--text-1);border-radius:10px;padding:8px 12px;font-size:16px}.design-detail-body{flex:1;gap:24px;min-height:0;display:flex;overflow:hidden}.design-detail-body .design-detail-preview{flex:1;min-width:0}.design-detail-body.has-personalizer .design-detail-preview{max-width:none}.design-current{background:var(--bg-sub);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:16px;font-size:14px;display:flex}.personalizer{background:var(--bg);border:1px solid var(--line);border-radius:20px;flex-direction:column;flex:none;width:340px;min-height:0;padding:20px;display:flex}.personalizer h3{margin:0 0 16px;font-size:18px}.personal-tabs{background:var(--bg-sub);border-radius:14px;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.personal-tabs button{min-height:44px;font:inherit;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:14px}.personal-tabs button[aria-pressed=true]{background:var(--bg);color:var(--text-1);font-weight:700}.personal-panel{overscroll-behavior:contain;flex:1;min-height:0;padding:20px 4px 12px;overflow:auto}.personalizer fieldset{border:0;flex-direction:column;gap:14px;min-width:0;margin:0;padding:0;display:flex}.personalizer legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.personalizer label{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.personalizer .cap{margin:0;line-height:1.6}.personalizer textarea{resize:vertical;border:1px solid var(--line);background:var(--bg-sub);width:100%;min-height:120px;color:var(--text-1);font:inherit;border-radius:14px;padding:14px;font-size:16px;line-height:1.6}.personalizer input[type=color]{border:1px solid var(--line);background:var(--bg-sub);border-radius:10px;width:64px;height:44px;padding:4px}.personal-wish{gap:14px;display:grid}.personal-wish label,.personal-label{font-size:14px;font-weight:600}.personal-label:not(:first-child){margin-top:8px}.personalizer .palette-swatches{flex-wrap:wrap;gap:7px}.personalizer .palette-swatch{border:5px solid var(--bg);outline:1px solid var(--line);width:44px;min-width:44px;height:44px}.personalizer .palette-swatch[aria-pressed=true]{outline:2px solid var(--text-1)}.personal-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.personal-option{border:1px solid var(--line);background:var(--bg);min-width:0;min-height:52px;color:var(--text-1);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;display:flex}.personal-option[aria-pressed=true]{border-color:var(--primary);background:var(--primary-weak);color:var(--text-1);box-shadow:inset 0 0 0 1px var(--primary)}.shape-sample{background:var(--text-3);flex:none;width:24px;height:24px}.shape-soft{border-radius:6px}.shape-round{border-radius:12px}.shape-sharp{border-radius:1px}.personal-result{background:var(--bg-sub);border-radius:14px;padding:14px;font-size:14px}.personal-result p{margin:8px 0;line-height:1.6}.personal-reset{min-height:44px;color:var(--text-2);flex:none;margin-top:8px}.motif-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.motif-choice{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--text-1);font:inherit;text-align:center;cursor:pointer;border-radius:14px;flex-direction:column;gap:8px;padding:8px;font-size:13px;display:flex}.motif-choice[aria-pressed=true]{outline:2px solid var(--primary);border-color:#0000}.motif-choice img,.motif-none{object-fit:cover;border-radius:8px;width:100%;height:76px;display:block}.motif-none{background:var(--bg-sub);place-items:center;font-size:28px;display:grid}.motif-choice span:last-child{padding-bottom:4px}.personalizer .personal-upload{gap:8px;display:grid}.personal-upload input{width:100%;font-size:14px}.personal-upload input::file-selector-button{border:1px solid var(--line);background:var(--bg-sub);color:var(--text-1);border-radius:10px;margin-right:8px;padding:12px}.personal-image{overflow-wrap:anywhere;gap:8px;font-size:13px;display:grid}.personal-image img{object-fit:contain;background:var(--bg-sub);border-radius:12px;width:100%;max-height:120px}.personalizer button:focus-visible,.personalizer input:focus-visible,.personalizer textarea:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.feedback-dialog{background:var(--bg);width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text-1);border:0;border-radius:24px;padding:24px;overflow:auto}.feedback-dialog::backdrop{background:#0f172a73}.feedback-dialog form{gap:18px;display:grid}.feedback-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-dialog h2{margin:0;font-size:20px}.feedback-dialog textarea{resize:vertical;min-height:180px;font-size:16px;line-height:1.6}.feedback-dialog .btn{min-height:48px}.issue-card{border:1px solid var(--line);border-radius:18px;margin:20px 0;padding:20px}.issue-card h2{margin:0 0 8px;font-size:17px;line-height:1.6}.issue-card .btn{min-height:44px;margin-top:12px}.excluded-needs{margin-top:24px}.excluded-needs summary{cursor:pointer;min-height:44px;padding:12px 0}.experience-editor summary{cursor:pointer;min-height:44px;line-height:1.6}.experience-editor .field{margin-top:16px}.experience-editor .btn{min-width:44px;min-height:44px}@media (max-width:740px){.design-detail-body.has-personalizer .design-detail-preview{display:none}.personalizer{border:0;border-radius:0;flex:1;width:100%;padding:16px}.personal-panel{padding:20px 4px}.design-current{flex-direction:column;align-items:flex-start}.design-detail>header,.design-detail>footer{max-width:none}.design-detail>footer{flex-wrap:nowrap;gap:8px}.design-detail>footer .btn{white-space:normal;flex:1;min-width:0;min-height:48px;padding:10px;font-size:14px}.design-detail{gap:8px}.feedback-dialog{padding:20px}}.usage-details-toggle{background:var(--bg-sub);width:100%;color:var(--text-1);text-align:left;font:inherit;cursor:pointer;border:0;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;min-height:72px;margin:24px 0 0;padding:18px 20px;display:flex}.usage-details-toggle small{color:var(--text-2);margin-top:5px;font-size:13px;line-height:1.6;display:block}.usage-details-toggle>span:last-child{font-size:24px}.usage-issues{gap:14px;margin:24px 0;display:grid}.usage-issues h2,.usage-issues h3,.usage-issues p,.usage-issues .issue-card{margin:0}.usage-issue-actions{flex-wrap:wrap;gap:8px;display:flex}.usage-alternative{gap:10px;display:grid}.usage-alternative textarea{resize:vertical;min-height:112px}.usage-alternative>button{justify-self:start}.design-app-name{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;padding:16px 0;display:flex}.design-app-name strong{overflow-wrap:anywhere;font-size:18px;line-height:1.5;display:block}.design-app-name .btn{flex-shrink:0;min-height:44px}.design-name-edit{gap:8px;margin:0 0 24px;display:grid}.experience-editor{gap:20px;min-width:0;margin:24px 0 32px;display:grid}.experience-heading h2,.experience-heading p{margin:0}.experience-heading p{margin-top:8px;line-height:1.7}.experience-group{border:1px solid var(--line);border-radius:20px;min-width:0;padding:20px}.experience-group>h3{align-items:center;gap:10px;margin:0 0 16px;font-size:17px;display:flex}.experience-group>h3>span{background:var(--primary-weak);width:26px;height:26px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;display:grid}.experience-group .sub,.experience-group .cap{line-height:1.65}.experience-current{background:var(--bg-sub);text-align:left;width:100%;font:inherit;color:var(--text-1);cursor:pointer;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.experience-current small{color:var(--text-2);margin-bottom:6px;font-size:12px;display:block}.experience-current strong{font-size:16px}.experience-change{color:var(--primary);flex-shrink:0;font-size:14px}.experience-options{gap:8px;margin-top:12px;display:grid}.experience-choice{text-align:left;border:1px solid var(--line);background:var(--bg);width:100%;min-height:48px;color:var(--text-1);font:inherit;cursor:pointer;overflow-wrap:anywhere;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:15px;display:flex}.experience-choice[aria-pressed=true]{background:var(--primary-weak);color:var(--text-1);border-color:#0000}.experience-choice:disabled{opacity:.65;cursor:default}.experience-choice small{color:var(--primary);margin-left:8px;font-size:11px}.experience-choice>span:last-child{color:var(--primary);flex-shrink:0}.experience-navigation{grid-template-columns:1fr 1fr;gap:10px;display:grid}.experience-nav-choice{border:1px solid var(--line);background:var(--bg);font:inherit;text-align:left;color:var(--text-1);cursor:pointer;border-radius:14px;min-width:0;padding:12px}.experience-nav-choice[aria-pressed=true]{border-color:var(--primary);background:var(--primary-weak)}.experience-nav-choice strong{margin:10px 0 5px;font-size:15px;display:block}.experience-nav-choice small{color:var(--text-2);font-size:12px;line-height:1.5;display:block}.experience-nav-sketch{background:var(--bg-sub);border-radius:8px;align-items:flex-end;gap:5px;height:56px;padding:8px;display:flex}.experience-nav-sketch i{background:var(--primary);opacity:.4;border-radius:3px;flex:1;height:8px}.sketch-stack{flex-direction:column;justify-content:center;align-items:stretch}.sketch-stack i{flex:none;width:80%;height:7px}.sketch-stack i:first-child{opacity:1;width:50%}.experience-menu-title{justify-content:space-between;gap:12px;margin:22px 0 6px;font-size:14px;display:flex}.experience-menu-title>span{color:var(--text-2)}.experience-screens{gap:10px;margin-top:14px;display:grid}.experience-screen{background:var(--bg-sub);border-radius:14px;min-width:0}.experience-screen-toggle{width:100%;color:var(--text-1);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.experience-screen-toggle strong{font-size:15px;display:block}.experience-screen-toggle small{-webkit-line-clamp:2;color:var(--text-2);-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.experience-screen-toggle>span:last-child{flex-shrink:0;font-size:20px}.experience-screen-body{gap:20px;padding:0 14px 16px;display:grid}.experience-screen-body h4{color:var(--text-2);margin:0 0 10px;font-size:13px;font-weight:600}.experience-emphasis{flex-wrap:wrap;gap:6px;display:flex}.experience-chip{font:inherit;border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--text-1);border-radius:10px;padding:8px 12px;font-size:13px}.experience-chip[aria-pressed=true]{background:var(--primary-weak);color:var(--primary);border-color:var(--primary)}.experience-field{gap:8px;font-size:13px;display:grid}.experience-field select{min-width:0;max-width:100%;font-size:16px}.experience-field small{color:var(--text-2);font-size:12px;line-height:1.6}.experience-order{margin:0;padding:0;list-style:none}.experience-order li{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:7px 0;display:flex}.experience-order-label{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px}.experience-order-number{color:var(--text-3);min-width:12px;font-size:12px}.experience-order li>div{gap:4px;display:flex}.experience-order button{background:var(--bg);width:44px;height:44px;color:var(--text-1);font:inherit;cursor:pointer;border:0;border-radius:10px;font-size:18px}.experience-order button:disabled{opacity:.25;cursor:default}.experience-editor button:focus-visible,.usage-details-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:380px){.experience-group{padding:16px}.experience-navigation{gap:8px}.experience-nav-choice{padding:10px}.experience-screen-body{padding-inline:10px}}.design-ai-entry{background:var(--primary-weak);border-radius:20px;gap:16px;margin:0 0 24px;padding:22px;display:grid}.design-ai-entry strong{color:var(--text-1);font-size:18px}.design-ai-entry p{color:var(--text-2);margin:8px 0 0;font-size:14px;line-height:1.7}.design-ai-entry button{width:100%}.design-custom-preview{text-align:center;max-width:250px;margin:20px auto 28px}.design-custom-preview .phone{margin-inline:auto}.try-width{flex-shrink:0;align-items:center;gap:10px;margin:0 12px;font-size:13px;display:flex}.try-width select{font:inherit;border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--text);border-radius:10px;padding:6px 12px}.try-checks{flex-shrink:0;max-height:32vh;margin:0 12px;padding:8px 0;font-size:13px;overflow:auto}.try-checks summary{cursor:pointer;align-items:center;min-height:36px;display:flex}.plan-status{margin:20px 0}.plan-status h1{margin:8px 0 12px}.plan-status-steps{gap:10px;margin:28px 0 20px;padding:0;list-style:none;display:grid}.plan-status-steps li{border:1px solid var(--line,#e4e7ec);background:var(--card,#fff);min-height:58px;color:var(--sub,#667085);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.plan-status-steps li[data-state=current]{border-color:var(--accent,#3566d6);background:var(--accent-weak,#edf3ff);color:var(--text,#182230)}.plan-status-number{background:var(--line,#e4e7ec);border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:13px;display:grid}.plan-status-steps li[data-state=current] .plan-status-number{background:var(--accent,#3566d6);color:#fff}.plan-status-steps small{white-space:nowrap;margin-left:auto;font-size:11px}.plan-status-steps li[data-state=previous]{color:var(--text,#182230)}.plan-flow .bottom-cta{align-items:stretch;gap:12px}.plan-flow .bottom-cta .btn{white-space:normal;min-width:0;height:56px}.direction-essentials{margin:20px 0 24px;line-height:1.65}.direction-essentials ul{padding-left:22px}.direction-essentials li+li{margin-top:8px}.usage-summary>summary,.usage-adjustment>summary{cursor:pointer;align-items:center;min-height:48px;font-weight:600;display:flex}.usage-summary,.usage-adjustment{margin:12px 0}.usage-summary ul{padding-left:22px;line-height:1.7}.usage-summary h2{margin-top:20px}.usage-adjustment form{padding:12px 0}.trial-summary{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:flex}.trial-summary>.btn{flex-shrink:0;min-height:44px}.try-shell .try-content{padding:0;overflow:hidden}.try-shell .live-preview{background:var(--bg-sub);border-radius:0}.trial-footer{padding:8px 12px max(12px,env(safe-area-inset-bottom));background:var(--bg);flex-shrink:0;gap:8px;display:grid}.trial-footer>p{text-align:center;margin:0}.trial-footer>.btn{height:48px}.trial-footer .try-bar{gap:12px;padding:0}.trial-footer .try-bar .btn{white-space:normal;min-width:0;height:56px;padding:8px 12px;line-height:1.4}.trial-details{background:var(--bg);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text-1);border:0;border-radius:20px;padding:24px;overflow:auto}.trial-details::backdrop{background:#0006}.trial-details header{justify-content:space-between;align-items:center;gap:12px;display:flex}.trial-details h2{margin:0;font-size:20px}.trial-details h3{font-size:17px}.trial-details section,.trial-details details{margin-top:20px}.trial-details summary{cursor:pointer;min-height:44px;padding:10px 0}.trial-details li{overflow-wrap:anywhere;margin:12px 0}.trial-details .try-width{flex-wrap:wrap;margin:20px 0}.trial-error{flex-shrink:0;max-height:120px;margin:0;padding:8px 12px;overflow:auto}.build-progress .plan-status-steps small{white-space:normal;margin-top:6px;display:block}.build-progress .plan-status-steps li{min-height:64px}.build-progress .plan-status-steps li[data-state=previous] .plan-status-number{background:var(--primary-weak);color:var(--primary)}@media (min-width:768px){.try-shell{max-width:760px}.try-content .live-preview{align-self:center;max-width:480px}.trial-details{padding:28px}}@media (max-width:359px){.trial-footer .try-bar{flex-direction:column}.trial-footer .try-bar .btn{flex:auto;height:48px;min-height:48px}.trial-summary{flex-wrap:wrap}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.build-actions{gap:12px;margin-top:24px;display:grid}.build-actions .btn{width:100%;min-height:56px}.design-chooser-compact .design-choice-grid{grid-template-columns:1fr;gap:12px}.design-chooser-compact .design-choice{min-height:150px;padding:12px;display:block;position:relative}.design-chooser-compact .design-card-main{grid-template-rows:auto 1fr;grid-template-columns:66px 1fr;align-content:center;column-gap:16px;min-height:124px;display:grid}.design-chooser-compact .design-choice-shot{grid-row:1/3;width:66px;height:124px}.design-chooser-compact .design-card-main>strong{align-self:end;margin:8px 0;font-size:17px}.design-chooser-compact .design-card-main>.cap{align-self:start;padding-bottom:44px}.design-chooser-compact .design-choice-actions{z-index:2;position:absolute;bottom:12px;left:94px}.design-chooser-compact .design-choice-actions .btn{min-height:44px}.design-chooser-compact .design-preview-failed{min-height:120px;padding:4px;font-size:10px}.design-chooser-compact .design-ai-entry{margin-top:20px;padding:20px}@media (min-width:700px){.design-chooser-compact .design-choice-grid{grid-template-columns:1fr}}