:root{color:#182033;background:#eef4f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.app-shell{min-height:100vh;padding:22px}.app-header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.app-header h1{margin:0;font-size:28px;letter-spacing:0}.app-kicker{margin:0 0 6px;color:#426a83;font-weight:700}.app-header code{background:#fff;border:1px solid #d6e2ea;padding:8px 10px}.header-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.cost-pill{display:grid;gap:2px;min-width:160px;padding:8px 12px;background:#071a33;color:#fff;border:1px solid #123a68}.cost-pill span{font-size:11px;color:#b9d4e8;font-weight:800}.cost-pill strong{font-size:18px;line-height:1.1}.cost-pill small{color:#d8e7f1;font-size:11px}.header-admin-button{min-height:38px;padding:0 12px}.stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0;margin:0 0 18px;list-style:none}.stepper li{display:flex;align-items:center;gap:8px;padding:10px;background:#fff;border:1px solid #d6e2ea;color:#6c7b88;min-width:0}.stepper li span{display:grid;place-items:center;width:24px;height:24px;background:#eaf1f6;color:#23445d;font-size:13px;font-weight:800}.stepper li.active{border-color:#1d5b89;color:#123a68;font-weight:800}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.main-panel,.log-panel{background:#fff;border:1px solid #d6e2ea;padding:22px;min-height:620px}.log-panel{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto}h2{margin:0 0 18px;font-size:22px;letter-spacing:0}h3{margin:0 0 8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid>.wide{grid-column:1 / -1}label,.stacked{display:grid;gap:7px;font-weight:700;color:#23445d}label.wide,.stacked{grid-column:1 / -1;margin-top:16px}.field-label{font-weight:800;color:#23445d}.field-help{margin:0;color:#5e7484;font-size:13px;font-weight:600}input,textarea,select{width:100%;border:1px solid #cbdbe6;padding:10px 12px;background:#fbfdff;color:#182033;font:inherit}.field-error{color:#8f1f1f}.field-error input,.field-error textarea,.field-error select{border-color:#d74a4a;background:#fff8f8;box-shadow:0 0 0 3px #d74a4a1f}.field-error small{color:#9f2525;font-weight:700}textarea{min-height:96px;resize:vertical}.mode-tabs{display:inline-flex;gap:4px;margin-bottom:14px;border:1px solid #cbdbe6;background:#f5f9fc;padding:4px}.mode-tabs button{border:0;background:transparent;padding:9px 14px;color:#36566f;cursor:pointer;font-weight:800}.mode-tabs button.active{background:#123a68;color:#fff}.compact-options{max-width:320px;margin-bottom:16px}.plan-picker{margin:10px 0 18px;padding:14px;border:1px solid #cbdbe6;background:#f8fbfd}.plan-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.plan-option{display:grid;gap:8px;text-align:left;padding:14px;border:1px solid #cbdbe6;background:#fff;color:#182033;cursor:pointer}.plan-option.selected{border-color:#123a68;box-shadow:inset 0 0 0 1px #123a6824,0 0 0 2px #123a6814}.plan-option-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.plan-option-head strong{color:#123a68;font-size:15px}.plan-option-head span{color:#0b6b3e;font-weight:800}.plan-option p{margin:0;color:#36566f;font-weight:700}.plan-option small{color:#5e7484;font-weight:600;line-height:1.5}.free-text-create textarea{min-height:220px}.section-picker{display:grid;gap:9px}.section-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.section-option{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:10px;min-height:104px;padding:12px;border:1px solid #cbdbe6;background:#fbfdff;cursor:pointer}.section-option:has(input:checked){border-color:#1d5b89;background:#f1f8fc;box-shadow:inset 0 0 0 1px #1d5b8929}.section-option.required{border-style:solid;background:#f7fbff}.section-option input{width:18px;height:18px;margin:3px 0 0;accent-color:#123a68}.section-option span{display:grid;gap:3px}.section-option strong{color:#123a68;font-size:14px}.section-option small{color:#426a83;font-style:normal;font-weight:800}.section-option em{color:#5e7484;font-size:12px;font-style:normal;font-weight:600;line-height:1.45}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #123a68;background:#fff;color:#123a68;padding:0 16px;font-weight:800;cursor:pointer}.button.primary{margin-top:18px;background:#123a68;color:#fff}.button.ghost{border-color:#cbdbe6;background:#f7fafc}.button:disabled{cursor:not-allowed;opacity:.55}.notice{border:1px solid #bcd7e8;background:#f2f9fd;padding:16px;margin-bottom:16px}.notice.error{border-color:#e6b8b8;background:#fff5f5;color:#7c2424}.validation-summary ul{margin:10px 0 0;padding-left:18px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.preview-next-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:20px}.design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.design-card{border:1px solid #d6e2ea;background:#fff;overflow:hidden}.design-card.selected{outline:3px solid #1d5b89}.image-preview-button{position:relative;display:block;width:100%;padding:0;border:0;background:#edf4f9;cursor:zoom-in}.image-preview-button img{display:block;width:100%;height:360px;max-height:44vh;object-fit:contain;object-position:top center;background:#edf4f9}.image-preview-button span{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;background:#071a33d1;color:#fff;font-size:12px;font-weight:800}.design-card-body{padding:16px}.icon-plan{display:grid;gap:4px;border:1px solid #d6e2ea;background:#f7fafc;padding:10px 12px;color:#385369;font-size:12px}.icon-plan strong{color:#123a68}.icon-plan p{margin:0}.detail-design-strip{margin-top:18px;border:1px solid #d6e2ea;background:#fbfdff;padding:14px}.detail-design-strip h3{margin:0 0 10px;color:#123a68}.detail-design-strip>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detail-design-strip button{display:grid;gap:6px;padding:0;border:1px solid #d6e2ea;background:#fff;color:#123a68;font-weight:800;cursor:zoom-in}.detail-loading-card{display:grid;gap:6px;border:1px solid #d6e2ea;background:#fff;padding:0 0 8px;color:#123a68}.detail-loading-card .image-skeleton{width:100%;height:150px;aspect-ratio:auto}.detail-loading-card strong,.detail-loading-card small{padding:0 8px;font-size:12px}.detail-loading-card small{color:#6c7b88;font-weight:800}.detail-design-strip img{display:block;width:100%;height:150px;object-fit:contain;object-position:top center;background:#edf4f9}.detail-design-strip span{padding:0 8px 8px;font-size:12px}pre{white-space:pre-wrap;word-break:break-word;background:#f6f9fb;border:1px solid #dfe8ef;padding:12px;font-size:12px;color:#385369;max-height:220px;overflow:auto}.generation-time-notice{margin:0 0 14px;padding:10px 12px;border:1px solid #cfe0ec;background:#f7fbff;color:#385369;font-size:13px;font-weight:800}.generation-time-notice.compact{margin:0;font-size:12px}.asset-auto-preview-option{display:flex;grid-column:auto;align-items:center;gap:10px;width:fit-content;margin:0 0 14px;padding:10px 12px;border:1px solid #d6e2ea;background:#fbfdff;cursor:pointer}.asset-auto-preview-option input{width:auto;margin:0}.asset-auto-preview-notice{border-color:#93c9aa;background:#f2fbf6;color:#23613c}.preview-wrap{border:1px solid #d6e2ea;background:#f7fafc}.preview-loading-card{min-height:560px;border:1px solid #d6e2ea;background:#f7fafc}.preview-loading-toolbar{display:flex;gap:7px;padding:12px;border-bottom:1px solid #d6e2ea;background:#fff}.preview-loading-toolbar span{width:10px;height:10px;border-radius:999px;background:#cbdbe6}.preview-loading-body{display:grid;place-items:center;gap:12px;min-height:500px;padding:32px;text-align:center;color:#123a68}.preview-loading-body .image-skeleton{width:min(520px,86%);height:260px}.preview-loading-body strong{font-size:18px}.preview-loading-body p{max-width:420px;margin:0;color:#5f7486}.export-loading-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:start;margin-top:18px;padding:18px;border:1px solid #d6e2ea;background:#fbfdff}.export-loading-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid #d6e2ea;background:#fff;color:#123a68}.export-loading-body{display:grid;gap:10px}.export-loading-body strong{color:#123a68;font-size:18px}.export-loading-body p{max-width:640px;margin:0;color:#5f7486}.export-progress-bar{position:relative;height:10px;overflow:hidden;border-radius:999px;background:#e8f0f6}.export-progress-bar span{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:linear-gradient(90deg,#8fb8d6,#123a68);animation:export-progress 1.4s ease-in-out infinite}.export-loading-steps{display:grid;gap:8px;margin-top:4px;color:#385369;font-size:13px;font-weight:800}.export-loading-steps div{display:flex;align-items:center;gap:8px}.export-loading-steps span{width:8px;height:8px;border-radius:999px;background:#8fb8d6;box-shadow:0 0 0 4px #8fb8d629}@keyframes export-progress{0%{transform:translate(-110%)}55%{transform:translate(55%)}to{transform:translate(245%)}}.preview-toolbar{display:flex;gap:8px;padding:10px;border-bottom:1px solid #d6e2ea}.preview-toolbar button{display:inline-flex;align-items:center;gap:6px;border:1px solid #cbdbe6;background:#fff;padding:8px 10px;cursor:pointer}.preview-toolbar button.active{background:#123a68;color:#fff}.preview-edit-badge{align-self:center;margin-left:auto;border:1px solid #83c5ef;background:#eaf7ff;color:#0d5485;padding:6px 10px;font-size:12px;font-weight:800}.preview-block-actions{display:inline-flex;gap:6px;align-items:center;margin-left:auto}.preview-block-actions+.preview-edit-badge{margin-left:0}.preview-block-actions button{min-height:34px;padding:6px 10px;border-color:#b7d1e3;color:#123a68;font-weight:800}.preview-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.edit-panel{position:sticky;top:86px;border:1px solid #d6e2ea;background:#fff;padding:16px}.edit-panel-modal{position:fixed;top:74px;right:28px;z-index:60;width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 104px);overflow:auto;box-shadow:0 18px 54px #071a3338}.edit-panel-close{float:right;border:1px solid #cbdbe6;background:#fff;color:#123a68;padding:6px 10px;font-weight:800;cursor:pointer}.edit-panel h3{margin:0 0 14px;color:#123a68}.edit-panel dl{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px 10px;margin:0 0 14px;font-size:13px}.edit-panel dt{color:#5b7387;font-weight:800}.edit-panel dd{margin:0;word-break:break-word}.block-edit-actions{border:1px solid #d6e2ea;background:#f6fafc;padding:10px 12px;margin:0 0 14px}.block-edit-actions p,.block-edit-actions span{display:block;margin:0;color:#426a83;font-size:12px;font-weight:800}.block-edit-actions span{margin-top:3px;color:#6c7b88;font-weight:700}.mini-button-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mini-button-row button{border:1px solid #b7d1e3;background:#fff;color:#123a68;padding:7px 9px;font-size:12px;font-weight:800;cursor:pointer}.edit-panel textarea{min-height:150px}.edit-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.edit-style-grid label{display:grid;gap:5px;color:#425a70;font-size:12px;font-weight:800}.edit-style-grid input,.edit-style-grid select{width:100%;min-height:36px;border:1px solid #cbdbe6;background:#fff;padding:7px 8px;font:inherit}.form-editor{margin-top:18px;border-top:1px solid #d6e2ea;padding-top:14px}.logo-upload{margin-top:14px;border:1px solid #e1ebf2;background:#fbfdff;padding:12px}.form-editor h4,.logo-upload h4{margin:0 0 10px;color:#123a68}.help-wrap{position:relative;display:inline-flex;vertical-align:middle}.help-icon{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:6px;border:1px solid #9ab7ca;border-radius:999px;color:#31566f;font-size:11px;font-weight:900;line-height:1;padding:0;background:#fff;cursor:pointer}.help-popover{position:absolute;right:0;top:24px;z-index:30;width:min(260px,72vw);padding:10px 12px;border:1px solid #9ab7ca;background:#fff;color:#23445d;box-shadow:0 10px 24px #123a6829;font-size:12px;line-height:1.55;font-weight:700}.form-field-editor{display:grid;grid-template-columns:1fr 110px;gap:8px;margin-bottom:10px;border:1px solid #e1ebf2;padding:10px;background:#fbfdff}.form-field-editor-heading{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #e1ebf2}.form-field-order-actions{display:flex;gap:6px}.form-field-order-actions button{min-height:30px;padding:4px 9px;border:1px solid #cbdbe6;border-radius:7px;background:#fff;color:#31566f;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.form-field-order-actions button:disabled{opacity:.38;cursor:default}.form-field-editor label{font-size:12px;gap:4px}.form-field-editor label.wide{grid-column:1 / -1;margin-top:0}.form-field-editor input,.form-field-editor select{min-height:34px;padding:6px 8px}.form-field-editor .compact-textarea{min-height:68px;padding:7px 8px}.form-field-editor .inline-check{display:flex;align-items:center;gap:6px;font-size:12px}.form-field-editor .inline-check input{width:auto}.iframe-stage{overflow:auto;padding:16px}iframe{display:block;height:max(680px,calc(100vh - 230px));max-width:100%;margin:0 auto;border:1px solid #cbdbe6;background:#fff}@media(max-width:980px){iframe{height:max(620px,calc(100vh - 180px))}.preview-editor-layout{grid-template-columns:1fr}.edit-panel{position:static}.edit-panel-modal{position:fixed;top:64px;right:12px;left:12px;width:auto;max-height:calc(100vh - 88px)}}.asset-list{display:grid;gap:12px}.asset-row{display:grid;grid-template-columns:140px minmax(0,1fr) 90px;gap:14px;align-items:start;border:1px solid #d6e2ea;padding:12px}.asset-thumb{width:140px;padding:0;border:0;background:transparent;cursor:zoom-in}.asset-row img{width:140px;aspect-ratio:4 / 3;object-fit:cover;background:#edf4f9}.asset-status{justify-self:end;color:#12633b;font-weight:800}.asset-status.failed{color:#b3261e}.asset-status.pending{color:#7a4b00}.asset-error{display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid #f1b8b5;background:#fff7f6;color:#7f1d1d}.asset-error small{word-break:break-word}.button.small{width:fit-content;min-height:32px;padding:6px 10px;font-size:12px}.asset-row-loading{background:#fbfdff}.image-skeleton{position:relative;width:140px;aspect-ratio:4 / 3;overflow:hidden;background:#e8f0f6}.image-skeleton span,.text-skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:shimmer 1.25s infinite}.text-skeleton{position:relative;height:14px;width:70%;overflow:hidden;background:#e8f0f6;margin-top:10px}.text-skeleton.wide{width:92%}@keyframes shimmer{to{transform:translate(100%)}}.asset-meta{margin:0 0 8px;color:#426a83;font-size:13px;font-weight:800}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.button-row .button{margin-top:0}.billing-panel{display:grid;gap:14px;margin-bottom:18px;padding:14px;border:1px solid #d6e2ea;background:#fbfdff}.billing-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.billing-panel-head p{margin:4px 0 0;color:#526679;font-size:13px}.mode-tabs.compact{width:auto;margin:0}.billing-auth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.billing-auth-grid input{width:100%;border:1px solid #d6e2ea;padding:11px 12px;font:inherit}.billing-auth-grid .button{margin-top:0}.billing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.billing-plan-card{display:grid;gap:5px;border:1px solid #d6e2ea;background:#fff;padding:12px;text-align:left;color:#123a68;cursor:pointer}.billing-plan-card:hover{border-color:#8dbbd5;background:#f4f9fc}.billing-plan-card span{color:#0f6f94;font-weight:800}.billing-plan-card small{color:#526679}.compact-row{margin-top:0}.plan-page{display:grid;gap:22px}.plan-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:20px;align-items:start}.plan-hero h2{margin:0 0 8px;color:#123a68;font-size:30px}.plan-hero p{margin:0;color:#526679}.plan-auth-box{display:grid;gap:10px;border:1px solid #d6e2ea;background:#fbfdff;padding:14px}.plan-auth-box input{width:100%;border:1px solid #d6e2ea;padding:11px 12px;font:inherit}.plan-auth-box p{margin:0;color:#526679;font-size:13px}.plan-auth-user-name{min-width:0;overflow-wrap:anywhere}.plan-purchase-legal{margin:0;color:var(--studio-muted);font-size:12px;line-height:1.8;text-align:center}.plan-purchase-legal a,.app-legal-footer a{color:var(--studio-primary-dark);font-weight:800;text-decoration:underline;text-underline-offset:3px}.app-legal-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 20px;padding:18px 12px 4px;color:var(--studio-muted);font-size:11px}.pending-purchase-notice{display:grid;gap:4px;border:1px solid #9bc8dc;border-radius:10px;background:#eef9fd;padding:11px 12px}.pending-purchase-notice strong{color:#123a68;font-size:14px}.plan-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-compare-card{display:grid;gap:16px;align-content:start;border:1px solid #d6e2ea;background:#fff;padding:20px}.plan-compare-card.standard{border-color:#8dbbd5;box-shadow:0 12px 28px #123a6814}.plan-compare-card h3{margin:0;color:#123a68;font-size:20px}.plan-price{margin:10px 0 0;color:#0f6f94;font-size:28px;font-weight:900}.plan-ticket{margin:2px 0 0;color:#526679;font-size:13px}.plan-compare-card ul{display:grid;gap:8px;margin:0;padding-left:18px;color:#34495e}.plan-feature-spacer{visibility:hidden}.guest-email{display:grid;gap:6px;color:#526679;font-size:13px}@media(max-width:820px){.billing-panel-head,.billing-auth-grid,.billing-plans{display:grid;grid-template-columns:1fr}.billing-panel-head{align-items:stretch}.plan-hero,.plan-compare-grid{grid-template-columns:1fr}}.progress-list{display:grid;gap:10px}.progress-current{display:grid;gap:10px;margin-bottom:14px;padding:12px;border:1px solid #b7d7ea;background:#f3f9fd}.progress-current div{display:flex;justify-content:space-between;gap:10px;color:#123a68;font-size:13px}.progress-current progress{width:100%;height:8px;accent-color:#123a68}.log-item{border:1px solid #d6e2ea;padding:10px;background:#fbfdff}.log-item div{display:flex;justify-content:space-between;gap:8px;color:#123a68;font-size:13px}.log-item p,.empty{margin:5px 0 0;color:#526679;font-size:13px}.log-item.error{border-color:#e6b8b8;background:#fff5f5}.download{text-decoration:none}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#071a33b8}.lightbox-panel{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1180px,96vw);max-height:92vh;background:#fff;border:1px solid #cbdbe6;box-shadow:0 22px 70px #00000047}.lightbox-head{display:flex;justify-content:space-between;gap:16px;align-items:start;padding:14px 16px;border-bottom:1px solid #d6e2ea}.lightbox-head h3,.lightbox-head p{margin:0}.lightbox-head p{margin-top:4px;color:#526679;font-size:13px}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #cbdbe6;background:#fff;color:#123a68;cursor:pointer}.lightbox-stage{overflow:auto;background:#f4f8fb;padding:16px}.lightbox-stage img{display:block;width:auto;max-width:100%;height:auto;max-height:none;margin:0 auto;background:#fff}.section-effect-editor{display:grid;gap:12px}.section-effect-editor h4{margin:0;color:#123a68}.section-effect-editor select{width:100%;border:1px solid #cbdbe6;background:#fff;padding:10px 12px;font:inherit}.admin-page{display:grid;gap:18px}.admin-login{display:grid;gap:14px;max-width:440px}.admin-provider-panel{display:grid;gap:12px;padding:16px;border:1px solid #d6e2ea;background:#f7fafc}.admin-provider-panel h3,.admin-group h3{display:flex;align-items:center;gap:8px;margin:0;color:#123a68}.provider-switch{display:flex;gap:8px;flex-wrap:wrap}.provider-switch button{border:1px solid #cbdbe6;background:#fff;color:#23445d;padding:10px 14px;font-weight:900;cursor:pointer}.provider-switch button.active{border-color:#123a68;background:#123a68;color:#fff}.admin-settings{display:grid;gap:16px}.admin-group{display:grid;gap:14px;padding:16px;border:1px solid #d6e2ea;background:#fff}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-setting-field{align-content:start;padding:12px;border:1px solid #e1ebf2;background:#fbfdff}.admin-setting-field span{display:flex;justify-content:space-between;gap:10px;align-items:center}.admin-setting-field em{color:#946200;font-size:11px;font-style:normal;white-space:nowrap}.admin-setting-field small{color:#5e7484;font-size:12px;line-height:1.45}.password-change{margin-top:8px}.admin-tabs{display:flex;gap:8px;padding:5px;border:1px solid #d6e2ea;background:#f1f6f9;width:fit-content}.admin-tabs button{display:flex;align-items:center;gap:7px;border:0;padding:10px 16px;color:#456174;background:transparent;font-weight:900;cursor:pointer}.admin-tabs button.active{color:#fff;background:#123a68}.admin-financials{display:grid;gap:16px}.admin-financial-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.admin-financial-head h3,.admin-financial-head p{margin:0}.admin-financial-head p{margin-top:5px;color:#5e7484}.admin-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-metric{display:grid;gap:5px;padding:18px;border:1px solid #d6e2ea;border-top:4px solid #4285a8;background:#fff}.admin-metric>span,.admin-metric small{color:#5e7484}.admin-metric strong{color:#123a68;font-size:clamp(22px,3vw,31px);letter-spacing:-.04em}.admin-metric.cost{border-top-color:#d17b31}.admin-metric.cost strong{color:#9a4d19}.admin-metric.profit{border-top-color:#3b9567}.admin-metric.profit strong{color:#23734c}.admin-financial-note{margin:0;padding:11px 13px;color:#5e7484;background:#f7fafc;border-left:4px solid #8ba9ba;font-size:12px;line-height:1.6}.admin-order-list{border:1px solid #d6e2ea;background:#fff}.admin-order-list-head{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:15px 18px}.admin-order-list-head h4,.admin-order-list-head p{margin:0}.admin-order-list-head p{margin-top:4px;color:#5e7484;font-size:12px}.admin-order-list-head>span{color:#5e7484;font-size:12px;white-space:nowrap}.admin-order-table{min-width:1280px}.admin-order-table td:first-child strong{white-space:nowrap}.admin-monospace{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;overflow-wrap:anywhere}.admin-order-status-pending{color:#875b00;background:#fff1bf}.admin-order-status-paid{color:#16613d;background:#dff3e9}.admin-order-status-failed,.admin-order-status-cancelled{color:#6a4c58;background:#f0e8ec}.admin-order-status-refunded{color:#8b3030;background:#f8dddd}.admin-stripe-environment-live{color:#16613d;background:#dff3e9}.admin-stripe-environment-test{color:#7151a5;background:#eee7fa}.admin-stripe-environment-unknown{color:#6a4c58;background:#f0e8ec}.admin-client-list{display:grid;gap:10px}.admin-client-card{border:1px solid #d6e2ea;background:#fff}.admin-client-card>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 18px;cursor:pointer}.admin-client-card>summary>div:first-child{display:grid;gap:3px}.admin-client-card summary small,.admin-project-table small{display:block;color:#748896;font-size:11px}.admin-client-metrics{display:flex;gap:18px;color:#5e7484;font-size:12px}.admin-client-metrics b{display:block;margin-top:2px;color:#123a68;font-size:15px}.admin-project-table-wrap{overflow-x:auto;border-top:1px solid #e1ebf2}.admin-project-table{width:100%;min-width:940px;border-collapse:collapse;font-size:13px}.admin-project-table th,.admin-project-table td{padding:11px 13px;border-bottom:1px solid #edf2f5;text-align:left;vertical-align:top}.admin-project-table th{color:#5e7484;background:#f7fafc;font-size:11px;white-space:nowrap}.admin-status{display:inline-block;margin-bottom:3px;padding:2px 7px;border-radius:999px;color:#5c6870;background:#edf2f5;font-size:10px;font-weight:900}.admin-status-reserved{color:#875b00;background:#fff1bf}.admin-status-finalized{color:#16613d;background:#dff3e9}.admin-status-refunded{color:#8b3030;background:#f8dddd}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.log-panel{position:static;max-height:none;min-height:0}.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-shell{padding:12px}.app-header{align-items:start;flex-direction:column}.stepper{grid-template-columns:repeat(3,1fr)}.main-panel,.log-panel{padding:16px}.form-grid,.design-grid,.admin-grid{grid-template-columns:1fr}.detail-design-strip>div{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-row{grid-template-columns:1fr}.asset-thumb,.asset-row img{width:100%}.lightbox-backdrop{padding:10px}.admin-financial-head,.admin-order-list-head,.admin-client-card>summary{align-items:stretch;flex-direction:column}.admin-client-metrics{justify-content:space-between}.admin-metric-grid{grid-template-columns:1fr}}.social-login{display:grid;gap:9px;margin-bottom:14px}.social-login-button{display:grid;place-items:center;min-height:44px;border:1px solid var(--studio-line);border-radius:10px;background:#fff;color:var(--studio-ink);font-weight:800;text-decoration:none}.social-login-button.line{border-color:#06c755;background:#06c755;color:#fff}.social-login>span{display:flex;gap:10px;align-items:center;color:var(--studio-muted);font-size:11px}.social-login>span:before,.social-login>span:after{content:"";flex:1;height:1px;background:var(--studio-line)}.login-status-badge{display:inline-flex;width:fit-content;padding:4px 9px;border-radius:999px;background:#e7f8ef;color:#16744f;font-size:11px;font-weight:900}.mypage{display:grid;gap:26px}.mypage-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.mypage-head>div:first-child{display:flex;gap:14px;align-items:center}.mypage-head img{width:62px;height:62px;border-radius:50%;object-fit:cover}.mypage-head small{color:var(--studio-primary);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mypage-head h2,.mypage-head p{margin:2px 0}.mypage-head p{color:var(--studio-muted);font-size:13px}.mypage-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mypage-summary article{display:grid;gap:7px;padding:18px;border:1px solid var(--studio-line);border-radius:14px;background:linear-gradient(145deg,#fff,#f8f9ff)}.mypage-summary small{color:var(--studio-muted)}.mypage-summary b{color:var(--studio-ink);font-size:24px}.ticket-breakdown{display:flex;flex-wrap:wrap;gap:5px}.ticket-breakdown em{padding:3px 7px;border-radius:999px;background:#e9edff;color:var(--studio-primary-dark);font-size:10px;font-style:normal;font-weight:900}.mypage-section{padding-top:8px;border-top:1px solid var(--studio-line)}.project-history{display:grid;gap:12px}.project-history>article{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px;border:1px solid var(--studio-line);border-radius:14px}.project-history h4{margin:8px 0 3px;font-size:17px}.project-history p,.project-history small{margin:0;color:var(--studio-muted)}.project-history .project-retention{display:block;margin-top:7px;color:#9a5c00;font-weight:800}.project-history .project-retention.deleted{color:#697386}.project-history-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.deployment-panel{display:grid;gap:18px;margin-top:34px;padding-top:30px;border-top:1px solid var(--studio-line)}.deployment-panel .section-head h2,.deployment-panel .section-head p{margin:3px 0 0}.deployment-panel .section-head small{color:var(--studio-accent);font-weight:900;letter-spacing:.12em}.deployment-upgrade{display:flex;align-items:start;gap:14px;margin-top:28px;padding:18px;border:1px solid #d7e2ea;border-radius:14px;background:#f7fafc}.deployment-upgrade strong,.deployment-upgrade p{display:block;margin:0}.deployment-upgrade p{margin-top:4px;color:var(--studio-muted)}.deployment-connection-card,.deployment-confirm-card{display:grid;gap:16px;padding:20px;border:1px solid var(--studio-line);border-radius:16px;background:#fff}.deployment-profile-row{display:flex;align-items:end;gap:10px}.deployment-profile-row label{flex:1}.deployment-fields{display:grid;grid-template-columns:1.2fr 2fr .7fr 1.4fr;gap:12px}.deployment-fields .wide{grid-column:1 / -1}.deployment-connection-card label,.deployment-confirm-card label{display:grid;gap:6px;color:#344054;font-size:12px;font-weight:800}.deployment-connection-card input,.deployment-connection-card select,.deployment-connection-card textarea,.deployment-confirm-card input{width:100%;border:1px solid #cbd8e2;border-radius:9px;padding:10px 11px;background:#fff;color:var(--studio-ink);font:inherit}.deployment-auth-tabs{justify-self:start}.deployment-key-fields{display:grid;gap:10px}.deployment-key-fields textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.deployment-remember{display:flex!important;align-items:center;gap:8px!important}.deployment-remember input{width:18px;height:18px}.deployment-file-panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.deployment-file-pane{min-width:0;padding:0;overflow:hidden;border:1px solid var(--studio-line);border-radius:14px;background:#fff}.deployment-file-pane>header,.deployment-file-pane>footer{display:flex;align-items:center;gap:8px;padding:11px 13px;background:#f5f8fb}.deployment-file-pane>header{border-bottom:1px solid var(--studio-line)}.deployment-file-pane>footer{border-top:1px solid var(--studio-line);color:var(--studio-muted);font-size:11px}.deployment-file-list,.deployment-diff-list{max-height:390px;overflow:auto}.deployment-file-list>p,.deployment-diff-list>p{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;padding:7px 11px;border-bottom:1px solid #edf1f5;font-size:11px}.deployment-file-list code,.deployment-diff-list code{min-width:0;overflow:hidden;color:#334155;text-overflow:ellipsis;white-space:nowrap}.deployment-file-list small,.deployment-diff-list small{color:var(--studio-muted)}.deployment-diff-summary{display:flex;flex-wrap:wrap;gap:9px}.deployment-diff-summary span,.deployment-diff-list>p>span{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900}.deployment-diff-summary .new,.deployment-diff-list .new{color:#17623f;background:#dff3e9}.deployment-diff-summary .overwrite,.deployment-diff-list .overwrite{color:#8d3c26;background:#fde8df}.deployment-diff-summary .same,.deployment-diff-list .same-size{color:#526679;background:#edf2f5}.deployment-warning{display:grid;gap:8px;padding:15px;border-left:4px solid #c76b37;background:#fff7f1}.deployment-warning p,.deployment-warning code{margin:0}.deployment-warning code{display:block;padding:9px;border-radius:7px;background:#fff;color:#8d3c26;-webkit-user-select:all;user-select:all}.button.danger{justify-self:start;border-color:#b5472d;background:#b5472d;color:#fff}.button.danger:disabled{cursor:not-allowed;opacity:.45}.notice.success{border-color:#a7d8be;background:#effaf4;color:#17623f}.project-status{display:inline-flex;padding:3px 8px;border-radius:999px;background:#eef1f7;color:#536078;font-size:10px;font-weight:900}.project-status.exported{background:#e7f8ef;color:#16744f}.project-status.history-only{background:#eef1f5;color:#5f6878}.project-status.error{background:#fff0ef;color:#b42318}.transaction-list{display:grid;gap:0;border:1px solid var(--studio-line);border-radius:14px;overflow:hidden}.transaction-list p{display:grid;grid-template-columns:1fr auto 110px;gap:14px;margin:0;padding:12px 15px;border-bottom:1px solid var(--studio-line)}.transaction-list p:last-child{border-bottom:0}.empty-state{padding:32px;border:1px dashed #bbc4d4;border-radius:14px;text-align:center}@media(max-width:720px){.mypage-head,.project-history>article{align-items:stretch;flex-direction:column}.project-history-actions{justify-content:flex-start}.deployment-file-panes,.deployment-fields{grid-template-columns:1fr}.deployment-fields .wide{grid-column:auto}.deployment-profile-row{align-items:stretch;flex-direction:column}.mypage-summary{grid-template-columns:1fr}.transaction-list p{grid-template-columns:1fr auto}.transaction-list small{grid-column:1 / -1}}:root{color:#172033;background:#f4f6fb;--studio-ink: #10182b;--studio-primary: #3559e9;--studio-primary-dark: #2744bd;--studio-line: #dde3ee;--studio-muted: #667085;--studio-surface: #ffffff;--studio-radius: 16px;font-family:Inter,Noto Sans JP,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 12% 0%,#edf1ff 0,transparent 28rem),#f4f6fb}button,a,input,textarea,select{transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s ease}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(53,89,233,.28);outline-offset:2px}.app-shell{width:min(1720px,100%);margin:0 auto;padding:24px clamp(16px,2.5vw,38px) 90px}.app-header{align-items:center;margin-bottom:22px}.app-brand{display:flex;align-items:center;gap:13px}.app-brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#5072ff,#263ca8);color:#fff;box-shadow:0 10px 24px #3559e940;font-size:13px;font-weight:900;letter-spacing:.08em}.app-header h1{font-size:23px;color:var(--studio-ink);letter-spacing:-.02em}.app-brand p{margin:2px 0 0;color:var(--studio-muted);font-size:12px;font-weight:600}.project-pill{display:grid;gap:2px;min-width:150px;padding:8px 12px;border:1px solid var(--studio-line);border-radius:12px;background:#ffffffc7}.project-pill small{color:var(--studio-muted);font-size:10px}.project-pill strong{color:var(--studio-ink);font-size:13px;letter-spacing:.04em}.stepper{position:relative;gap:0;padding:7px;border:1px solid var(--studio-line);border-radius:18px;background:#ffffffd1;box-shadow:0 10px 32px #10182b0a}.stepper li{position:relative;gap:10px;min-height:58px;padding:9px 12px;border:0;border-radius:12px;background:transparent}.stepper li+li:before{content:"";position:absolute;left:-1px;top:18px;bottom:18px;width:1px;background:var(--studio-line)}.stepper li span{flex:0 0 auto;width:30px;height:30px;border-radius:10px;background:#edf0f6;color:#7c879c}.stepper li div{display:grid;gap:1px;min-width:0}.stepper li small{color:#98a2b3;font-size:9px;letter-spacing:.08em}.stepper li strong{overflow:hidden;color:#7b8495;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.stepper li.completed span{background:#e9f8f1;color:#18875b}.stepper li.completed strong{color:#4b596d}.stepper li.current{background:linear-gradient(135deg,#f0f3ff,#f8f9ff);box-shadow:inset 0 0 0 1px #ccd5ff}.stepper li.current span{background:var(--studio-primary);color:#fff;box-shadow:0 6px 14px #3559e938}.stepper li.current strong{color:var(--studio-ink)}.studio-progress{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(140px,320px) auto;gap:12px;align-items:center;margin:-4px 0 16px;padding:12px 16px;border:1px solid #cad4ff;border-radius:14px;background:linear-gradient(90deg,#f5f7ff,#fff);color:var(--studio-ink)}.studio-progress-pulse{width:9px;height:9px;border-radius:50%;background:var(--studio-primary);box-shadow:0 0 0 6px #3559e91a}.studio-progress div{display:grid;gap:1px}.studio-progress small{color:var(--studio-muted);font-size:10px}.studio-progress strong{font-size:13px}.studio-progress progress{width:100%;height:7px;accent-color:var(--studio-primary)}.studio-progress b{color:var(--studio-primary-dark);font-size:12px}.workspace{display:block}.main-panel{min-height:620px;padding:clamp(18px,2.4vw,34px);border:1px solid rgba(221,227,238,.9);border-radius:22px;background:#fffffff5;box-shadow:0 20px 60px #10182b12}.log-drawer{position:fixed;right:24px;bottom:20px;z-index:80;width:min(420px,calc(100vw - 32px));border:1px solid var(--studio-line);border-radius:14px;background:#fff;box-shadow:0 18px 55px #10182b29;overflow:hidden}.log-drawer summary{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:0 15px;color:var(--studio-ink);cursor:pointer;font-size:13px;font-weight:800;list-style:none}.log-drawer summary::-webkit-details-marker{display:none}.log-drawer summary span{padding:3px 8px;border-radius:999px;background:#edf0f6;color:var(--studio-muted);font-size:10px}.log-drawer-body{max-height:min(560px,70vh);overflow:auto;padding:0 15px 15px;border-top:1px solid var(--studio-line)}.log-drawer-body h2{margin-top:15px;font-size:16px}h2{color:var(--studio-ink);font-size:clamp(22px,2.1vw,30px);letter-spacing:-.03em}h3{color:var(--studio-ink)}input,textarea,select{min-height:44px;border-color:var(--studio-line);border-radius:10px;background:#fff}input:hover,textarea:hover,select:hover{border-color:#aeb9cc}.button{min-height:44px;border-color:#c9d1df;border-radius:11px;color:#344054}.button:hover:not(:disabled){border-color:#9dabbe;background:#f7f8fb;transform:translateY(-1px)}.button.primary{margin-top:0;border-color:var(--studio-primary);background:var(--studio-primary);box-shadow:0 8px 18px #3559e92e}.button.primary:hover:not(:disabled){border-color:var(--studio-primary-dark);background:var(--studio-primary-dark)}.button.ghost{border-color:var(--studio-line);background:#fff}.notice,.generation-time-notice,.plan-picker,.billing-panel{border-color:var(--studio-line);border-radius:14px}.mode-tabs{border-color:var(--studio-line);border-radius:12px;background:#f1f3f8}.mode-tabs button{border-radius:8px}.mode-tabs button.active{background:var(--studio-ink)}.plan-option,.plan-compare-card,.design-card,.section-option,.asset-row,.progress-current,.log-item,.edit-panel,.preview-wrap{border-color:var(--studio-line);border-radius:var(--studio-radius)}.plan-option.selected,.design-card.selected{border-color:var(--studio-primary);outline:0;box-shadow:0 0 0 3px #3559e91f,0 14px 30px #10182b12}.plan-compare-card.standard{border-color:#a8b7ff;box-shadow:0 18px 42px #3559e91c}.plan-price{color:var(--studio-primary-dark)}.preview-editor-layout{grid-template-columns:minmax(0,1fr)}.edit-panel:not(.edit-panel-modal){display:none}.preview-wrap{overflow:hidden;background:#edf0f6}.preview-toolbar{background:#fff}.preview-toolbar button{border-radius:9px}.preview-toolbar button.active{background:var(--studio-ink)}.iframe-stage{padding:clamp(8px,1.4vw,18px)}iframe{height:max(720px,calc(100vh - 210px));border-radius:8px;box-shadow:0 12px 32px #10182b1f}.edit-panel-modal{border-radius:18px;box-shadow:0 24px 70px #10182b3d}.asset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-row{grid-template-columns:150px minmax(0,1fr);position:relative;padding:14px;background:#fff}.asset-thumb-state{display:grid;width:100%;min-height:112px;place-items:center;padding:12px;border-radius:8px;background:linear-gradient(110deg,#eef2f7 8%,#f8fafc 18%,#eef2f7 33%);background-size:200% 100%;color:var(--studio-muted);font-size:12px;font-weight:900;animation:asset-thumb-shimmer 1.4s linear infinite}.asset-thumb-state.failed{background:#fff0ef;color:#a4352e;animation:none}@keyframes asset-thumb-shimmer{to{background-position:-200% 0}}.asset-status{position:absolute;right:12px;top:12px;padding:4px 8px;border-radius:999px;background:#eaf8f1;font-size:10px}.asset-status.pending{background:#fff5df}.asset-status.failed{background:#fff0ef}.asset-prompt-editor{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:12px;background:#f6f7fb}.asset-prompt-editor label{color:#344054;font-size:12px}.asset-prompt-editor textarea{min-height:92px;font-size:13px}.asset-prompt-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--studio-muted);font-size:12px;font-weight:700}.generated-asset-editor{margin:0 0 18px;padding:14px;border:1px solid var(--studio-line);border-radius:14px;background:#f8fafc}.generated-asset-editor>summary{cursor:pointer;color:var(--studio-ink);font-weight:800}.generated-asset-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:250px;margin-top:12px;overflow-y:auto}.generated-asset-picker button{display:grid;gap:5px;min-width:0;padding:5px;border:2px solid transparent;border-radius:10px;background:#fff;color:var(--studio-muted);cursor:pointer}.generated-asset-picker button.selected{border-color:var(--studio-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--studio-accent),transparent 82%)}.generated-asset-picker img,.generated-asset-picker button>span{width:100%;aspect-ratio:1;border-radius:7px;object-fit:cover;background:#edf1f6}.generated-asset-picker button>span{display:grid;place-items:center;font-size:11px}.generated-asset-picker small{overflow:hidden;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.generated-asset-selected{display:grid;gap:9px;margin-top:14px}.generated-asset-selected textarea{min-height:96px}@media(max-width:900px){.stepper{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto}.stepper li{justify-content:center;padding:8px 5px}.stepper li div{display:none}.studio-progress{grid-template-columns:auto 1fr auto}.studio-progress progress{grid-column:2 / -1}.asset-list{grid-template-columns:1fr}iframe{height:max(650px,calc(100vh - 170px))}}@media(max-width:620px){.app-shell{padding:12px 10px 82px}.app-header{flex-direction:row;align-items:center}.app-brand p,.project-pill{display:none}.app-header h1{font-size:20px}.main-panel{min-height:0;padding:17px 14px;border-radius:17px}.studio-progress{grid-template-columns:auto 1fr auto;padding:11px 12px}.asset-row{grid-template-columns:110px minmax(0,1fr)}.asset-thumb,.asset-row img{width:110px}.asset-prompt-editor{grid-column:1 / -1}.log-drawer{right:10px;bottom:10px;width:calc(100vw - 20px)}}.page-lead{margin:-10px 0 24px;color:var(--studio-muted)}.industry-combobox{position:relative}.industry-combobox>label{display:grid;gap:6px}.industry-suggestions{position:absolute;z-index:40;top:73px;left:0;right:0;display:grid;max-height:260px;overflow:auto;padding:7px;border:1px solid var(--studio-line);border-radius:12px;background:#fff;box-shadow:0 20px 50px #10182b29}.industry-suggestions button{padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--studio-ink);text-align:left;cursor:pointer}.industry-suggestions button:hover{background:#f0f3ff}.recommendation-button{margin-top:10px}.logo-mode-picker,.section-picker{padding:20px;border:1px solid var(--studio-line);border-radius:16px;background:#fbfcfe}.logo-mode-picker{align-self:start}.compact-form-field{align-self:start;align-content:start;gap:3px}.choice-cards{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.choice-cards>label{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:9px;padding:10px 11px;border:1px solid var(--studio-line);border-radius:10px;background:#fff;cursor:pointer}.choice-cards>label.selected{border-color:var(--studio-primary);box-shadow:0 0 0 3px #3559e91a}.choice-cards>label:focus-within{outline:3px solid rgba(53,89,233,.18);outline-offset:2px}.choice-radio-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.choice-radio-mark{display:grid;width:20px;height:20px;place-items:center;border:1.5px solid #aab8c6;border-radius:5px;background:#fff;color:#fff;font-size:13px;font-weight:900;line-height:1}.choice-cards>label.selected .choice-radio-mark{border-color:var(--studio-primary);background:var(--studio-primary)}.choice-radio-copy{display:grid;gap:2px;min-width:0}.choice-cards small{color:var(--studio-muted);line-height:1.5}.logo-name{display:grid;gap:6px;margin-top:14px}.section-group+.section-group{margin-top:22px}.section-group h3{margin:16px 0 10px;font-size:15px}.section-options{grid-template-columns:1fr}.basic-section-group .section-options{grid-template-columns:repeat(2,minmax(0,1fr))}.section-option{min-height:0}.section-option strong{display:flex;align-items:center;gap:8px}.recommend-badge{padding:2px 7px;border-radius:999px;background:#e9edff;color:var(--studio-primary-dark);font-size:10px}.recommended-section{border-color:#bdc8ff;background:#f8f9ff}.modal-backdrop{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#10182b8f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.recommendation-modal{width:min(720px,100%);max-height:90vh;overflow:auto;padding:clamp(22px,4vw,38px);border-radius:20px;background:#fff;box-shadow:0 30px 90px #00000047}.recommendation-modal h3{margin-top:4px;font-size:24px}.recommendation-modal dl{display:grid;grid-template-columns:110px 1fr;gap:10px 16px;padding:16px;border-radius:12px;background:#f7f8fb}.recommendation-modal dt{font-weight:800}.recommendation-modal dd{margin:0}.section-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-picker-heading>strong{padding:6px 12px;border-radius:999px;background:#eaf4fb;color:#123a68}.field-error-message{color:#b42318;font-weight:700}.map-requirements{padding:20px;border:1px solid rgba(18,58,104,.14);border-radius:16px;background:#f8fbfd}.map-requirements details,.map-editor details{margin-top:14px}.map-requirements summary,.map-editor summary{cursor:pointer;color:#123a68;font-weight:800}.selected-sections-summary{margin:24px 0;padding:18px 20px;border:1px solid rgba(18,58,104,.14);border-radius:16px;background:#f7fbfe}.selected-sections-summary>div{display:flex;justify-content:space-between;gap:16px}.selected-sections-summary p{margin:10px 0 0;color:#4a6177;line-height:1.8}.image-crop-upload{display:grid;gap:12px}.image-crop-upload label{display:grid;gap:6px;font-weight:700}.image-crop-upload label span{color:#64778a;font-size:12px}.crop-preview{width:100%;max-height:320px;border:1px solid rgba(18,58,104,.18);border-radius:12px;background-color:#eef3f6;background-repeat:no-repeat;overflow:hidden}.crop-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .15s ease,object-position .15s ease}.map-editor{display:grid;gap:12px}.contact-settings-tabs{display:flex;gap:8px;margin:24px 0 18px;overflow-x:auto;padding-bottom:4px}.contact-settings-tabs button{flex:0 0 auto;padding:11px 16px;border:1px solid var(--studio-line);border-radius:999px;background:#fff;color:var(--studio-muted);font:inherit;font-weight:800;cursor:pointer}.contact-settings-tabs button.active{border-color:var(--studio-primary);background:var(--studio-primary);color:#fff}.contact-settings-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:22px;align-items:start}.contact-settings-editor,.contact-delivery-preview{min-width:0;padding:22px;border:1px solid var(--studio-line);border-radius:18px;background:#fff}.contact-delivery-preview{position:sticky;top:18px;background:#f7f9fc}.settings-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-field-grid label:not(.inline-check){display:grid;gap:7px;color:var(--studio-ink);font-weight:800}.settings-field-grid .inline-check{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:fit-content;color:var(--studio-ink);font-weight:800;cursor:pointer}.settings-field-grid .inline-check input{flex:0 0 18px;width:18px;height:18px;margin:0;padding:0;accent-color:var(--studio-primary)}.settings-field-grid .wide{grid-column:1 / -1}.settings-field-grid input,.settings-field-grid textarea,.settings-field-grid select{width:100%;border:1px solid var(--studio-line);border-radius:10px;background:#fff;padding:11px 12px;color:var(--studio-ink);font:inherit}.template-token-help{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:12px;border-radius:12px;background:#f4f7fb}.template-token-help strong{width:100%}.template-token-help code{padding:4px 7px;border-radius:6px;background:#e8edf5;color:#123a68}.dedicated-form-fields{display:grid;gap:14px}.form-mail-preview{display:grid;gap:12px}.form-mail-preview>small,.mail-preview-card>small,.thanks-page-preview>small{color:var(--studio-primary);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.form-mail-preview h3{margin:0;color:#123a68;font-size:26px}.form-mail-preview label{display:grid;gap:6px;font-weight:800}.form-mail-preview label b{justify-self:start;padding:2px 6px;border-radius:4px;background:#fee4e2;color:#b42318;font-size:10px}.form-mail-preview input,.form-mail-preview textarea,.form-mail-preview select{width:100%;border:1px solid #cad7e2;border-radius:8px;background:#fff;padding:10px}.form-mail-preview textarea{min-height:100px}.mail-preview-card{overflow:hidden;border:1px solid #d5dfea;border-radius:14px;background:#fff}.mail-preview-card>small,.mail-preview-card>strong{display:block;padding:14px 16px 0}.mail-preview-card dl{display:grid;grid-template-columns:58px minmax(0,1fr);gap:7px 10px;margin:14px 0 0;padding:14px 16px;border-top:1px solid #e4eaf0;border-bottom:1px solid #e4eaf0;font-size:13px}.mail-preview-card dt{color:#718096}.mail-preview-card dd{overflow-wrap:anywhere}.mail-preview-card pre{min-height:280px;margin:0;padding:18px 16px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#27384a;font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.mail-preview-card.disabled{opacity:.58}.thanks-page-preview{display:grid;place-items:center;min-height:390px;padding:40px 24px;border-radius:14px;background:linear-gradient(135deg,#f8fbfe,#e8f2f8);text-align:center}.thanks-page-preview h3{margin:18px 0 8px;color:#123a68;font-size:28px}.thanks-page-preview p{max-width:420px;white-space:pre-line}.thanks-page-preview .button{margin-top:16px}.contact-settings-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.contact-settings-actions+p{margin-top:16px}@media(max-width:720px){.choice-cards,.basic-section-group .section-options,.recommendation-modal dl{grid-template-columns:1fr}.recommendation-modal dt{margin-top:8px}.contact-settings-layout{grid-template-columns:1fr}.contact-delivery-preview{position:static}.settings-field-grid{grid-template-columns:1fr}.settings-field-grid .wide{grid-column:auto}}.deployment-progress-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:18px 20px;border:1px solid #a8b7ff;border-radius:16px;background:linear-gradient(135deg,#f7f9ff,#eef2ff);color:var(--studio-ink);box-shadow:0 12px 30px #3559e917}.deployment-progress-card.success{border-color:#9fd5b9;background:linear-gradient(135deg,#f3fcf7,#e8f8ef)}.deployment-progress-card.error{border-color:#efb5ad;background:linear-gradient(135deg,#fff8f7,#fff0ee)}.deployment-progress-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:#fff;color:var(--studio-primary);box-shadow:0 5px 15px #10182b14}.deployment-progress-card.success .deployment-progress-icon{color:#168354}.deployment-progress-card.error .deployment-progress-icon{color:#b42318}.deployment-progress-heading{display:flex;justify-content:space-between;gap:14px;align-items:center}.deployment-progress-heading b{color:var(--studio-primary);font-size:20px}.deployment-progress-card.success .deployment-progress-heading b{color:#168354}.deployment-progress-card p{margin:4px 0 10px;color:var(--studio-muted);font-size:13px}.deployment-progress-card progress{display:block;width:100%;height:10px;overflow:hidden;border:0;border-radius:999px;background:#dce3f7}.deployment-progress-card progress::-webkit-progress-bar{border-radius:999px;background:#dce3f7}.deployment-progress-card progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,var(--studio-primary),#7690ff);transition:width .25s ease}.deployment-progress-card progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,var(--studio-primary),#7690ff)}.deployment-progress-card.success progress::-webkit-progress-value{background:#24a66c}.deployment-progress-card.success progress::-moz-progress-bar{background:#24a66c}.deployment-progress-card small{display:block;margin-top:8px;color:#53627a;font-weight:800}.deployment-file-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}.file-upload-badge{display:inline-flex;align-items:center;gap:4px;min-width:60px;justify-content:center;padding:3px 6px;border-radius:999px;background:#edf1f5;color:#526679;font-size:10px;font-weight:900}.file-upload-badge.uploading,.file-upload-badge.deploying{background:#e8edff;color:var(--studio-primary-dark)}.file-upload-badge.staged{background:#e6f3ff;color:#176c9e}.file-upload-badge.completed{background:#dff3e9;color:#17623f}.file-upload-badge.failed{background:#fee4e2;color:#b42318}.deployment-file-list>p.file-upload-uploading,.deployment-file-list>p.file-upload-deploying{background:#f7f9ff}.deployment-file-list>p.file-upload-completed{background:#f7fcf9}.deployment-file-list>p.file-upload-failed{background:#fff8f7}.button.danger.upload-success,.button.danger.upload-success:disabled{border-color:#168354;background:#168354;color:#fff;opacity:1}.spin{animation:sftp-spin .85s linear infinite}@keyframes sftp-spin{to{transform:rotate(360deg)}}@media(max-width:620px){.deployment-progress-card{grid-template-columns:1fr;padding:16px}.deployment-progress-icon{width:40px;height:40px}.deployment-file-list>p{align-items:start}.deployment-file-meta{align-items:flex-end;flex-direction:column}}