@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--red:#de1521;--ink:#101010;--paper:#f6f4ec}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font:500 14px/1.8 'Noto Sans JP',sans-serif;color:var(--ink);background:#fff}h1,h2,h3,p{margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #288cde;outline-offset:4px}header{height:82px;background:#101010;color:#fff;display:flex;align-items:center;padding:0 4%;gap:40px}header>span{font-size:12px;margin:auto}header>a:last-child{font-size:12px}.logo{font-size:28px;line-height:1.1;font-weight:900;letter-spacing:-.06em}.logo small{display:block;font-size:10px;letter-spacing:.3em;margin-top:7px;font-weight:500}main{max-width:1400px;margin:auto;padding:45px 4% 65px}.intro{position:relative}.eyebrow{font:800 13px 'Barlow Condensed';letter-spacing:.13em;margin-bottom:15px}.intro h1{font-size:clamp(44px,5.3vw,77px);font-weight:900;line-height:1.2;letter-spacing:-.065em}.intro h1>span{color:var(--red)}.intro>p:not(.eyebrow){margin-top:23px;font-size:15px;line-height:1.8}.mock-tag{position:absolute;right:0;bottom:5px;border:2px solid black;padding:12px 17px;transform:rotate(-3deg);font:900 25px 'Barlow Condensed';letter-spacing:.04em}.mock-tag span{display:block;font:500 11px 'Noto Sans JP';letter-spacing:0;margin-top:4px}.steps{list-style:none;display:flex;gap:35px;margin:45px 0 35px;padding:0}.steps li{display:flex;align-items:center;gap:16px;flex:1;position:relative}.steps li:not(:last-child):after{content:'→';color:#aaa;position:absolute;right:0;font-size:26px}.steps b{background:#ededeb;color:#aaa;border-radius:50%;height:53px;width:53px;display:grid;place-items:center;font:800 29px 'Barlow Condensed'}.steps span{font-size:15px;font-weight:800}.steps small{display:block;font-size:11px;font-weight:500}.steps .active b,.steps .done b{background:var(--red);color:white}#status{padding:0;margin-bottom:20px;font-size:14px}#status:not(:empty){border-left:4px solid var(--red);background:#fff0ee;padding:13px 17px}.button{display:flex;align-items:center;justify-content:center;gap:15px;border:0;font-weight:800;font-size:14px;min-height:55px;padding:15px 20px;width:100%;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:4px 4px 0 #000}.button:disabled{opacity:.5;cursor:wait;transform:none;box-shadow:none}.red{background:var(--red);color:white}.black{background:#111;color:white}.outline{border:1px solid #aaa;background:transparent}.text-button{display:block;border:0;border-bottom:1px solid;background:none;padding:3px 0;margin:17px auto;font-size:12px;line-height:1.6}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid #ccc;padding-top:35px}.checkout-grid h2,.workspace-heading h2{font-size:42px;font-weight:900;line-height:1.25;letter-spacing:-.06em}.body-copy{font-size:15px;margin-top:24px}.credit-card{margin-top:30px;max-width:400px;aspect-ratio:1.65;background:linear-gradient(130deg,#111,#363636);border-radius:16px;color:white;padding:26px;box-shadow:12px 12px 0 #ece9df;transform:rotate(-3deg);display:flex;flex-direction:column;justify-content:space-between}.credit-card>span{font-size:14px;font-weight:800}.credit-card b{font:700 30px 'Barlow Condensed';letter-spacing:.1em}.credit-card small{font-size:9px;letter-spacing:.14em}.order{background:var(--paper);padding:28px}.order h3{font-size:20px;font-weight:900;margin-bottom:20px}.plan-choice{display:flex;align-items:center;gap:12px;border:2px solid #ccc;background:white;padding:18px 13px;margin:12px 0;cursor:pointer}.plan-choice:has(input:checked){border-color:var(--red)}.plan-choice input{accent-color:var(--red);width:17px;height:17px}.plan-choice>span{font-weight:800;font-size:14px;flex:1}.plan-choice small{display:block;font-size:11px;line-height:1.5;font-weight:500}.plan-choice>b{font:800 29px 'Barlow Condensed';white-space:nowrap}.plan-choice>b small{font:500 10px 'Noto Sans JP';text-align:right}.notice{font-size:12px;line-height:1.8;margin:20px 0;color:#555}.cancel{display:block;text-align:center;font-size:12px;margin-top:20px;text-decoration:underline}.resume{background:#f6f4ec;border:2px solid #111;padding:22px;display:flex;gap:20px;align-items:center;margin-bottom:30px;flex-wrap:wrap}.resume h2{font-size:20px;font-weight:900}.resume p{font-size:12px}.resume .button{width:auto;margin-left:auto}.resume .text-button{margin:0}.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.workspace-heading h2{font-size:38px}.workspace-heading>div:last-child{text-align:right;font-size:12px;color:#555}.workspace-heading .text-button{margin:12px 0 0 auto}.studio-grid{display:grid;grid-template-columns:43% 57%;gap:25px;align-items:start}.form-panel{background:var(--paper);padding:27px;border-radius:5px}.form-panel h3{font-size:19px;font-weight:900}.help{font-size:11px;line-height:1.8;color:#666;margin:9px 0 20px}.form-panel form>label,.field-row>label{display:block;font-size:12px;font-weight:700;margin-top:20px}.form-panel em{font-style:normal;color:#777;font-size:10px;font-weight:500;margin-left:5px}.form-panel input:not([type=file]):not([type=radio]):not([type=color]),.form-panel textarea{display:block;width:100%;padding:11px 12px;border:1px solid #ccc;background:white;font-size:13px;border-radius:2px;margin-top:7px;color:#111}.form-panel textarea{min-height:115px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-panel fieldset{margin:23px 0 0;padding:0;border:0}.form-panel legend{font-size:12px;font-weight:700;margin-bottom:10px;width:100%}.form-panel legend>span{float:right;color:#666;font-weight:500}.form-panel legend small{font-size:10px;color:#777}.drop-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #aaa;padding:20px 10px;background:#ffffff60;cursor:pointer;text-align:center}.drop-zone.drag{background:#ffe8e5;border-color:var(--red)}.drop-zone>span{font-size:31px;line-height:1.1}.drop-zone b{font-size:12px;margin-top:8px}.drop-zone small{font-size:11px;color:#666;margin:5px 0}.drop-zone input{max-width:100%;font-size:11px;margin-top:10px}.photo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.photo{position:relative;min-width:0}.photo img{width:100%;height:78px;object-fit:cover;display:block}.photo button{position:absolute;right:3px;top:3px;border:0;color:white;background:#000c;width:23px;height:23px;font-size:15px}.photo small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.logo-upload{display:block;background:white;border:1px solid #ccc;padding:10px;font-size:12px}.logo-upload input{display:block;font-size:11px;width:100%;margin-top:8px}#logo-preview{display:flex;gap:15px;align-items:center;margin-top:10px}#logo-preview img{width:90px;height:55px;object-fit:contain;background:white}#logo-preview button{border:0;background:none;text-decoration:underline;font-size:12px}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.templates label{position:relative;background:#fff;border:2px solid transparent;padding:7px;cursor:pointer;text-align:center;min-width:0}.templates label:has(input:checked){border-color:var(--red)}.templates input{position:absolute;left:6px;top:6px;accent-color:var(--red);z-index:1}.template-swatch{display:grid;height:70px;place-items:center;font:35px Georgia;line-height:1}.editorial{background:#eeead9;color:#4c5d42}.minimal{background:#f4f7fb;color:#19324d}.bold{background:#ff1921;color:#080808;font-family:'Barlow Condensed';font-weight:900}.templates b{font:700 12px 'Barlow Condensed';display:block;margin-top:7px;letter-spacing:.05em}.templates small{display:block;font-size:9px;white-space:nowrap}.form-panel .color-label{display:flex;align-items:center;gap:12px;margin:24px 0}.color-label input{width:48px;height:34px;padding:2px;border:1px solid #ccc;background:white}.color-label span{font-size:11px;font-weight:500}.form-panel .button{margin-top:12px}.preview-panel{position:sticky;top:20px;min-width:0;border:1px solid #e1e2e5;border-radius:4px;overflow:hidden;background:white;box-shadow:0 3px 15px #0000000a}.preview-toolbar{padding:15px 17px;background:#f5f6fa;display:flex;align-items:center;justify-content:space-between;gap:15px}.preview-toolbar b{font:700 14px 'Barlow Condensed';letter-spacing:.07em}.preview-toolbar small{display:block;font-size:10px;color:#707785;margin-top:2px}.view-toggle{display:flex;border:1px solid #c3c8cf}.view-toggle button{font-size:11px;border:0;background:transparent;padding:8px 11px}.view-toggle button[aria-pressed=true]{background:#111;color:white}.preview-surface{background:#e8e8e5;display:flex;justify-content:center;padding:0;min-height:660px;overflow:hidden}iframe{border:0;background:white;width:100%;height:760px;transition:width .2s}.preview-surface.phone{padding:15px 0} .preview-surface.phone iframe{width:375px;max-width:100%;height:720px;border:5px solid black;border-radius:18px}.completion{padding:24px;border-top:3px solid var(--red);background:#fff}.ready{font:900 32px 'Barlow Condensed';color:var(--red)}.completion h3{font-size:22px;font-weight:900;line-height:1.5;margin:8px 0 14px}.completion>p:not(.help){font-size:13px;margin-bottom:17px}.completion .help{margin-bottom:0}footer{background:#111;color:white;min-height:180px;padding:35px 5%;display:grid;grid-template-columns:1fr 1fr;gap:15px}footer>p{font-size:12px;grid-column:1;grid-row:2}footer>a:last-of-type{font-size:12px;text-align:right}footer>small{font-size:10px;text-align:right;grid-column:2;grid-row:2}
@media(max-width:1000px){.studio-grid{grid-template-columns:46% 54%;gap:18px}.form-panel{padding:20px}.mock-tag{font-size:20px}.field-row{grid-template-columns:1fr;gap:0}.checkout-grid{gap:5%}.order{padding:20px}.plan-choice{padding:14px 10px;gap:7px}.plan-choice>b{font-size:25px}.plan-choice>span{font-size:12px}}
@media(max-width:760px){header{height:70px;padding:0 20px;gap:15px}.logo{font-size:25px}header>span{display:none}header>a:last-child{margin-left:auto;font-size:11px}main{padding:30px 20px 45px}.intro h1{font-size:39px}.intro>p:not(.eyebrow){font-size:14px;margin-top:20px}.eyebrow{font-size:11px}.mock-tag{position:static;display:inline-block;margin-top:24px;font-size:20px;padding:9px 14px}.steps{gap:11px;margin:30px 0;justify-content:space-between}.steps li{display:block;flex:1}.steps b{height:39px;width:39px;font-size:23px;margin-bottom:8px}.steps span{font-size:12px}.steps small{font-size:10px;line-height:1.5;margin-top:3px}.steps li:not(:last-child):after{top:3px;right:9px;font-size:23px}.checkout-grid{display:block;padding-top:25px}.checkout-grid h2{font-size:36px}.body-copy{font-size:14px}.credit-card{margin:24px 5px 35px;padding:23px;max-width:360px}.credit-card b{font-size:28px}.order{padding:20px}.order h3{font-size:18px}.plan-choice>span{font-size:13px}.plan-choice>b{font-size:28px}.plan-choice small{font-size:11px}.notice{font-size:12px}.resume{padding:17px;display:block}.resume .button{width:100%;margin:16px 0}.resume .text-button{margin:14px auto}.resume h2{font-size:18px}.workspace-heading{display:block}.workspace-heading h2{font-size:34px}.workspace-heading>div:last-child{text-align:left;margin-top:17px}.workspace-heading .text-button{margin-left:0}.studio-grid{display:flex;flex-direction:column;gap:23px}.form-panel,.preview-panel{width:100%}.form-panel{padding:22px 17px}.form-panel h3{font-size:17px}.form-panel form>label,.field-row>label,.form-panel legend{font-size:13px}.form-panel input:not([type=file]):not([type=radio]):not([type=color]),.form-panel textarea{font-size:16px}.form-panel em{font-size:11px}.help{font-size:11px}.drop-zone b{font-size:13px}.drop-zone small{font-size:11px}.templates small{font-size:9px}.preview-panel{position:static}.preview-toolbar{padding:13px}.preview-toolbar b{font-size:13px}.preview-toolbar small{font-size:10px}.view-toggle button{padding:7px 9px}.preview-surface{min-height:580px}iframe{height:640px}.preview-surface.phone iframe{height:640px}.completion{padding:19px}.completion h3{font-size:20px}.completion>p:not(.help){font-size:14px}.completion .button{font-size:13px;padding:15px 12px}.button{font-size:14px}.photo-list{gap:7px}footer{padding:28px 20px;gap:17px}footer>a:last-of-type{font-size:11px}footer>small{font-size:9px;max-width:155px;justify-self:end}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#preview-page{font:inherit;font-size:11px;max-width:115px;border:1px solid #bbb;padding:7px;background:white}.studio-grid{grid-template-columns:minmax(0,43fr) minmax(0,57fr)}@media(max-width:1000px){.studio-grid{grid-template-columns:minmax(0,46fr) minmax(0,54fr)}}@media(max-width:760px){.preview-toolbar{flex-wrap:wrap;gap:9px}#preview-page{margin-left:auto}}
@media(max-width:760px){.intro h1{font-size:clamp(27px,7.8vw,39px)}.intro h1>span{white-space:nowrap}}

.included-note{border:2px solid var(--red);padding:13px 15px;margin-top:24px;font-size:12px}.included-note b{font-size:20px;color:var(--red)}.included-note small{display:block;font-size:10px;margin-top:5px}.color-presets{display:flex;gap:10px;margin-top:-8px}.color-presets button{background:var(--swatch);width:31px;height:31px;border:3px solid white;box-shadow:0 0 0 1px #ccc;border-radius:50%;padding:0}.custom-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.custom-cards label{position:relative;border:2px solid transparent;background:#fff;padding:20px 5px 9px;cursor:pointer;text-align:center;min-width:0}.custom-cards label:has(input:checked){border-color:var(--red)}.custom-cards input{position:absolute;top:5px;left:5px;accent-color:var(--red);margin:0}.custom-cards span{display:block;font-size:17px;padding:8px 0;white-space:nowrap}.custom-cards b{display:block;font-size:11px;margin-top:5px}.characters{grid-template-columns:repeat(4,minmax(0,1fr))}.characters span{font-size:29px;line-height:1.3}.buttons span{font:700 11px 'Barlow Condensed';background:#202020;color:#fff;padding:10px 3px;margin-top:5px}.section-toggles{display:flex;flex-wrap:wrap;gap:10px 17px}.section-toggles label{font-size:12px}.section-toggles input{accent-color:var(--red)}@media(max-width:760px){.included-note small{font-size:11px}.custom-cards b{font-size:11px}.fonts span{font-size:15px}.section-toggles label{font-size:13px}}

.characters span svg{width:48px;height:48px;display:block;margin:auto}.characters span{height:66px;display:grid;place-content:center}

#payment-panel{border:2px solid #111;padding:17px;margin-top:20px}#payment-panel h4{font-size:17px;margin:0 0 10px}#order-summary{font-weight:900;font-size:22px;line-height:1.6}.paid-badge{background:#eaf1e5;padding:12px;font-weight:700;font-size:13px;margin-bottom:15px}.credit-card b{font:800 26px/1.5 "Noto Sans JP",sans-serif;letter-spacing:-.05em}

.character-categories{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.character-categories button{border:1px solid #aaa;background:#fff;font-size:11px;padding:8px 10px;line-height:1.4}.character-categories button[aria-pressed=true]{background:#111;color:white;border-color:#111}.character-selection{display:flex;flex-wrap:wrap;gap:9px 15px;align-items:center;font-size:11px;margin-bottom:13px}.character-selection input{accent-color:var(--red)}#character-current{color:#666}.characters{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.characters label{padding:23px 6px 10px}.characters label>div{width:100%;min-width:0}.characters b{font-size:10px;line-height:1.5;min-height:30px;display:grid;place-items:center}#legacy-character{font-size:12px;margin-top:12px}#legacy-character input{accent-color:var(--red)}@media(max-width:760px){.character-categories button{font-size:11px;padding:9px}.characters{gap:6px}.characters label{padding:22px 4px 8px}.characters b{font-size:10px}.character-selection{font-size:12px}}

.select-label{font-size:12px;display:block}.select-label select{width:100%;margin-top:8px;border:1px solid #bbb;background:white;padding:10px;font:inherit}.design-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}.design-choice{position:relative;border:2px solid transparent;background:white;text-align:left;padding:7px;cursor:pointer}.design-choice[aria-pressed=true]{border-color:var(--red)}.design-choice b{display:block;font-size:11px;line-height:1.5;margin-top:8px}.design-choice small{display:block;font-size:10px;line-height:1.5;color:#666;margin-top:5px}.design-mini{height:98px;position:relative;overflow:hidden;background:var(--design-color);color:white;padding:18px 6px;font-size:14px;font-weight:800;line-height:1.2}.design-mini:before{content:'';position:absolute;inset:0 0 auto;height:8px;background:#ffffffd9}.design-mini:after{content:'';position:absolute;left:6px;right:6px;height:28px;bottom:8px;background:linear-gradient(90deg,#ffffffcc 30%,transparent 30% 35%,#ffffff99 35% 65%,transparent 65% 70%,#ffffffbb 70%)}.design-mini.minimal{background:#f4f5f7;color:var(--design-color);border-bottom:7px solid var(--design-color)}.design-mini.editorial{background:#efeadb;color:var(--design-color);font-family:serif}.company-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.company-icons label{position:relative;display:block;background:white;border:2px solid transparent;padding:18px 5px 8px;text-align:center;cursor:pointer}.company-icons label:has(input:checked){border-color:var(--red)}.company-icons input{position:absolute;left:4px;top:4px;margin:0;accent-color:var(--red)}.company-icons svg{width:34px;height:34px;display:block;margin:0 auto 6px}.company-icons b{display:block;font-size:9px;line-height:1.4}.icon-none{font-size:12px}.icon-none input{accent-color:var(--red)}#company-icon-current{display:block;margin:10px 0 0}@media(max-width:760px){.select-label select{font-size:16px}.design-choices{gap:6px}.design-choice{padding:5px}.design-choice b{font-size:11px}.design-mini{font-size:12px}.company-icons b{font-size:9px}}

.legacy-uploads{margin-top:22px;border-top:1px solid #ccc;padding-top:14px}.legacy-uploads summary{cursor:pointer;font-size:12px;font-weight:700}.slot-navigation{padding:12px 16px;background:#fff;border-bottom:1px solid #ddd}.slot-navigation>b{font-size:12px}.slot-navigation>small{display:block;font-size:10px;color:#666;margin-top:8px}#slot-navigation{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}#slot-navigation button{font:600 11px/1.4 "Noto Sans JP",sans-serif;background:#fff;border:1px solid #aaa;padding:6px 9px;cursor:pointer}#slot-navigation button:hover{background:#111;color:#fff}@media(max-width:760px){.slot-navigation>small{font-size:11px}#slot-navigation button{font-size:11px;padding:8px}.legacy-uploads summary{font-size:13px}}

.placement-modes{display:flex;margin:13px 0;border:1px solid #aaa}.placement-modes button{flex:1;border:0;background:white;padding:9px;font-size:12px}.placement-modes button[aria-pressed=true]{background:#111;color:white}.size-control{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:12px;gap:8px}.size-control input{width:100%;accent-color:var(--red)}.placement-controls{border-top:1px solid #ccc!important;padding-top:20px!important}.placement-controls .text-button{font-size:11px}

.logo-none{font-size:12px;display:block;margin-bottom:13px}.logo-none input{accent-color:var(--red)}.company-logos{display:grid;grid-template-columns:1fr;gap:12px}.company-logos>label{position:relative;border:2px solid #ddd;background:white;padding:25px 15px 12px;cursor:pointer;min-width:0}.company-logos>label:has(input:checked){border-color:var(--red)}.company-logos input{position:absolute;top:9px;left:10px;accent-color:var(--red);margin:0}.company-logos svg{display:block;width:100%;height:auto;min-height:65px}.company-logos b{display:block;font-size:12px;border-top:1px solid #eee;padding-top:10px;margin-top:12px}.company-logos small{display:block;font-size:11px;color:#666;margin-top:3px}

.detail-categories{margin-top:24px}.detail-categories>details{border-top:1px solid #bbb;padding:16px 0}.detail-categories summary{font-size:14px;font-weight:800;cursor:pointer}.detail-categories summary>span{float:right;font-size:11px;color:#666}.detail-item{background:white;border:1px solid #d7d5cf;padding:14px;margin-top:14px}.detail-item-tools{display:flex;gap:7px;align-items:center;margin-bottom:12px}.detail-item-tools b{font-size:12px;margin-right:auto}.detail-item-tools button{font:inherit;font-size:11px;padding:4px 7px;border:1px solid #ccc;background:white}.detail-item-tools button:disabled{opacity:.3}.detail-item>label{display:block;font-size:12px;font-weight:600;margin-top:13px}.detail-item input,.detail-item textarea{font-size:14px!important}.detail-item textarea{min-height:75px!important}.detail-photo{display:flex;align-items:center;gap:12px;background:#f6f5f0;padding:10px}.detail-photo img{width:85px;height:65px;object-fit:cover}.detail-photo>span{font-size:11px;color:#666;min-width:85px}.detail-photo button{font-size:12px;border:1px solid #aaa;background:white;padding:8px}.detail-categories .button{font-size:12px;min-height:44px}@media(max-width:760px){.detail-item input,.detail-item textarea{font-size:16px!important}.detail-item>label{font-size:13px}}

.design-preview-card{min-width:0;background:#fff;border:2px solid #ddd;padding:6px}.design-preview-card.selected{border-color:var(--red)}.design-thumbnail{height:140px;overflow:hidden;position:relative;background:#eee}.design-thumbnail iframe{position:absolute;left:0;top:0;width:1440px!important;height:2160px!important;max-width:none!important;transform-origin:0 0;pointer-events:none;border:0;transition:none}.design-preview-card>b{display:block;font-size:11px;margin:9px 2px 4px;line-height:1.5}.design-preview-card>small{display:block;font-size:10px;color:#666;margin:0 2px;line-height:1.5}.design-card-actions{display:flex;flex-direction:column;gap:5px;margin-top:10px}.design-card-actions button{font-size:10px;border:1px solid #aaa;background:white;padding:7px 3px;cursor:pointer}.design-card-actions button[aria-pressed=true]{background:#111;color:white;border-color:#111}#design-dialog{width:min(1180px,94vw);max-width:none;height:94vh;max-height:94vh;border:2px solid #111;padding:0;background:#fff}#design-dialog::backdrop{background:#000b}.design-dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#111;color:white;gap:20px}.design-dialog-bar b{font-size:17px}.design-dialog-bar small{display:block;font-size:11px;margin-top:4px}.design-dialog-bar button{border:0;background:transparent;color:white;font-size:30px;padding:0 8px}#design-large-preview{display:block;width:100%;height:calc(94vh - 168px);border:0}.design-dialog-actions{padding:12px 20px}.design-dialog-actions .button{max-width:400px;margin:auto}@media(max-width:760px){.design-choices{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;gap:12px}.design-preview-card{flex:0 0 78%;scroll-snap-align:start;padding:9px}.design-thumbnail{height:240px}.design-preview-card>b{font-size:14px}.design-preview-card>small{font-size:12px}.design-card-actions{flex-direction:row}.design-card-actions button{flex:1;font-size:12px;padding:10px 5px}.design-dialog-bar{padding:13px}.design-dialog-bar b{font-size:15px}.design-dialog-bar small{font-size:10px}#design-large-preview{height:calc(94vh - 180px)}}
.industry-design{min-width:0;width:100%;box-sizing:border-box}.design-choices{min-width:0;max-width:100%}.form-panel{min-width:0}@media(min-width:761px) and (max-width:1100px){.design-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}

.design-mode{display:flex;gap:6px;margin:12px 0}.design-mode button{flex:1;border:1px solid #aaa;padding:10px 5px;background:#fff;color:#111;font-size:12px;cursor:pointer}.design-mode button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}

.sample-edit-notice{font-size:12px;line-height:1.8;background:#fff1d9;border-left:3px solid #de1521;padding:14px}.design-dialog-actions{display:flex;gap:8px}.design-dialog-actions .button{font-size:12px;flex:1}#design-large-preview{height:calc(94vh - 190px)}

.editor-tabs{display:flex;gap:5px;margin:-3px 0 24px;border-bottom:2px solid #111;position:relative;z-index:auto;background:#f5f2e9;padding-top:8px}.editor-tabs button{flex:1;border:0;padding:15px 8px;background:transparent;font-weight:800;font-size:14px;cursor:pointer;color:#555}.editor-tabs button[aria-selected=true]{background:#111;color:#fff}.editor-tabs button:focus-visible{outline:3px solid #de1521;outline-offset:2px}#pane-menu>details{border:0;padding:0}#pane-menu>details>summary{padding:12px 0;font-weight:700}.form-panel #generate{margin-top:24px}
.detail-photo{position:relative;display:block;min-height:170px;padding:0;background-repeat:no-repeat;overflow:hidden}.detail-photo img{width:100%!important;height:190px!important;object-fit:cover!important}.detail-photo>span{display:block;padding:60px 15px;text-align:center}.detail-photo button{position:absolute;right:10px;bottom:10px;white-space:nowrap;min-width:100px;z-index:2;padding:10px 14px;font-weight:700}

.detail-photo{height:190px;container-type:size}.detail-photo-tile{position:absolute;display:block;width:max(100cqw,100cqh);height:max(100cqw,100cqh);left:50%;top:50%;transform:translate(-50%,-50%);background-repeat:no-repeat}

.selected-design-info{font-size:12px;line-height:1.7;color:#555;margin:12px 0}

.selected-image-bar{margin:12px 0;padding:12px;background:#fff1e7;border:1px solid #dcbbac;display:flex;align-items:center;justify-content:space-between;gap:12px}.selected-image-bar strong{font-size:13px}.selected-image-bar>div{display:flex;gap:6px;flex-shrink:0}.selected-image-bar button{border:0;background:#de1521;color:#fff;padding:10px 14px;font-weight:700;cursor:pointer}.selected-image-bar button:last-child{background:#111}.selected-image-bar button:disabled{opacity:.4;cursor:default}#slot-navigation button[aria-pressed=true]{background:#111;color:#fff}@media(max-width:760px){.selected-image-bar{align-items:flex-start;flex-direction:column}.selected-image-bar button{font-size:13px}}

.hp-page-control{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;font-weight:800;padding:10px 0}.hp-page-control select{font:inherit;padding:8px;background:white;border:1px solid #aaa;max-width:100%}#design-dialog-page-label{padding:10px 20px;margin:0;background:#f6f4ec}#preview-page-label{padding:0}#preview-page{font-size:12px}

.contact-setup{border:1px solid #ccc;background:#fff;padding:18px;margin:18px 0}.contact-setup h3{font-size:17px}.contact-setup-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.contact-setup-actions .button{font-size:12px;padding:10px 12px;min-height:42px}#contact-delivery-status{font-size:13px;margin-top:12px;font-weight:700}.contact-setup button:disabled{opacity:.45;cursor:not-allowed}

/* Keep neighboring controls aligned when a label wraps. */
.field-row>label{display:grid;grid-template-rows:1fr auto;align-items:stretch}.field-row .studio-field-title{display:block;line-height:1.65}.field-row>label>input{align-self:end}

/* Operator information is confined to the service footer. */
footer .operator-link{color:inherit;text-decoration:underline;text-underline-offset:3px;display:inline-block}footer .operator-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}

#page-selection{max-width:900px;margin:35px auto}#page-selection>p{margin:20px 0}.hp-page-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0}.hp-page-options label{display:flex;gap:12px;align-items:center;border:2px solid #222;padding:20px;font-weight:800}.hp-page-options label:has(input:checked){background:#fff0ef;border-color:#de1521}.hp-page-options input{width:20px;height:20px;accent-color:#de1521}#hp-pages-cancel{margin:18px}@media(max-width:600px){.hp-page-options{grid-template-columns:1fr}#page-selection h2{font-size:35px}}

#page-selection h2{font-size:clamp(30px,4vw,44px);line-height:1.3}

.hp-page-options label{flex-wrap:wrap}.page-sample-open{margin-left:auto;border:0;border-bottom:1px solid currentColor;padding:4px;background:transparent;color:#85343a;font:700 12px inherit;cursor:pointer}#hp-page-demo-dialog{width:min(1250px,96vw);max-width:96vw;padding:0;border:2px solid #111}#hp-page-demo-frame{width:100%;height:75vh;border:0;display:block}#hp-page-demo-title+small{display:block;font-size:11px;max-width:80vw}

.hp-fill-empty{display:flex;align-items:flex-start;gap:12px;margin:24px 0;padding:18px;background:#f4efe7;border:1px solid #ccc;font-size:14px;line-height:1.7}.hp-fill-empty input{width:20px;height:20px;flex:none;margin-top:3px;accent-color:#c72d35}.hp-fill-empty small{display:block;font-size:12px;font-weight:400}

#open-public-preview{margin-bottom:14px}#public-preview-dialog{width:calc(100vw - 32px);max-width:1600px;height:calc(100dvh - 32px);max-height:none;padding:0;border:1px solid #bbb;background:#e9e7e2}#public-preview-dialog::backdrop{background:#000b}.public-preview-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 20px;background:white;border-bottom:1px solid #ccc}.public-preview-controls>div:first-child{flex:1;min-width:180px}.public-preview-controls small{display:block;font-size:11px;font-weight:400}.public-preview-controls label{display:flex;align-items:center;gap:8px;font-size:12px}.public-preview-controls select{padding:8px;max-width:180px}#public-preview-close{font-size:27px;background:none;border:0;width:40px;height:40px}.public-preview-stage{height:calc(100% - 122px);display:flex;justify-content:center;padding:12px;overflow:auto}#public-preview-frame{border:0;background:white;width:100%;height:100%;flex:none;max-width:100%}#public-preview-frame.phone{width:390px}@media(max-width:600px){#public-preview-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.public-preview-controls{padding:10px;gap:8px}.public-preview-stage{padding:4px;height:calc(100% - 160px)}}

#public-preview-dialog[open]{display:flex;flex-direction:column}.public-preview-controls{flex:none}.public-preview-stage{height:auto;flex:1;min-height:0}


.element-editor{padding:14px;background:#f5f1e9;border:1px solid #ccc;margin-bottom:12px}.element-editor label{display:flex;align-items:center;gap:10px;font-size:12px;flex-wrap:wrap}.element-editor select{padding:8px;max-width:100%}.element-editor p{font-size:12px;margin:9px 0}.element-editor>div{display:flex;gap:8px;flex-wrap:wrap}.element-editor button{padding:8px 12px;border:1px solid #aaa;background:white;font-size:12px}.element-editor button:disabled{opacity:.45;cursor:default}.element-editor small{font-size:11px;display:block;margin-top:9px}

.layout-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.element-editor .layout-values label{display:block;font-size:11px}.layout-values input{width:100%;padding:7px;border:1px solid #bbb;background:white}@media(max-width:500px){.layout-values{grid-template-columns:repeat(2,minmax(0,1fr))}}

.element-editor>#layout-controls{display:block}#layout-controls>button{margin:0 6px 8px 0;min-height:38px}#layout-controls .layout-values{display:grid} 


.preview-panel.layout-active{position:static}


#direct-editor-toolbar{padding:12px;background:#fff9f4;border-block:1px solid #dfd2c8;font-size:12px}#direct-editor-toolbar strong{display:block;margin-bottom:8px}#direct-text-tools,.direct-actions{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0}#direct-editor-toolbar button,#direct-editor-toolbar select,#direct-editor-toolbar input{font:inherit;padding:6px 8px;border:1px solid #bba99f;background:white;min-height:34px;max-width:130px}#direct-editor-toolbar input[type=number]{width:65px}#direct-editor-toolbar input[type=color]{width:40px;padding:3px}#direct-editor-toolbar small{display:block;font-size:11px;line-height:1.7}.preview-panel{position:static}

#direct-editor-toolbar:not(.has-selection):not(.has-history) .direct-actions,#direct-editor-toolbar:not(.has-selection)>small{display:none}#direct-editor-toolbar.has-selection{border:1px solid #d2b9af;border-radius:5px;box-shadow:0 4px 24px #0003;padding:10px}#direct-editor-toolbar.has-selection small{font-size:10px}#direct-editor-toolbar.has-selection strong{font-size:11px;margin-bottom:4px}#direct-editor-toolbar.has-selection .direct-actions{margin-bottom:0}

#direct-editor-toolbar:not(.has-selection) .direct-actions button:not(#direct-undo){display:none}#direct-editor-toolbar.has-history{border:1px solid #d2b9af;border-radius:5px;box-shadow:0 4px 24px #0003}

#direct-toolbar-close{float:right;font-size:20px!important;line-height:1;min-height:26px!important;padding:2px 7px!important;margin-left:6px}#direct-editor-toolbar:not(.has-selection):not(.has-history) #direct-toolbar-close{display:none}

.direct-decorations{display:flex;gap:4px;align-items:center;flex-wrap:wrap;flex-basis:100%;padding-top:5px;border-top:1px solid #e5d7d0}#direct-editor-toolbar .direct-decorations button{min-width:29px;padding:4px 6px;min-height:30px}#direct-editor-toolbar .direct-decorations input[type=color]{width:30px;min-height:30px;height:30px}#direct-editor-toolbar .direct-decorations button[aria-pressed=true]{background:#232323;color:white;border-color:#232323}

#direct-editor-toolbar.has-selection #direct-toolbar-close,#direct-editor-toolbar.has-history #direct-toolbar-close{position:absolute;right:8px;top:8px;float:none}#direct-editor-toolbar.has-selection strong{padding-right:40px}


/* Keep legacy values for existing projects; editing happens on the sample. */
.legacy-uploads,fieldset:has(input[name="template"]),.color-label,.color-presets,fieldset:has(#character-categories),.placement-controls{display:none!important}


/* Settings above the full-width live editor. */
.studio-grid{display:flex;flex-direction:column;gap:24px;width:100%}
.studio-grid>.form-panel,.studio-grid>.preview-panel{width:100%;height:auto;max-height:none;overflow:visible;position:static;scrollbar-gutter:auto;overscroll-behavior:auto}
#studio-settings>summary{display:flex;justify-content:space-between;gap:16px;align-items:center;cursor:pointer;list-style:none;padding:4px 0 16px;font-size:17px}
#studio-settings>summary:after{content:'＋';font-size:24px}#studio-settings[open]>summary:after{content:'−'}
#studio-settings>summary span{margin-left:auto;font-size:12px;color:#666;font-weight:400}
#studio-settings[open]>summary{border-bottom:1px solid #ccc;margin-bottom:18px}
.studio-save-actions{display:flex;gap:12px}.studio-save-actions>.button{width:auto;flex:1;max-width:380px}
.studio-grid>.form-panel{padding:22px 26px}.studio-grid>.form-panel form>.help{margin:10px 0 0}
.company-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
.design-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
.preview-surface #preview{height:calc(100dvh - 120px);min-height:620px}
@media(max-width:760px){#studio-settings>summary{font-size:15px;flex-wrap:wrap;gap:6px}#studio-settings>summary span{margin:0;font-size:11px}#studio-settings>summary:after{margin-left:auto}.studio-grid>.form-panel{padding:20px 16px}.studio-save-actions{flex-direction:column;gap:0}.studio-save-actions>.button{width:100%;max-width:none}.company-logos{grid-template-columns:1fr}.preview-surface #preview{height:78dvh;min-height:520px}}

.form-panel .studio-save-actions>.button{margin-top:12px}
.form-panel .studio-save-actions>#generate{margin-top:12px}

/* Three stages: choose a sample, edit the site, review the result. */
body[data-studio-step] .intro{display:none}body[data-studio-step] main{padding-top:24px}
body[data-studio-step] .workspace-heading h2{font-size:28px}body[data-studio-step] .workspace-heading{margin-bottom:15px}
#checkout .checkout-grid{display:block;border:0;padding:0}#checkout .checkout-grid>div:first-child{display:none}
#checkout .order{background:#f6f3ec;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
#checkout .order h3{grid-column:1/-1}#checkout .order .plan-choice{margin:0}#checkout .order .notice,#checkout .order .cancel{display:none}
#design-stage{margin:24px 0}#design-stage>h2{font-size:28px}#design-stage>p{font-size:13px;margin:8px 0 18px}
#design-stage .industry-design{border:0;padding:0;margin:0}#design-stage .industry-design>legend,#design-stage .industry-design>.help:last-child{display:none}
#design-stage .design-choices{grid-template-columns:repeat(3,minmax(0,1fr))}#checkout>#start-free{max-width:420px;margin:20px auto}
#checkout.changing-design>.checkout-grid,#checkout.changing-design>#resume,#checkout.changing-design>#start-free{display:none}
body[data-studio-step="1"] .form-panel{display:flex;flex-direction:column;padding:15px 20px}
#site-form{display:flex;flex-direction:column}.studio-save-actions{order:-1;gap:8px;margin-bottom:14px}
.form-panel .studio-save-actions>.button{margin:0!important;min-height:46px;max-width:none;flex:1;font-size:13px;padding:10px 14px}
#jump-to-preview{display:none}#studio-settings>summary{font-size:13px;padding:5px 0}#studio-settings>summary:after{font-size:20px}
#site-form>.help,.sample-edit-notice,#pane-info>h3,#pane-info>h3+.help{display:none}
body[data-studio-step="1"] .workspace-heading .eyebrow{display:none}
body[data-studio-step="2"] .form-panel,body[data-studio-step="2"] .preview-panel>:not(#completion){display:none}
#completion{padding:0;border:0;text-align:left}#completion-viewer{background:#e9e7e2;margin-bottom:30px}
#completion-viewer .public-preview-stage{height:78vh;min-height:540px}#completion-viewer #public-preview-close{font-size:13px;width:auto;white-space:nowrap;border:1px solid #aaa;padding:9px}
#completion>#payment-panel,#completion>#paid-panel,#completion>p,#completion>h3,#completion>.ready{margin-left:22px;margin-right:22px}
@media(max-width:760px){#checkout .order{grid-template-columns:1fr}#design-stage .design-choices{display:flex}.studio-save-actions{display:grid;grid-template-columns:1fr 1fr}.form-panel .studio-save-actions>.button{font-size:12px;padding:10px 7px;min-height:44px}.studio-save-actions #generate{order:4}.studio-save-actions #save{order:3}#studio-settings>summary span{display:none}#completion-viewer .public-preview-stage{min-height:450px;height:72vh}}

.studio-save-actions #change-design{order:1}.studio-save-actions #editor-undo{order:2}.studio-save-actions #save{order:3}.studio-save-actions #generate{order:4}

#open-public-preview{display:none!important}
#direct-editor-toolbar:not(.has-selection):not(.has-history){display:none}

#design-stage .design-choices{display:grid;overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;scroll-snap-type:none}
#design-stage .design-preview-card{width:auto;min-width:0;flex:none}#design-stage .design-thumbnail{cursor:pointer}#design-stage .design-thumbnail:focus-visible{outline:3px solid #de1521;outline-offset:2px}
@media(max-width:1000px){#design-stage .design-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#design-stage .design-choices{grid-template-columns:1fr}#design-stage .design-thumbnail{height:280px}#design-stage .design-card-actions{display:flex}#design-stage .design-card-actions button{min-height:44px}}

#menu-item-dialog{width:min(520px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid #bbb;background:#fffaf4}#menu-item-dialog::backdrop{background:#0008}.menu-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.menu-dialog-heading h2{font-size:22px}.menu-dialog-heading button{font-size:26px;background:none;border:0}#menu-item-form label{display:block;font-size:13px;font-weight:700;margin:14px 0}#menu-item-form input,#menu-item-form textarea{display:block;width:100%;padding:10px;border:1px solid #aaa;background:white;margin-top:5px;font:inherit}#menu-item-form textarea{min-height:80px}#menu-item-form small,#menu-item-form em{font-size:11px;font-weight:400}#menu-dialog-error{color:#b32131;font-size:13px}

.studio-header-links{display:flex;align-items:center;gap:20px}.studio-header-links a{font-size:12px;color:white;text-decoration:none;white-space:nowrap}@media(max-width:600px){.studio-header-links{gap:12px}.studio-header-links a{font-size:10px}}

#start-guide{font-family:inherit;font-size:12px;font-weight:700;line-height:1.4;background:transparent;color:white;border:1px solid #777;padding:7px 10px;cursor:pointer;white-space:nowrap}
#guide-welcome{width:min(430px,calc(100vw - 28px));padding:28px;border:1px solid #c9bdb1;background:#fffaf4;color:#222}#guide-welcome::backdrop{background:#0008}#guide-welcome h2{font-size:25px;line-height:1.5;margin:10px 0 15px}#guide-welcome p{font-size:14px;line-height:1.8}#guide-welcome small{display:block;font-size:12px;line-height:1.7;margin-top:18px}.guide-welcome-actions{margin-top:20px}.guide-welcome-actions .text-button{margin:14px auto 0}
#guide-highlight{position:fixed;z-index:2147483645;border:3px solid #c52b3b;border-radius:5px;pointer-events:none;box-shadow:0 0 0 4px #fff9;transition:none}
#guide-card{position:fixed;z-index:2147483646;background:#fffaf3;color:#25211c;border:1px solid #bba58f;border-radius:8px;padding:19px;box-shadow:0 8px 30px #0003;max-height:calc(100dvh - 24px);overflow:auto}
#guide-card h2{font-size:18px;line-height:1.5;margin:6px 20px 9px 0}#guide-card p{font-size:13px;line-height:1.8;margin:0 0 12px}.guide-kicker{font-size:11px!important;font-weight:800;color:#a73235}#guide-close{position:absolute;right:10px;top:10px;background:none;border:0;font-size:24px;cursor:pointer}#guide-card a{font-size:11px;color:#625449;display:block;margin-top:12px}.guide-navigation{display:flex;gap:8px}.guide-navigation button{font:700 13px/1.4 sans-serif;border:1px solid #c3b3a1;padding:10px 16px;background:white;cursor:pointer}.guide-navigation button:last-child{background:#a73235;color:#fff;border-color:#a73235;margin-left:auto}.guide-navigation button:disabled{opacity:.35}#guide-unavailable{color:#a73235}@media(max-width:600px){#start-guide{font-size:10px;padding:5px}.studio-header-links{flex-wrap:wrap;justify-content:flex-end;gap:6px 10px;max-width:65%}#guide-card{padding:15px}#guide-card h2{font-size:17px}}

.draft-save-help{font-size:12px;line-height:1.8;color:#555;margin:12px 0 0}#preview-save{display:inline-block;margin-left:14px;padding:8px 14px;border:1px solid #777;background:#fff;font-weight:700;white-space:nowrap}
#save-status{display:block;margin-top:8px;font-weight:700}#save-status[data-state="saved"]{color:#286042}#save-status[data-state="saving"],#save-status[data-state="pending"]{color:#765519}#save-status[data-state="error"]{color:#a12732}