:root{font-family:Arial,Helvetica,sans-serif;color:#172033;background:#fff;--red:#d00812;--muted:#748097;--line:#dfe4ec;--surface:#f5f7fa}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #597caf;outline-offset:3px}button{border:0;color:inherit;background:transparent}header{height:66px;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between;font-weight:600}.brand{font-size:30px;font-weight:750;color:var(--red);text-decoration:none;letter-spacing:-1px}main{max-width:1600px;margin:auto;padding:28px 32px 0}.heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:24px}h1{font-size:30px;letter-spacing:-.8px;margin:0 0 8px}p{line-height:1.5;margin:0 0 12px}.heading p{color:var(--muted);margin:0}h2{font-size:20px;margin:0 0 20px;letter-spacing:-.3px}.steps{display:flex;align-items:center;gap:18px;flex:1;max-width:850px}.steps button{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:14px;padding:4px}.steps button span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fafbfc}.steps button[aria-current=step]{color:var(--red)}.steps button[aria-current=step] span{background:var(--red);color:white;border-color:var(--red)}.steps i{height:1px;background:var(--line);flex:1}.workspace{display:grid;grid-template-columns:380px minmax(0,1fr);gap:24px;align-items:stretch}aside,.preview{border:1px solid var(--line);border-radius:12px}aside{padding:24px;min-height:630px}.preview{background:var(--surface);padding:20px 26px;display:flex;flex-direction:column;min-width:0}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-heading h2{margin:0;font-size:18px}.segmented{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:20px}.segmented button{flex:1;padding:10px 22px;font-size:14px;background:#fff}.segmented button[aria-pressed=true]{background:var(--red);color:#fff}.preview-heading .segmented{margin:0;border:0}.preview-heading .segmented button{background:#eff2f7;color:#526078}.preview-heading .segmented button[aria-pressed=true]{color:#172033;background:#fff;box-shadow:inset 0 -2px var(--red)}.stage{position:relative;height:465px;width:min(100%,720px);margin:24px auto 14px;display:flex;align-items:center;justify-content:center}.card{width:275px;height:auto;aspect-ratio:63/89;border-radius:15px;background:white;box-shadow:0 16px 25px #17203325,0 0 0 1px #17203318;position:absolute;transition:transform .25s ease}.back{z-index:2;transform:translateX(-115px);overflow:hidden;touch-action:none}.front{z-index:1;transform:translateX(160px) rotate(11deg);object-fit:cover}.stage.front-active .front{z-index:3;transform:translateX(115px) rotate(0)}.stage.front-active .back{transform:translateX(-160px) rotate(-11deg);z-index:1}canvas{display:block;width:100%;height:100%}#safe-area{position:absolute;inset:4.77% 4.77%;border:1px dashed #24cccf;pointer-events:none}#safe-area span{font-size:10px;background:#fff;color:#172033;padding:3px;position:absolute;top:0;left:0}.preview-caption{text-align:center;margin-top:auto;color:var(--muted);padding:8px}.preview-caption p{margin:0 0 3px}.preview-caption span{padding:0 8px}.small{font-size:12px;color:var(--muted)}.text-button{font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:6px 0}.field{display:block;margin:18px 0 8px;font-size:14px;font-weight:600}.input,input[type=text],input[type=number],textarea,select{display:block;width:100%;border:1px solid #cfd7e3;border-radius:6px;padding:10px 12px;background:white;color:inherit;min-height:40px}textarea{resize:vertical;min-height:85px}input[type=range]{width:100%;accent-color:var(--red);min-height:28px;margin:0}input[type=color]{width:44px;height:36px;border:1px solid var(--line);background:#fff;border-radius:5px;padding:3px}.row{display:flex;gap:12px;align-items:center}.row>*{min-width:0}.row .grow{flex:1}.row.spread{justify-content:space-between}.check{display:flex;align-items:center;gap:9px;font-size:14px;margin-top:16px}.check input{accent-color:var(--red);width:18px;height:18px}.upload{width:100%;border:1px dashed #9caabd;border-radius:8px;background:var(--surface);padding:22px 12px;text-align:center;font-size:15px;line-height:1.5}.upload.dragging{border-color:var(--red);background:#fff0f1}.upload svg{display:block;margin:0 auto 9px}.upload span{display:block;color:var(--muted);font-size:13px}.palette{display:flex;align-items:center;gap:14px}.swatch{width:44px;height:42px;border:1px solid #cfd7e3;border-radius:6px}.swatch[aria-pressed=true]{outline:2px solid var(--red);outline-offset:2px}.primary,.secondary{padding:14px 24px;border-radius:5px;font-size:14px;font-weight:600;min-height:44px}.primary{background:var(--red);color:#fff}.primary:hover{background:#b9000a}.secondary{border:1px solid #cbd3df;background:#fff}.secondary:hover{background:#f5f7fa}footer{margin-top:22px;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line)}footer>div{display:flex;gap:14px}footer>span{color:var(--muted);font-size:14px}.prototype{font-size:12px;text-align:center;color:var(--muted);padding-bottom:16px}.style-choice{width:100%;display:flex;align-items:center;gap:18px;padding:13px;border:1px solid var(--line);border-radius:8px;margin:10px 0;text-align:left}.style-choice[aria-pressed=true]{border:2px solid var(--red);padding:12px;background:#fffafb}.style-choice img{width:51px;height:72px;object-fit:cover;border-radius:3px;border:1px solid var(--line)}.style-choice strong{display:block;margin-bottom:5px}.style-choice small{display:block;color:var(--muted);font-size:13px}.explain{font-size:14px;color:#647087}.file-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.status{font-size:12px;line-height:1.5;color:#647087;margin:8px 0}.warning{color:#935200}.adjustments{margin-top:12px;border-top:1px solid var(--line);padding-top:6px}.adjustments .field{margin-top:10px}.nudge{display:flex;gap:6px;align-items:center}.nudge button{border:1px solid var(--line);border-radius:4px;padding:7px 9px;font-size:13px}.nudge button svg{display:block}.details{margin-top:16px}.details summary{font-size:14px;cursor:pointer;padding:6px 0}.summary-list{margin:0 0 22px}.summary-list div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px;padding:12px 0;font-size:14px}.summary-list dt{color:#647087}.summary-list dd{margin:0;font-weight:600;text-align:right}.full{width:100%;margin-top:12px}#notice{position:fixed;bottom:26px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#172033;color:white;border-radius:8px;padding:14px 20px;z-index:10;max-width:min(90vw,600px);font-size:14px;transition:.2s}#notice.visible{opacity:1;transform:translate(-50%,0)}dialog{width:min(1060px,94vw);max-height:90dvh;border:1px solid var(--line);border-radius:12px;padding:24px;color:inherit}dialog::backdrop{background:#17203370}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{margin:0}dialog>p{color:var(--muted);font-size:14px;margin:12px 0}#suits{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}#suits button{border:1px solid var(--line);padding:9px 16px;border-radius:5px}#suits button[aria-pressed=true]{background:#172033;color:#fff}#cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}#cards-grid button{padding:4px;border:2px solid transparent;border-radius:5px}#cards-grid button[aria-pressed=true]{border-color:var(--red)}#cards-grid img{width:100%;border:1px solid var(--line);border-radius:4px}#cards-grid span{display:block;font-size:12px;margin-top:5px}#image-name{overflow-wrap:anywhere}.inline-error{color:#b00014;font-size:13px;margin:6px 0}.step-title{margin-bottom:12px}
@media(min-width:1400px){aside{min-height:710px}.stage{height:525px}.card{width:320px}.back{transform:translateX(-130px)}.front{transform:translateX(170px) rotate(11deg)}}
@media(max-width:1120px){.heading{align-items:flex-start;flex-direction:column;gap:20px}.steps{width:100%;max-width:none}.workspace{grid-template-columns:320px minmax(0,1fr)}aside{padding:20px}.preview{padding:20px 16px}.card{width:215px}.back{transform:translateX(-60px)}.front{transform:translateX(80px) rotate(10deg)}.stage.front-active .front{transform:translateX(60px)}.stage.front-active .back{transform:translateX(-80px) rotate(-10deg)}}
@media(max-width:760px){header{padding:0 18px;height:60px}.brand{font-size:24px}header>span{font-size:12px}main{padding:22px 16px 0}h1{font-size:26px}.heading p{font-size:14px}.steps{gap:5px}.steps button{gap:6px;font-size:12px}.steps button span{width:28px;height:28px}.workspace{display:flex;flex-direction:column;gap:16px}.preview{order:-1;padding:16px;min-height:365px}aside{min-height:0;padding:20px}.preview-heading h2{font-size:16px}.segmented button{padding:9px 16px}.stage{height:260px;margin:16px auto 6px}.card{width:166px;border-radius:9px}.back{transform:translateX(-55px)}.front{transform:translateX(65px) rotate(10deg)}.stage.front-active .front{transform:translateX(55px)}.stage.front-active .back{transform:translateX(-65px) rotate(-10deg)}.preview-caption{font-size:13px;padding:0}.preview-caption .text-button{font-size:13px}.preview-caption .small{display:none}footer{flex-wrap:wrap;gap:10px}footer>span{display:none}footer>div{flex:1;gap:8px}footer button{padding:12px!important;flex:1}footer #previous{flex:0}.prototype{line-height:1.5}#cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}dialog{padding:16px}.dialog-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.preview{overflow:hidden}
.card{transition:none}
.back-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.back-choice{border:1px solid var(--line);padding:5px;border-radius:6px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}.back-choice[aria-pressed=true]{outline:2px solid var(--red);outline-offset:0;background:#fff8f8}.back-choice img,.plain-back{width:100%;height:auto;aspect-ratio:63/89;object-fit:cover;border-radius:3px;display:block}.plain-back{background:#172033}.back-choice span:last-child{font-size:10px;line-height:1.2;min-height:24px;display:grid;place-items:center;overflow-wrap:anywhere}.finish{margin-bottom:6px}.finish button{padding:11px 7px}.finish-note{margin-bottom:18px}.workspace{align-items:start}.preview{position:sticky;top:16px;min-height:630px}@media(min-width:1400px){.preview{min-height:710px}}@media(max-width:760px){.preview{position:static;min-height:365px}.back-choice span:last-child{font-size:11px}}
@media(max-width:760px){.card{transition:none}}
.back-choice span:last-child{font-size:11px}
.card.front{overflow:hidden}
/* One viewport workspace. Controls are split into tabs; card gallery is paged. */
html,body{height:100%;overflow:hidden}body{display:flex;flex-direction:column}header{height:48px;flex-shrink:0;padding:0 24px}.brand{font-size:25px}main{width:100%;max-width:1600px;flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 24px 0}.heading{flex-shrink:0;min-height:66px;margin-bottom:12px;gap:20px}h1{font-size:25px;margin-bottom:4px}.heading p{font-size:13px}.steps{max-width:660px;gap:10px}.steps button{font-size:12px}.steps button span{width:30px;height:30px}.workspace{flex:1;min-height:0;grid-template-columns:350px minmax(0,1fr);gap:18px;align-items:stretch}aside{height:100%;min-height:0;padding:16px}.preview{position:static;top:auto;min-height:0;height:100%;padding:16px;overflow:hidden}.preview-heading{flex-shrink:0}.stage{container-type:size;flex:1;min-height:0;height:auto;width:100%;margin:10px auto}.card,.stage .card{width:min(40cqw,calc(85cqh * 63 / 89));height:auto;max-width:none;aspect-ratio:63/89}.back{transform:translateX(-35%)}.front{transform:translateX(35%) rotate(8deg)}.stage.front-active .front{transform:translateX(35%)}.stage.front-active .back{transform:translateX(-35%) rotate(-8deg)}.preview-caption{margin:0;flex-shrink:0;font-size:13px}.preview-caption .small{display:none}.preview-caption .text-button{font-size:12px}footer{flex-shrink:0;margin-top:10px;padding:9px 0;gap:10px}footer .primary,footer .secondary{padding:10px 16px;min-height:38px}footer>span{font-size:12px}.prototype{flex-shrink:0;font-size:10px;padding:0 0 5px;margin:0}.mobile-view{display:none}aside h2{font-size:19px;margin:0 0 10px}.field{font-size:12px;margin:8px 0 4px}input[type=text],input[type=number],textarea,select{min-height:32px;padding:6px 9px;font-size:13px}input[type=range]{min-height:20px;height:20px}input[type=color]{height:30px;width:40px}aside .segmented{margin-bottom:8px}aside .segmented button{padding:8px 10px;font-size:12px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.panel-heading h2{margin:0}.panel-heading .text-button{font-size:12px;padding:0}.panel-tabs{display:flex;gap:6px;margin:8px 0 12px}.panel-tabs button{flex:1;border-bottom:2px solid var(--line);padding:8px;font-size:13px}.panel-tabs button[aria-pressed=true]{border-color:var(--red);color:var(--red);font-weight:bold}.panel-content .small{font-size:11px;line-height:1.4;margin:6px 0}.panel-content .secondary{font-size:12px;padding:8px 12px;min-height:32px}.panel-content .text-button{font-size:12px}.panel-content .upload{padding:16px 8px;font-size:14px}.panel-content .upload span{font-size:11px}.panel-content .check{margin-top:10px;font-size:12px}.panel-content .status{font-size:11px}.panel-content .nudge{gap:4px}.back-choices{gap:6px}.back-choice{padding:4px;gap:3px}.back-choice img,.plain-back{height:57px;width:auto;max-width:100%;aspect-ratio:63/89}.back-choice span:last-child{min-height:24px;font-size:10px;line-height:1.15}.deck-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.deck-options .style-choice{margin:0;padding:8px;gap:9px;height:76px}.deck-options .style-choice[aria-pressed=true]{padding:7px}.deck-options .style-choice img{height:56px;width:auto;aspect-ratio:63/89}.deck-options strong{font-size:12px;margin:0}.file-row{margin:9px 0;gap:8px}.file-row .secondary{font-size:12px;padding:8px 12px;min-height:32px}.front-navigation{margin-bottom:6px;gap:8px}.front-navigation .secondary{min-height:28px;padding:3px 10px;font-size:18px}.front-navigation .text-button{font-size:13px}.summary-list{margin-bottom:8px}.summary-list div{padding:8px 0;font-size:12px}.summary-fields{display:grid;grid-template-columns:1fr;gap:10px}.summary-fields textarea{height:58px;min-height:58px}.full{margin-top:10px}.summary-fields+.full{padding:10px;min-height:36px;font-size:13px}aside>.small{font-size:11px;line-height:1.4;margin:7px 0}.inline-error{font-size:11px;margin:3px 0}
dialog{height:min(690px,calc(100dvh - 28px));max-height:calc(100dvh - 28px);width:min(1100px,94vw);overflow:hidden;padding:16px}dialog[open]{display:flex;flex-direction:column}dialog .dialog-heading{flex-shrink:0}dialog .dialog-heading .secondary{min-height:32px;padding:8px 12px}dialog>p{margin:8px 0;font-size:12px}#suits{flex-shrink:0;margin-bottom:10px;gap:6px}#suits button{padding:7px 12px;font-size:12px}#cards-grid{flex:1;min-height:0;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}#cards-grid button{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:3px}#cards-grid img{height:calc(100% - 26px);width:auto;max-width:100%;object-fit:contain;aspect-ratio:63/89;min-height:0}#cards-grid span{font-size:11px;line-height:1.1;min-height:22px;margin-top:4px}#gallery-pages{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding-top:10px;font-size:12px}#gallery-pages .secondary{min-height:32px;padding:8px 12px;font-size:12px}
@media(max-width:1120px){.heading{flex-direction:row;align-items:center}.heading p{display:none}.steps{width:auto}.workspace{grid-template-columns:320px minmax(0,1fr)}h1{font-size:21px}.steps i{display:none}}
@media(max-width:760px){header{height:40px;padding:0 14px}.brand{font-size:22px}header>span{font-size:11px}main{padding:8px 12px 0}.heading{min-height:58px;display:block;margin-bottom:6px}h1{font-size:20px;margin:0 0 6px}.steps{justify-content:space-between;gap:4px}.steps button{font-size:11px;padding:0;gap:4px}.steps button span{width:23px;height:23px}.mobile-view{display:flex;gap:6px;flex-shrink:0;margin-bottom:8px}.mobile-view button{flex:1;padding:7px;background:#f0f3f7;border-radius:4px;font-size:12px}.mobile-view button[aria-pressed=true]{background:#172033;color:#fff}.workspace{display:block;min-height:0}.workspace>.preview{display:none;min-height:0;height:100%}.workspace>aside{height:100%;min-height:0;padding:12px}.mobile-preview .workspace>.preview{display:flex}.mobile-preview .workspace>aside{display:none}.preview-heading h2{font-size:15px}.preview-heading .segmented button{padding:7px 12px}.stage{height:auto;min-height:0}.card,.stage .card{width:min(42cqw,calc(80cqh * 63 / 89))}footer{margin-top:7px;padding:6px 0}footer>div{gap:6px}footer .primary,footer .secondary{padding:8px!important;min-height:34px;font-size:11px}.prototype{font-size:9px;line-height:1.2;padding-bottom:3px}.panel-tabs{margin:6px 0 8px}.panel-tabs button{padding:6px;font-size:12px}aside h2{font-size:17px;margin-bottom:8px}.back-choice img,.plain-back{height:53px}.deck-options .style-choice{height:68px}.deck-options .style-choice img{height:50px}.field{margin-top:6px}.panel-content .small{font-size:10px}.panel-content .upload{padding:12px 8px}.panel-content .secondary{min-height:30px}.panel-content .text-button{font-size:11px}.panel-content input[type=range]{height:18px;min-height:18px}dialog{width:calc(100vw - 20px);padding:12px}.dialog-heading h2{font-size:17px}#cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}#suits{gap:4px}#suits button{padding:6px 8px;font-size:11px}#cards-grid img{max-height:100%;height:calc(100% - 28px);max-width:100%;width:auto}#cards-grid span{font-size:10px}#notice{bottom:54px;padding:10px 14px;font-size:12px}}
@media(max-height:690px){header{height:36px}.heading{min-height:44px;margin-bottom:5px}main{padding-top:6px}.prototype{display:none}.back-choice img,.plain-back{height:42px}.back-choice span:last-child{min-height:20px;font-size:9px}.panel-tabs{margin:4px 0 6px}.panel-tabs button{padding:5px}.panel-content .small{margin:4px 0}.field{margin-top:5px}.panel-content .upload{padding:10px 8px}.deck-options .style-choice{height:60px}.deck-options .style-choice img{height:44px}}
@media(max-width:760px){.workspace>.preview,.workspace>aside{width:100%}}
#cards-grid img{height:auto;aspect-ratio:63/89;object-fit:contain}.card.front,.card.back{height:auto;aspect-ratio:63/89}.card canvas{height:auto;aspect-ratio:63/89}.scope-options{display:grid;gap:10px;margin-bottom:24px}.scope-options button{text-align:left;border:1px solid var(--line);border-radius:7px;padding:13px}.scope-options button[aria-pressed=true]{border:2px solid var(--red);padding:12px;background:#fff8f8}.scope-options strong,.scope-options span{display:block}.scope-options span{font-size:12px;line-height:1.5;color:#647087;margin-top:5px}.front-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.front-navigation .secondary{padding:9px 6px;font-size:12px}.front-navigation strong{text-align:center;font-size:14px}
/* One active card, using the available preview height. */
.stage .card,.stage.front-active .card{left:50%;top:50%;width:min(90cqw,calc(96cqh * 63 / 89));height:auto;transform:translate(-50%,-50%);transition:none;aspect-ratio:63/89}
.stage .card.front{display:none}
.stage .card.back{display:block}
.stage.front-active .card.front{display:block}
.stage.front-active .card.back{display:none}
.framed-back-thumb{display:inline-flex!important;align-items:stretch;justify-content:center;height:57px;width:40.35px;padding:2.56px;box-sizing:border-box;min-height:0!important;border-radius:3px}
.back-choice .framed-back-thumb img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:0}
@media(max-width:760px){.framed-back-thumb{height:53px;width:37.52px;padding:2.38px}}
@media(max-height:690px){.framed-back-thumb{height:42px;width:29.73px;padding:1.89px}}
.back-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;font-size:11px}
.back-pages button:disabled{opacity:.35;cursor:default}
.back-choice .rounded-art img{border-radius:9%}
.back-categories{margin-bottom:10px}
.back-choices .framed-back-thumb{height:40px;width:28.32px;padding:1.8px}
.back-choices .plain-back{height:40px}
.back-categories{margin-bottom:6px}
@media(max-height:690px){.back-choices .framed-back-thumb{height:32px;width:22.65px;padding:1.44px}.back-choices .plain-back{height:32px}}
.back-choices .framed-back-thumb{height:32px;width:22.65px;padding:1.44px}.back-choices .plain-back{height:32px}
@media(max-height:690px){.back-choices .framed-back-thumb{height:26px;width:18.4px;padding:1.17px}.back-choices .plain-back{height:26px}}
.deck-options .style-choice{height:58px}.deck-options .style-choice img{height:44px}
@media(max-height:690px){.deck-options .style-choice{height:52px}.deck-options .style-choice img{height:38px}}
/* Give the card almost all of the workspace height. */
header{height:40px}main{max-width:none;padding:8px 16px 0}.heading{min-height:42px;margin-bottom:6px}.heading h1{font-size:21px;margin:0}.heading p{display:none}.workspace{gap:12px}.preview{padding:8px 12px}.preview-heading{gap:10px;margin-bottom:4px;min-height:34px}.preview-heading h2{font-size:16px;white-space:nowrap;margin:0}.preview-heading h2 small{font-size:11px;color:#667085;font-weight:400;margin-left:6px}.preview-heading>.segmented{margin-left:auto}.preview-tools{display:flex;align-items:center;gap:10px}.preview-tools .secondary{font-size:11px;min-height:30px;padding:6px 9px}.preview-tools .text-button{font-size:12px}.stage{margin:0;flex:1;min-height:0}.stage .card,.stage.front-active .card{width:min(96cqw,calc(99cqh * 63 / 89))}footer{margin-top:6px;padding:6px 0}.prototype{display:none}
.focus-editor>header,.focus-editor .heading{display:none}.focus-editor main{padding-top:6px}.focus-editor .workspace{flex:1}
@media(max-width:1000px){.preview-heading h2 small{display:none}.preview-heading{gap:6px}.preview-tools{gap:6px}.workspace{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:760px){main{padding:6px 10px 0}.heading{min-height:53px}.heading h1{font-size:19px;margin-bottom:4px}.preview{padding:6px 8px}.preview-heading h2{font-size:13px}.preview-heading .segmented button{padding:6px 9px;font-size:11px}#focus-editor{display:none}.preview-tools .text-button{font-size:11px}.stage .card,.stage.front-active .card{width:min(98cqw,calc(99cqh * 63 / 89))}}
/* Large, paged design selection. */
.start-choices{display:grid;gap:14px;margin:22px 0}.selection-card{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);border-radius:10px;padding:20px 14px;background:#fafbfe}.selection-card:hover,.selected-back-large:hover{border-color:var(--red);background:#fff8f8}.selection-number{display:grid;place-items:center;border-radius:50%;background:#172033;color:white;width:32px;height:32px;flex-shrink:0}.selection-card strong,.selected-back-large strong{display:block;font-size:16px}.selection-card small,.selected-back-large small{display:block;font-size:12px;color:#647087;margin:7px 0}.selection-card b,.selected-back-large b{display:block;color:var(--red);font-size:13px}.selected-back-large{display:flex;align-items:center;gap:18px;width:100%;padding:15px;border:1px solid var(--line);border-radius:10px;text-align:left}.selected-back-large .framed-back-thumb{height:150px;width:106.18px;padding:6.74px;flex-shrink:0}.selected-back-large img{width:100%;height:100%;object-fit:cover}.selected-back-large .plain-back{width:106px;height:150px;flex-shrink:0}
#design-picker{width:min(1320px,96vw);height:calc(100dvh - 32px);padding:20px}#picker-help{font-size:13px;color:#647087;margin:7px 0 0}#picker-categories{display:flex;gap:10px;margin:18px 0;flex-shrink:0}#picker-categories button{border:1px solid var(--line);border-radius:7px;padding:12px 24px;font-size:14px;font-weight:600}#picker-categories button[aria-pressed=true]{background:#172033;color:white}#picker-categories>span{font-size:12px;color:#647087}#picker-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#picker-grid>button{min-height:0;display:flex;flex-direction:column;align-items:center;border:2px solid var(--line);border-radius:10px;padding:12px;background:#f5f7fa}#picker-grid>button[aria-pressed=true]{border-color:var(--red);background:#fff8f8}#picker-grid strong{font-size:15px;margin:12px 0 6px}#picker-grid small{font-size:12px;color:#647087}#picker-grid [aria-pressed=true] small{color:var(--red);font-weight:bold}.picker-art{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;container-type:size}.picker-art>img,.picker-frame,.picker-blank{width:min(100cqw,calc(100cqh * 63 / 89));height:auto;aspect-ratio:63/89;border-radius:7px;box-shadow:0 4px 12px #17203320;object-fit:contain}.picker-frame{display:flex;padding:6.35%;overflow:hidden}.picker-frame img{width:100%;min-height:0;object-fit:cover}.photo-frame img{border-radius:9%}.picker-blank{display:grid;place-items:center;background:#172033;color:white;font-size:14px}#picker-pages{display:flex;justify-content:space-between;align-items:center;padding-top:16px;flex-shrink:0;font-size:13px}
#gallery{width:min(1320px,96vw);height:calc(100dvh - 32px)}#cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}#cards-grid img{height:calc(100% - 32px);max-width:100%;width:auto;min-height:0;object-fit:contain}#cards-grid span{font-size:13px}
@media(max-width:760px){#design-picker{padding:12px;width:calc(100vw - 16px);height:calc(100dvh - 20px)}#picker-title{font-size:18px}#picker-help{font-size:11px;max-width:230px}#picker-categories{margin:12px 0;gap:6px}#picker-categories button{padding:10px 14px;font-size:12px}#picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#picker-grid>button{padding:7px}#picker-grid strong{font-size:12px;text-align:center}#picker-pages .secondary{padding:9px 7px;font-size:11px;min-height:34px}#cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.selection-card{padding:15px 12px}.start-choices{margin:15px 0;gap:10px}}
@media(max-height:690px){.selection-card{padding:12px}.start-choices{margin:12px 0;gap:10px}.selected-back-large .framed-back-thumb{height:120px;width:85px;padding:5.4px}.selected-back-large .plain-back{height:120px;width:85px}}

/* Preserve the physical card shape inside every gallery tile. */
#cards-grid button{container-type:size}#cards-grid img{width:min(100cqw,calc((100cqh - 32px) * 63 / 89));height:auto;max-height:calc(100% - 32px);flex:none;aspect-ratio:63/89;object-fit:contain}


.panel-content .front-upload-prominent{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:12px 14px;font-size:15px;font-weight:700;margin:0 0 10px;box-shadow:0 3px 8px #d0081225}.front-upload-prominent span{font-size:24px}.panel-content:has(.front-upload-prominent){display:flex;flex-direction:column}.front-upload-prominent{order:-1}

/* Local packaging editor */
#box-editor{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:1500px;padding:14px;max-height:none}#box-editor .box-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-shrink:0}#box-editor h2{margin:0;font-size:21px}#box-editor .box-heading small{display:block;color:#647087;font-size:11px;margin-top:4px}.box-heading>div:last-child{display:flex;gap:8px}.box-heading button{padding:9px 15px;min-height:36px}.box-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:12px;flex:1;min-height:0}#box-controls{min-height:0;padding:14px;overflow:auto}#box-controls .check{margin:0 0 12px;font-size:12px}#box-controls .panel-tabs{gap:0;margin:10px 0}#box-controls .panel-tabs button{padding:8px 4px;font-size:12px}.box-tab-content .primary,.box-tab-content .secondary{padding:10px;min-height:36px;font-size:12px}.box-tab-content .small{margin:10px 0;line-height:1.4;font-size:11px}.box-tab-content textarea{height:90px;min-height:60px;resize:none}.box-text-row{display:grid;grid-template-columns:60px 1fr;gap:10px}.box-preview{min-width:0;min-height:0;border-radius:10px;background:#f1f4f8;display:flex;flex-direction:column;padding:10px 12px}.box-preview>.segmented{align-self:center;margin:0 0 8px;flex-shrink:0}.box-preview>.segmented button{font-size:12px;padding:9px 18px}#box-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;container-type:size;touch-action:none}#box-stage canvas{width:auto;height:auto;max-width:98%;max-height:98%;object-fit:contain;box-shadow:0 3px 16px #17203325}#box-status{min-height:30px;font-size:11px;color:#59677b;text-align:center;margin:8px 0 0;flex-shrink:0}.box-open-button{margin-top:8px!important}#box-editor #box-enabled{accent-color:#d00812}
@media(max-width:760px){#box-editor{padding:9px;width:calc(100vw - 12px);height:calc(100dvh - 12px)}#box-editor h2{font-size:16px}.box-heading button{padding:7px;font-size:11px;min-height:30px}#box-editor .box-heading{gap:5px;margin-bottom:8px}.box-workspace{grid-template-columns:1fr;grid-template-rows:minmax(220px,1fr) minmax(160px,.85fr);gap:8px}#box-controls{padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;overflow:auto}#box-controls>.check{grid-column:1/-1;margin:0}#box-controls>.field{margin:4px 0}#box-controls>.panel-tabs,#box-controls>.box-tab-content{grid-column:1/-1}#box-controls .panel-tabs{margin:2px 0}.box-tab-content .small{margin:4px 0}.box-preview{padding:6px}.box-preview>.segmented{margin-bottom:3px}.box-preview>.segmented button{padding:5px 12px;font-size:11px}#box-status{margin:3px 0 0;min-height:24px;font-size:10px}.box-tab-content textarea{height:50px}.box-tab-content input[type=range]{height:16px;min-height:16px}}

.box-mobile-switch{display:none}@media(max-width:760px){.box-mobile-switch{display:flex;gap:6px;margin:0 0 7px;flex-shrink:0}.box-mobile-switch button{flex:1;border-radius:5px;background:#edf0f5;padding:8px;font-size:12px}.box-mobile-switch button[aria-pressed=true]{background:#172033;color:white}.box-workspace{display:block}.box-workspace #box-controls{height:100%;display:block}.box-workspace .box-preview{display:none;height:100%}.box-mobile-preview #box-controls{display:none}.box-mobile-preview .box-preview{display:flex}.box-tab-content textarea{height:70px}}


.text-rotation{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:7px 0}.text-rotation>span{font-size:11px;width:100%}.text-rotation .secondary{padding:6px 10px;min-height:30px;font-size:12px}.text-rotation .text-button{font-size:12px}.box-tab-content .text-rotation{margin:4px 0}.box-tab-content textarea{height:65px}@media(max-width:760px){.box-tab-content textarea{height:50px}.box-tab-content .small{font-size:10px;margin:3px 0}}


.picker-footer{display:flex;align-items:center;gap:24px;flex-shrink:0;padding-top:16px}.picker-footer #picker-pages{flex:1;padding-top:0}.picker-footer #picker-close{min-width:170px;min-height:44px;font-size:15px}@media(max-width:760px){.picker-footer{flex-direction:column;gap:8px;padding-top:10px}.picker-footer #picker-pages{width:100%}.picker-footer #picker-close{width:100%;min-height:40px;padding:9px;font-size:14px}}


#picker-box-scope{flex-shrink:0;display:flex;gap:14px;align-items:center;margin:0 0 12px;font-size:13px}#picker-box-scope[hidden]{display:none}#picker-box-scope .segmented{margin:0}#picker-box-scope button{padding:9px 18px;font-size:13px}@media(max-width:760px){#picker-box-scope{display:block;margin-bottom:8px;font-size:11px}#picker-box-scope>span{display:block;margin-bottom:5px}#picker-box-scope button{padding:8px;font-size:11px}}


/* Browsing a growing collection without scrolling the window. */
#picker-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1.2fr) auto;gap:12px;align-items:end;flex-shrink:0}#picker-filters[hidden],#picker-count[hidden]{display:none}#picker-filters label{font-size:11px;color:#59677b;display:flex;flex-direction:column;gap:4px}#picker-filters select,#picker-filters input{height:38px;min-height:38px;font-size:13px;width:100%;margin:0}#picker-density{margin:0}#picker-density button{font-size:12px;white-space:nowrap;padding:10px;min-height:38px}#picker-count{font-size:11px;color:#647087;margin:7px 0;flex-shrink:0}#picker-categories{margin:10px 0}#picker-grid{grid-template-rows:minmax(0,1fr)}.picker-compact #picker-grid{grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.picker-compact #picker-grid>button{padding:6px}.picker-compact #picker-grid strong{font-size:12px;margin:5px 0 3px;text-align:center;line-height:1.2}.picker-compact #picker-grid small{font-size:10px}.picker-empty{grid-column:1/-1;grid-row:1/-1;align-self:center;text-align:center;padding:16px}.picker-empty p{font-size:13px;color:#647087}#picker-grid strong{overflow-wrap:anywhere;text-align:center}#picker-box-scope{margin-bottom:6px}
@media(max-width:760px){#picker-filters{grid-template-columns:1fr 1fr;gap:8px}#picker-density{display:none}#picker-filters label{font-size:10px}#picker-filters input,#picker-filters select{font-size:12px;height:35px;min-height:35px;padding:6px}#picker-help{display:none}#picker-categories{margin:8px 0}#picker-categories button{padding:8px 12px}#picker-grid strong{font-size:11px;margin:7px 0 4px}#picker-grid small{font-size:10px}.picker-footer{padding-top:8px}#picker-count{margin:5px 0}}
/* The 4 mm border scales with the card itself, not with the gallery column. */
.picker-frame{position:relative;padding:0;flex:none}.picker-frame img{position:absolute;left:6.3492%;top:4.4944%;width:87.3016%;height:91.0112%;object-fit:cover}
.selected-back-large .framed-back-thumb{padding:0}

.mosaic-slots{display:flex;gap:6px;margin:8px 0}.mosaic-slots button{flex:1;min-width:0;height:57px;position:relative;overflow:hidden;border:2px solid #d9e0e9;border-radius:7px;background:#edf1f5;padding:0}.mosaic-slots button[aria-pressed=true]{border-color:#d00812}.mosaic-slots img{width:100%;height:100%;object-fit:cover}.mosaic-slots span{font-size:20px;color:#6b7787}.mosaic-slots b{position:absolute;bottom:0;right:0;background:#172033;color:#fff;padding:2px 5px;border-radius:4px 0 0;font-size:11px}.mosaic-actions{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:6px 0}.panel-content:has(.mosaic-slots) .field{margin-top:8px}.panel-content:has(.mosaic-slots) .primary{padding:10px;min-height:40px}.panel-content:has(.mosaic-slots) .small{margin:5px 0;font-size:10px;overflow-wrap:anywhere}.panel-content:has(.mosaic-slots) input[type=range]{height:18px;min-height:18px}@media(max-width:760px){#picker-categories{gap:4px}#picker-categories button{padding:8px;font-size:11px}.mosaic-slots button{height:45px}.panel-content:has(.mosaic-slots) .field{font-size:11px;margin-top:5px}.mosaic-actions .secondary,.mosaic-actions .text-button{padding:7px;font-size:11px}}

.mosaic-slots:has(button:nth-child(6)){gap:4px}.mosaic-slots:has(button:nth-child(6)) button{height:48px}.mosaic-slots:has(button:nth-child(6)) b{font-size:10px;padding:2px 4px}@media(max-width:760px){.mosaic-slots:has(button:nth-child(6)){gap:3px}.mosaic-slots:has(button:nth-child(6)) button{height:40px}}
.mosaic-finish button{padding:9px 5px;font-size:11px;flex:1}
.panel-content:has(#custom-slot) .small{margin:4px 0;font-size:10px}
.panel-content:has(#custom-slot) .field{margin-top:5px}
.panel-content:has(#custom-slot) .primary{padding:10px;min-height:40px}
.panel-content:has(#custom-slot) input[type=range]{height:18px;min-height:18px}
@media(max-width:760px){.panel-content:has(#custom-slot) .field{font-size:11px;margin-top:3px}.panel-content:has(#custom-slot) .mosaic-actions{margin:3px 0}.panel-content:has(#custom-slot) .small{font-size:9px;line-height:1.3}}

.brand{display:flex;align-items:center;flex-shrink:0}.brand img{display:block;width:145px;height:30px;object-fit:contain;object-position:left center}@media(max-width:760px){.brand img{width:120px;height:28px}}

.account-nav{display:flex;align-items:center;gap:10px}.account-nav .secondary{font-size:12px;padding:5px 10px;min-height:28px;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.account-nav>span{font-size:12px}.account-link{color:var(--red)}
#order-dialog{width:min(980px,96vw);max-height:94dvh;padding:20px;overflow:auto}#order-dialog .dialog-heading{margin-bottom:8px}#order-dialog .dialog-heading p{font-size:12px;margin:5px 0 0;color:var(--muted)}#order-status{font-size:12px;min-height:18px;color:#526078;margin:6px 0 14px}.order-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.order-layout h3{font-size:15px;margin:0 0 12px}#order-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}#order-fields label,.order-quote>label{font-size:11px;display:block;color:#526078}#order-fields select{display:block;width:100%;margin-top:4px;font-size:12px;min-height:33px;padding:5px}.order-quote{padding:14px;background:#f5f7fa;border-radius:8px}.order-quote select{margin-top:5px;min-height:35px;font-size:12px}#order-gross{display:block;margin:15px 0 5px;font-size:27px;color:#172033}#order-net,#order-time{font-size:12px;margin-bottom:9px}#order-dialog .small{font-size:11px;line-height:1.4;margin:7px 0}.order-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.order-product{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;font-size:14px}.order-handoff-note{color:#526078}.order-summary-button{margin:0 0 8px;padding:9px;font-size:13px}
@media(max-width:760px){.account-nav{gap:5px}.account-nav>span{display:none}.account-nav .secondary{font-size:10px;padding:4px 6px}.brand img{width:72px;height:28px}#order-dialog{padding:12px;max-height:96dvh}.order-layout{grid-template-columns:1fr;gap:10px}#order-fields{gap:5px 9px}#order-fields select{min-height:27px;height:27px;font-size:10px;margin-top:2px;padding:3px}#order-fields label{font-size:9px}.order-layout h3{font-size:12px;margin-bottom:6px}.order-quote{padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.order-quote h3{grid-column:1/-1}.order-quote>label{display:none}#order-quantity{margin:0;font-size:10px;min-height:28px;height:28px}#order-gross{font-size:17px;margin:0;align-self:center}#order-net,#order-time{font-size:10px;margin:0}.order-quote .small{grid-column:1/-1;margin:1px 0!important;font-size:9px!important}#order-print{grid-column:1/-1;margin:2px 0;padding:6px;min-height:28px;font-size:11px}#order-status{font-size:10px;margin:3px 0 7px;min-height:14px}.order-footer{margin-top:7px}.order-product{font-size:11px;padding:7px;min-height:30px}#order-dialog .dialog-heading h2{font-size:17px}#order-dialog .order-handoff-note{font-size:9px;margin-bottom:0}.panel-content:has(#front-textX) .field{margin-top:4px}.panel-content:has(#front-textX) .text-rotation{margin-bottom:3px}}

.box-mosaic-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:7px 0}.box-mosaic-slots button{height:42px;position:relative;border:1px solid #dfe4ec;border-radius:4px;overflow:hidden;background:#f5f7fa}.box-mosaic-slots button[aria-pressed=true]{outline:2px solid #d00812;outline-offset:0}.box-mosaic-slots img{width:100%;height:100%;object-fit:cover}.box-mosaic-slots span{position:absolute;bottom:0;right:0;padding:1px 4px;background:#ffffffdf;font-size:10px}.box-tab-content:has(.box-mosaic-slots) .field{margin-top:5px;font-size:11px}.box-tab-content:has(.box-mosaic-slots) .row button{font-size:11px;min-height:28px;padding:5px}.box-mosaic-options{display:grid;grid-template-columns:1fr 2fr;gap:8px;margin-top:6px}.box-mosaic-options label{font-size:11px}.box-mosaic-options input,.box-mosaic-options select{display:block;min-height:28px;height:28px;font-size:11px;margin-top:3px}.box-tab-content:has(.box-mosaic-slots) .small{font-size:10px;margin:4px 0}
@media(max-width:760px){.panel-content:has(#front-textX) .field{font-size:11px;margin:2px 0}.panel-content:has(#front-textX) select,.panel-content:has(#front-textX) input[type=text]{height:28px;min-height:28px;padding:4px 8px}.panel-content:has(#front-textX) .text-rotation{margin:2px 0;min-height:26px}.panel-content:has(#front-textX) .text-rotation button{min-height:26px;padding:4px 7px}}
@media(max-width:760px){#editor:has(.order-summary-button) .summary-list div{padding:5px 0}#editor:has(.order-summary-button) .full{margin-top:6px}#editor:has(.order-summary-button)>.small{margin:4px 0}}

@media(max-width:760px){#order-box-print{grid-column:1/-1;margin:2px 0;padding:6px;min-height:28px;font-size:11px}#order-dialog .order-layout{gap:6px}#order-dialog .dialog-heading{margin-bottom:3px}#order-dialog .order-handoff-note{line-height:1.2}}

@media(max-width:760px){#order-dialog .order-layout h3{margin-bottom:3px}#order-dialog .order-footer{margin-top:4px}#order-dialog .order-quote{gap:3px 8px}}

/* Box motif scope is available above every editor tab and mobile view. */
#box-editor .box-motif-scope{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;margin:0 0 10px;padding:8px 12px;background:#f5f6f8;border-radius:8px}
#box-editor .box-motif-scope>span{font-size:12px;font-weight:700;color:#172033}
#box-editor .box-motif-scope .segmented{margin:0}
#box-editor .box-motif-scope button{font-size:12px;padding:8px 14px;min-height:34px}
#box-editor .box-motif-scope button[aria-pressed=true]{background:#d00812;color:#fff}
@media(max-width:760px){#box-editor .box-motif-scope{flex-direction:column;align-items:stretch;gap:5px;padding:7px;margin-bottom:7px}#box-editor .box-motif-scope .segmented{display:flex;width:100%}#box-editor .box-motif-scope button{flex:1;padding:7px 5px;font-size:11px}}

/* Local interactive box preview, using the print renderer's six face textures. */
#box-stage .box-3d{width:100%;height:100%;min-height:0;display:flex;flex-direction:column}
#box-stage .box-3d-viewport{position:relative;flex:1;min-height:0;perspective:1000px;overflow:hidden;touch-action:none;cursor:grab;background:radial-gradient(ellipse at 50% 70%,#dde3eb,transparent 65%);border-radius:8px}
#box-stage .box-3d-viewport:active{cursor:grabbing}
#box-stage .box-3d-viewport:focus-visible{outline:2px solid #d00812;outline-offset:-3px}
#box-stage .box-3d-object{position:absolute;left:50%;top:50%;transform-style:preserve-3d}
#box-stage .box-3d-face{position:absolute;left:50%;top:50%;backface-visibility:hidden;background:#fff;overflow:hidden;outline:.2px solid #0002}
#box-stage .box-3d-face canvas{width:100%;height:100%;max-width:none;max-height:none;display:block;box-shadow:none}
#box-stage .box-3d-face:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 2px #0003}
#box-stage .box-3d-left:after,#box-stage .box-3d-right:after{background:#00000015}
#box-stage .box-3d-bottom:after{background:#00000025}
#box-stage .box-3d-tools{display:flex;justify-content:center;gap:6px;padding-top:8px;flex-shrink:0}
#box-stage .box-3d-tools button{font-size:12px;padding:7px 12px;min-height:34px;background:#fff;border:1px solid #d6dce4;border-radius:6px;color:#172033}
@media(max-width:760px){.box-preview>.segmented button{padding:6px 9px}#box-stage .box-3d-tools button{padding:7px 10px}}

#box-controls .box-motif-scope{flex-direction:column;align-items:stretch;margin:12px 0;padding:9px;gap:7px}
#box-controls .box-motif-scope .segmented{display:flex;width:100%}
#box-controls .box-motif-scope button{flex:1;min-width:0;padding:8px 5px;font-size:11px}

#card-3d-editor{width:min(1000px,calc(100vw - 24px));height:calc(100dvh - 32px);max-height:900px;padding:18px;overflow:hidden}
#card-3d-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
#card-3d-editor h2{font-size:21px;margin:0 0 5px}#card-3d-editor small{color:#647087;font-size:12px}
.card-3d-viewport{flex:1;min-height:0;position:relative;perspective:1100px;background:radial-gradient(ellipse at 50% 65%,#dfe5ed,#f5f7fa 70%);margin:14px 0;border-radius:12px;overflow:hidden;touch-action:none;cursor:grab}
.card-3d-viewport:active{cursor:grabbing}.card-3d-viewport:focus-visible{outline:2px solid #d00812;outline-offset:-3px}
.card-3d-object{position:absolute;left:50%;top:50%;width:210px;height:296.667px;transform-style:preserve-3d}
.card-3d-face{position:absolute;inset:0;border-radius:10px;background:#fff;backface-visibility:hidden;overflow:hidden;box-shadow:0 0 0 .5px #d5d3cd}
.card-3d-front{transform:translateZ(.6px)}.card-3d-back{transform:rotateY(180deg) translateZ(.6px)}
.card-3d-face canvas{display:block;width:100%;height:100%}
.card-3d-face:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 1px #0002;border-radius:inherit}
.card-3d-tools{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;flex-shrink:0}.card-3d-tools button{border:1px solid #d6dce4;border-radius:6px;background:#fff;padding:9px 15px;color:#172033;min-height:36px;font-size:13px}
.card-3d-status{font-size:12px;color:#647087;text-align:center;min-height:32px;margin:10px 0 0;flex-shrink:0}
.preview-tools{flex-wrap:wrap}
@media(max-width:760px){#card-3d-editor{padding:12px;width:calc(100vw - 12px);height:calc(100dvh - 16px)}#card-3d-editor h2{font-size:18px}.card-3d-tools{gap:5px}.card-3d-tools button{padding:9px 11px;font-size:12px}.card-3d-status{font-size:11px}}

.box-net-tools{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;margin-bottom:8px}.box-net-tools[hidden]{display:none}.box-net-tools button{padding:7px 12px;min-height:34px;background:#fff;border:1px solid #d6dce4;border-radius:6px}.box-net-tools output{font-size:12px;min-width:40px;text-align:center}#box-stage.net-view{overflow:hidden;cursor:grab}#box-stage.net-view:active{cursor:grabbing}#box-stage.net-view canvas{max-width:none;max-height:none;flex-shrink:0;transform-origin:center}

.box-theme-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}.box-theme-choices>span{grid-column:1/-1;font-size:12px;font-weight:700}.box-theme-choices button{padding:4px;background:white;border:1px solid #d5dae2;border-radius:6px;min-width:0}.box-theme-choices button[aria-pressed=true]{border:2px solid #cf0010}.box-theme-choices img{width:100%;height:88px;object-fit:cover;border-radius:3px}.box-theme-choices button span{display:block;font-size:10px;line-height:1.3;margin-top:4px}
.box-motif-scope[hidden]{display:none}

#box-theme-picker{width:min(1150px,calc(100vw - 24px));height:calc(100dvh - 30px);max-height:none;padding:20px;box-sizing:border-box}#box-theme-picker[open]{display:flex;flex-direction:column;gap:16px}#box-theme-picker header,#box-theme-picker footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}#box-theme-picker h2{margin:0;font-size:24px}#box-theme-picker header p{margin:5px 0 0;color:#657085;font-size:13px}.box-theme-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:auto;min-height:0;flex:1;padding:3px}.box-theme-gallery button{background:#f5f6f8;border:2px solid transparent;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;align-items:center}.box-theme-gallery button[aria-pressed=true]{border-color:#d00812;background:#fff3f3}.box-theme-gallery .theme-main{height:220px;width:100%;object-fit:contain}.box-theme-gallery .theme-sides{width:100%;height:60px;object-fit:cover}.box-theme-gallery strong{font-size:14px}#box-theme-picker footer{border-top:1px solid #dce0e7;padding-top:12px}#box-theme-picker footer .primary{min-width:170px}@media(max-width:600px){#box-theme-picker{padding:12px}.box-theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.box-theme-gallery .theme-main{height:170px}.box-theme-gallery .theme-sides{height:42px}#box-theme-picker h2{font-size:19px}#box-theme-picker footer strong{font-size:12px}}

.layer-editor{width:min(1200px,96vw);max-width:96vw;height:92vh;border:1px solid #dce2eb;border-radius:16px;padding:20px;box-sizing:border-box}.layer-editor header{display:flex;gap:12px;align-items:center}.layer-editor header h2{flex:1;font-size:21px}.layer-workspace{display:grid;grid-template-columns:290px 1fr;gap:24px;height:calc(100% - 70px)}.layer-workspace aside{overflow:auto;padding:8px}.layer-editor label{display:block;margin:10px 0}.layer-editor select,.layer-editor textarea,.layer-editor input[type=number]{display:block;width:100%;box-sizing:border-box}.layer-editor textarea{height:70px}.layer-editor [data-preview]{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#edf1f6;touch-action:none}.layer-editor canvas{max-width:96%;max-height:96%;object-fit:contain;cursor:move}.layer-editor [data-status]{color:#bc111b}.layer-editor::backdrop{background:#17203399}@media(max-width:650px){.layer-workspace{grid-template-columns:1fr;grid-template-rows:48% 52%;gap:4px}.layer-editor header h2{font-size:16px}.layer-editor{padding:10px}.layer-workspace aside{padding:4px}}

.layer-editor [data-controls] button{border:1px solid #cbd3df;border-radius:6px;padding:7px 9px;background:white}.layer-editor .row{flex-wrap:wrap;gap:6px}
.box-theme-filters{display:flex;align-items:end;gap:12px;flex-shrink:0}.box-theme-filters label{display:grid;gap:5px;font-size:13px;flex:1}.box-theme-filters input,.box-theme-filters select{width:100%;min-width:0;box-sizing:border-box}.box-theme-filters #box-theme-count{font-size:12px;color:#657085;padding-bottom:12px;white-space:nowrap}@media(max-width:600px){.box-theme-filters{flex-wrap:wrap;gap:8px}.box-theme-filters label{flex-basis:40%}.box-theme-filters #box-theme-count{padding-bottom:0}}
#box-theme-picker header{height:auto;min-height:58px;padding:0;align-items:flex-start}.box-theme-gallery{align-content:start;grid-auto-rows:max-content}.box-theme-filters input,.box-theme-filters select{min-height:42px;border:1px solid #ccd5e1;border-radius:6px;padding:8px 10px;background:#fff}.box-theme-filters input:focus{outline-color:#597caf}@media(max-width:600px){#box-theme-picker header{min-height:64px}#box-theme-picker header h2{line-height:1.2}#box-theme-picker header p{line-height:1.35}}
.upgrade-dialog{width:min(760px,94vw);max-height:94dvh;padding:24px;border:1px solid #dce2eb;border-radius:14px}.upgrade-dialog header{height:auto;padding:0;gap:20px;align-items:start}.upgrade-dialog h2{margin:0 0 16px}.upgrade-dialog label{display:block;margin:14px 0}.upgrade-dialog select{display:block;width:100%;margin-top:6px}.upgrade-dialog footer{text-align:right}.set-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.set-previews figure{margin:0;text-align:center}.set-previews img{width:100%;height:190px;object-fit:contain}.upgrade-dialog [data-error]{color:#b40000}@media(max-width:600px){.upgrade-dialog{padding:14px}.set-previews img{height:130px}.upgrade-dialog h2{font-size:18px}}

.layer-editor header{height:auto;min-height:48px}.layer-editor [data-controls] :disabled{opacity:.45;cursor:not-allowed}

.upgrade-dialog{height:auto;box-sizing:border-box}.upgrade-dialog footer{height:auto;padding-top:16px}.upgrade-dialog section{min-height:0}
.feature-dialog{width:min(1180px,96vw);height:min(900px,94dvh);max-height:94dvh;padding:20px;border:1px solid #dfe3e9;border-radius:18px;background:#fff;color:#172033;box-shadow:0 24px 90px #17203335}.feature-dialog[open]{display:flex;flex-direction:column;gap:12px}.feature-dialog>header{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:0 0 10px;min-height:0;border-bottom:1px solid #e5e8ed;flex-shrink:0}.feature-dialog h2{font-size:23px;margin:0 0 5px}.feature-dialog h3{font-size:15px;margin:12px 0 8px}.feature-dialog p{margin:0;font-size:13px;line-height:1.5}.feature-dialog>footer{padding:12px 0 0;border-top:1px solid #e5e8ed;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;flex-shrink:0;min-height:0}.feature-dialog button{min-height:36px}.feature-dialog select{max-width:100%;width:100%;margin:4px 0 8px}.feature-dialog::backdrop{background:#10182780}.photo-workspace{display:grid;grid-template-columns:300px 1fr;gap:24px;flex:1;min-height:0}.photo-settings,.photo-selection{min-height:0;overflow:auto;padding:2px 8px 10px 0}.photo-settings>label{display:block;font-size:13px;margin:8px 0}.photo-settings input[type=checkbox]{width:auto;margin-right:5px}.photo-settings [data-preview]{display:block;max-width:100%;width:auto;height:220px;margin:8px auto;box-shadow:0 4px 18px #17203320}.photo-settings [data-crop]{width:100%;display:block}.photo-settings>button{width:100%}.upload-button{display:block!important;padding:12px;text-align:center;cursor:pointer;border-radius:8px;font-weight:600}.photo-files{display:flex;gap:5px;overflow:auto}.photo-remove{flex:0 0 48px;padding:2px}.photo-remove img{width:40px;height:48px;object-fit:cover}.photo-selection>nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.photo-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:10px}.photo-card-grid article{border:1px solid #e3e7ed;border-radius:8px;padding:6px;min-width:0}.photo-card-grid article>label{display:flex;gap:4px;align-items:center;font-size:12px;font-weight:600}.photo-card-grid input{width:auto}.photo-card{padding:0;width:100%;display:block;aspect-ratio:63/89;border:2px solid transparent;background:#f2f4f7;margin-top:4px}.photo-card[aria-pressed=true]{border-color:#d6000d}.photo-card img{display:block;width:100%;height:100%;object-fit:contain}.photo-swap label{font-size:12px}.photo-deck [data-status]{min-height:20px;color:#3f536f}.photo-swap{margin-top:16px;padding-top:8px;border-top:1px solid #eee}.summary-upgrades{display:grid;gap:7px;margin:12px 0}.preview-tools{flex-wrap:wrap}.preview-tools button{white-space:nowrap}
#pattern-tools{display:flex;align-items:start;flex-wrap:wrap;gap:8px;flex-shrink:0;margin:6px 0}#pattern-tools details{flex:1}#pattern-tools summary{cursor:pointer;padding:8px;font-size:12px;font-weight:600}#pattern-tools [data-pattern-status]{font-size:10px;align-self:center}.pattern-facets{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:6px 0}.pattern-facets label{font-size:11px;display:flex;flex-direction:column;gap:3px}.pattern-facets select{height:34px;min-height:34px;margin:0;padding:5px;font-size:12px}.pattern-facets .favorite-filter{flex-direction:row;align-items:center}.favorite-filter input,.pattern-card-tools input{width:auto;margin:0}.picker-option{min-height:0;min-width:0;display:flex;flex-direction:column;border:1px solid #dfe4eb;border-radius:10px;overflow:hidden;background:#f5f7fa}.picker-option>[data-pick]{display:flex;flex-direction:column;align-items:center;flex:1;min-height:0;padding:6px;border:2px solid transparent;border-radius:8px}.picker-option>[data-pick][aria-pressed=true]{border-color:#d6000d;background:#fff8f8}.pattern-card-tools{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;min-height:30px;padding:3px;background:#fff}.pattern-card-tools button{font-size:11px;padding:4px;min-height:26px}.pattern-card-tools label{font-size:10px;display:flex;gap:3px;align-items:center}.favorite-star[aria-pressed=true]{color:#a26000;font-weight:700}.compare-grid{flex:1;min-height:0;display:flex;gap:20px;overflow:auto}.compare-grid figure{flex:1;min-width:170px;margin:0;display:flex;flex-direction:column;gap:10px;text-align:center}.compare-grid img{width:100%;min-height:0;flex:1;object-fit:contain}.compare-grid figcaption{font-weight:600;font-size:14px}.product-scene-stage{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;background:#f7f4ef;border-radius:12px;overflow:hidden}.product-scene-stage canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;touch-action:none;cursor:grab}.product-scene-stage canvas:active{cursor:grabbing}.check-results{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px}.check-issue{text-align:left;padding:14px;border:1px solid #ebd79e;border-left:5px solid #ba8500;border-radius:8px;background:#fffbef;display:flex;flex-direction:column;gap:5px}.check-issue.error{border-color:#edc0c0;border-left-color:#c41928;background:#fff5f5}.check-issue strong{font-size:13px;line-height:1.5}.check-issue span{font-size:12px;text-decoration:underline}.project-check[data-result=passed]>[data-status]{background:#edf8ef;border-radius:8px;padding:16px;color:#216036}.project-check{height:min(760px,90dvh);width:min(800px,96vw)}
@media(max-width:760px){.feature-dialog{padding:12px;width:98vw;height:96dvh;max-height:96dvh}.feature-dialog h2{font-size:18px}.feature-dialog>header p{font-size:11px}.photo-workspace{grid-template-columns:1fr 1fr;gap:10px}.photo-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.photo-selection>nav button{font-size:10px;padding:5px;min-height:32px}.photo-settings [data-preview]{height:150px}.photo-settings label,.photo-settings button,.photo-settings p{font-size:11px}.photo-selection [data-count]{font-size:10px}.photo-card-grid article{padding:3px}.feature-dialog>footer button{font-size:11px;padding:8px}.pattern-facets{display:grid;grid-template-columns:1fr 1fr}.pattern-facets select{width:100%;min-width:0}#pattern-tools>button{font-size:11px;padding:7px}#pattern-tools [data-pattern-status]{display:none}.pattern-card-tools{gap:2px}.pattern-card-tools label,.pattern-card-tools button{font-size:9px}.compare-grid{gap:10px}.compare-grid figure{min-width:155px}.preview-tools button{font-size:10px;padding:5px}.product-scene-stage canvas{width:100%}}
.check-issue{flex:0 0 auto;min-height:78px;height:auto;white-space:normal}.check-results>.small{flex-shrink:0}.photo-tabs{display:flex;gap:4px;margin-bottom:12px}.photo-tabs button{font-size:11px;flex:1;padding:8px 3px;border:1px solid #dfe4eb;border-radius:6px}.photo-tabs button[aria-pressed=true]{background:#172033;color:white}.photo-settings [data-photo-panel]>label{display:block;font-size:12px;margin:8px 0}.photo-settings [data-photo-panel]>button{width:100%;margin:4px 0}.photo-settings [data-photo-panel][hidden]{display:none}.photo-settings .photo-swap{border:0;margin:0;padding:0}.photo-files{max-height:100px;flex-wrap:wrap;margin:8px 0}.photo-settings [data-preview]{height:260px;max-height:35dvh}.photo-settings input[type=checkbox]{width:auto}.photo-deck input[type=range]{width:100%}
@media(max-width:760px){.photo-tabs{flex-wrap:wrap}.photo-tabs button{font-size:10px;min-width:40px;padding:6px 1px}.photo-settings [data-preview]{height:185px;max-height:28dvh}.photo-settings [data-photo-panel]>label{font-size:11px}.photo-settings [data-photo-panel]>button{font-size:10px;padding:7px}.check-issue{min-height:96px}.check-issue strong{font-size:12px}}
.feature-dialog>header{height:auto!important;padding-bottom:12px}.feature-dialog>header>div{min-width:0;flex:1}.feature-dialog>header>button{flex-shrink:0}.feature-dialog>header p{line-height:1.4}.feature-dialog>header h2{line-height:1.25}

.box-action-buttons{display:grid;gap:8px;margin:12px 0}.box-action-buttons button{width:100%}.box-type-summary{padding:10px 12px;background:#f2f4f6;border-radius:10px;font-weight:700}.box-current-motif{font-size:13px;margin:8px 0}.box-element-settings{border-top:1px solid #dce0e5;padding:12px 0}.box-element-settings summary{cursor:pointer;font-weight:700}.box-theme-sources{padding:12px 20px}.box-theme-sources button{flex:1}#box-theme-picker{grid-template-rows:auto auto auto minmax(0,1fr) auto}

.box-type-summary small,.box-type-summary strong{display:block}.box-type-summary small{margin-bottom:4px;font-weight:400}

.complete-set-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:310px;overflow:auto;margin:12px 0;padding:3px}.complete-set-gallery button{padding:10px;border:2px solid #e0e3e8;border-radius:12px;background:#f7f8fa;text-align:left;min-width:0}.complete-set-gallery button[aria-pressed=true]{border-color:#d6000f;background:#fff3f3}.complete-set-gallery strong,.complete-set-gallery small{display:block;margin-top:5px}.complete-set-gallery small{font-weight:400;color:#526174}.complete-set-miniatures{display:flex;gap:5px;align-items:center;height:95px}.complete-set-miniatures img{width:calc((100% - 10px)/3);height:100%;object-fit:contain}.upgrade-dialog .set-close{font-size:28px;line-height:1;min-width:44px;min-height:44px}.upgrade-dialog:has(.complete-set-gallery){width:min(1000px,96vw)}@media(max-width:600px){.complete-set-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}.complete-set-miniatures{height:80px}}

.upgrade-dialog:has(.complete-set-gallery)[open]{display:flex;flex-direction:column;overflow:hidden;height:min(900px,94dvh)}.upgrade-dialog:has(.complete-set-gallery)>header,.upgrade-dialog:has(.complete-set-gallery)>footer{position:static;flex:none;background:white}.upgrade-dialog:has(.complete-set-gallery)>section{overflow:auto;flex:1;min-height:0;padding-right:6px}.upgrade-dialog:has(.complete-set-gallery)>[data-error]{margin:0}.upgrade-dialog:has(.complete-set-gallery) input[type=search]{width:100%;padding:10px;border:1px solid #cbd4df;border-radius:6px}.upgrade-dialog:has(.complete-set-gallery) .set-previews img{height:130px}

.upgrade-dialog.simple-set-dialog[open]{width:min(1160px,96vw);height:min(920px,94dvh);gap:0;padding:20px;display:flex;flex-direction:column;overflow:hidden}
.simple-set-dialog header{display:flex;justify-content:space-between;align-items:center;flex:none}.simple-set-dialog h2{margin:0}.simple-set-dialog .set-toolbar{flex:none;padding:10px 0 16px}.simple-set-dialog .set-toolbar p{margin:0 0 12px}.simple-set-dialog .set-toolbar>small{display:block;margin-top:8px;color:#596678}
.upgrade-dialog.simple-set-dialog>section{overflow:auto;flex:1;min-height:0;padding:4px 6px 8px 0}.simple-set-dialog .complete-set-gallery{max-height:none;overflow:visible;margin:0;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.simple-set-dialog .complete-set-gallery button{position:relative;padding:16px 12px;background:#f6f7f9}.simple-set-dialog .complete-set-miniatures{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.simple-set-dialog .complete-set-miniatures>span{min-width:0;text-align:center}.simple-set-dialog .complete-set-miniatures img{width:100%;height:155px;object-fit:contain}.simple-set-dialog .complete-set-miniatures small{font-size:11px;margin:6px 0 0}.simple-set-dialog .complete-set-gallery strong{font-size:15px;margin-top:14px;line-height:1.35}.simple-set-dialog .set-selected-mark{position:absolute;top:6px;right:6px;border-radius:50%;background:#d6000f;color:white;width:24px;height:24px;text-align:center;line-height:24px;visibility:hidden}.simple-set-dialog [aria-pressed=true] .set-selected-mark{visibility:visible}.simple-set-dialog .complete-set-gallery button[aria-pressed=true]{background:#fff3f3;border-color:#d6000f}.simple-set-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex:none;position:static;padding:16px 0 0;border-top:1px solid #dce2eb;margin-top:8px}.simple-set-dialog .set-selection-status{font-size:14px;font-weight:600;text-align:left}.simple-set-dialog footer button{flex:none}.simple-set-dialog .set-empty{grid-column:1/-1;padding:30px;text-align:center}
@media(max-width:700px){.upgrade-dialog.simple-set-dialog[open]{padding:14px}.simple-set-dialog .complete-set-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-set-dialog .complete-set-miniatures img{height:110px}.simple-set-dialog footer{gap:8px}.simple-set-dialog .set-selection-status{font-size:12px}}
@media(max-width:460px){.simple-set-dialog .complete-set-gallery{grid-template-columns:1fr}.simple-set-dialog .complete-set-miniatures img{height:160px}.simple-set-dialog .set-toolbar p{font-size:13px}.simple-set-dialog .set-toolbar>small{font-size:11px}}

#design-picker .dialog-heading,#gallery .dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-shrink:0}#design-picker .dialog-heading>div{min-width:0}.dialog-dismiss{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;font-size:28px;line-height:1;display:grid;place-items:center}

.simple-set-dialog .set-categories{display:flex;gap:4px;margin-bottom:12px}.simple-set-dialog .set-categories button{flex:1;min-width:0;min-height:44px;padding:10px 8px}.simple-set-dialog .set-categories button[aria-pressed=true]{background:#d6000f;color:#fff}@media(max-width:460px){.simple-set-dialog .set-categories button{font-size:12px;padding:8px 5px}}

/* Keep editor content inside the workspace, above the navigation bar. */
body>main>.workspace{grid-template-rows:minmax(0,1fr);overflow:hidden}
body>main>.workspace>#editor{min-height:0;min-width:0;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:16px;scrollbar-gutter:stable}
body>main>footer{position:relative;z-index:1;background:#fff;flex-shrink:0}

#editor>.project-side-switch{margin:0 0 14px;flex-shrink:0}#editor>.project-side-switch button{min-height:42px;font-weight:700}.photo-source{position:relative}.photo-source-select{display:block;width:100%;padding:3px;border:2px solid transparent;border-radius:6px}.photo-source-select[aria-pressed=true]{border-color:#d00812;background:#fff0f1}.photo-source-select img{width:100%;height:68px;object-fit:cover}.photo-source-remove{position:absolute;right:0;top:0;width:24px;height:24px;background:#fff;border:1px solid #ccc;border-radius:50%}.photo-selection [data-group][aria-pressed=true]{background:#d00812;color:white;border-color:#d00812}.photo-settings [data-assign]{width:100%;margin:8px 0;font-size:12px}

.stage{--navigable-card-width:min(calc(100cqw - 100px),calc(99cqh * 63 / 89))}.stage.front-active .card.front{width:var(--navigable-card-width)}.stage-card-nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:56px;border:1px solid #cbd3df;border-radius:10px;background:#fff;box-shadow:0 3px 10px #17203315;font-size:36px;line-height:1}.stage.front-active .stage-card-nav{display:block}.stage-card-previous{left:calc(50% - var(--navigable-card-width)/2 - 48px)}.stage-card-next{right:calc(50% - var(--navigable-card-width)/2 - 48px)}.stage-card-nav:hover{background:#fff0f1;border-color:#d00812}

#design-picker.front-deck-picker #picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}#design-picker.front-deck-picker .picker-option{min-height:0}#design-picker.front-deck-picker .picker-option>[data-pick]{padding:6px}#design-picker.front-deck-picker #picker-grid strong{font-size:12px;margin:5px 0 3px}#design-picker.front-deck-picker .deck-sheet-open{min-height:30px;padding:6px;font-size:12px;width:100%}#design-picker.front-deck-picker .pattern-card-tools{font-size:10px;padding:3px}.deck-sheet-dialog{width:min(1300px,96vw);height:94dvh;max-height:94dvh;gap:12px}.deck-sheet-dialog .dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.deck-sheet-dialog h2{margin:0;font-size:20px}.deck-sheet-stage{flex:1;min-height:0;overflow:auto;display:flex;justify-content:center;background:#eef0f3}.deck-sheet-stage img{width:100%;height:100%;object-fit:contain}.deck-sheet-stage.sheet-zoomed{display:block}.deck-sheet-stage.sheet-zoomed img{width:1800px;max-width:none;height:auto}.deck-sheet-dialog>button{flex-shrink:0;align-self:center}@media(max-width:760px){#design-picker.front-deck-picker #picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-sheet-dialog h2{font-size:16px}#design-picker.front-deck-picker #picker-categories{margin:5px 0}#design-picker.front-deck-picker #picker-help{display:none}}

.box-theme-gallery>button{min-width:0;overflow:hidden}.box-theme-gallery .box-blank-preview{display:grid;place-content:center;width:calc(220px * 63 / 89);max-width:100%;height:220px;flex-shrink:0;border-radius:7px;background:#172033;color:white;font-size:15px;text-align:center;line-height:1.5}.box-theme-gallery .theme-main{flex-shrink:0}.box-theme-gallery strong{max-width:100%;overflow-wrap:anywhere}@media(max-width:600px){.box-theme-gallery .box-blank-preview{height:170px;width:calc(170px * 63 / 89);font-size:13px}}

.own-deck-dialog{width:min(1100px,96vw);max-width:96vw;height:92vh;max-height:92vh;padding:22px;border:0;border-radius:14px}.own-deck-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px}.own-layout{display:grid;grid-template-columns:330px 1fr;gap:28px;height:calc(100% - 70px)}.own-layout>section{overflow:auto;padding:8px}.own-layout label{display:block;margin:12px 0}.own-layout select,.own-layout input[type=range]{display:block;width:100%}.own-row{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.own-deck-dialog button{cursor:pointer;padding:9px;border-radius:6px}.own-deck-dialog button[aria-pressed=true]{background:#cf0712;color:white}.own-preview{text-align:center}.own-preview canvas{display:block;margin:12px auto;max-width:100%;height:min(62vh,650px);width:auto;box-shadow:0 8px 28px #0002}.own-preview p{font-size:13px;max-width:490px;margin:auto}@media(max-width:700px){.own-layout{grid-template-columns:1fr;height:auto}.own-deck-dialog{overflow:auto}.own-preview{grid-row:1}.own-preview canvas{height:35vh}}

.own-deck-dialog header{padding:0 0 12px;margin:0}.own-preview{overflow:hidden!important}.own-preview canvas{height:min(57vh,620px)}.own-layout label{margin:7px 0}.own-layout .small{font-size:12px;line-height:1.3}.own-layout button{font-size:13px}.own-layout hr{margin:10px 0}

.mode-heading{font-size:18px!important;margin-bottom:12px!important}.project-modes{display:grid;gap:9px;margin-bottom:18px}.project-mode{display:grid;grid-template-columns:1fr 36px;gap:5px;align-items:stretch}.mode-select{padding:13px;text-align:left;border:1px solid #cbd0d5;border-radius:8px;background:white;cursor:pointer;color:#192027;min-height:80px}.mode-select strong,.mode-select span{display:block}.mode-select strong{font-size:14px}.mode-select span{font-size:12px;line-height:1.4;margin-top:5px}.mode-select[aria-pressed=true]{border:2px solid #cf0712;background:#fff6f6;padding:12px}.mode-info{border:1px solid #cbd0d5;border-radius:8px;background:white;font-size:21px;color:#333;cursor:pointer}.mode-explanation{width:min(620px,92vw);border:0;border-radius:12px;padding:25px;max-height:85vh}.mode-explanation header{display:flex;align-items:start;gap:20px;justify-content:space-between}.mode-explanation h2{font-size:22px}.mode-explanation p{line-height:1.6;margin:18px 0}.own-canvas-nav{display:flex;align-items:center;justify-content:center;gap:12px}.own-canvas-nav canvas{max-width:calc(100% - 96px);object-fit:contain}.own-canvas-nav button{flex:0 0 36px;height:46px;font-size:30px;background:white;border:1px solid #cbd0d5}.own-canvas-nav button:disabled{opacity:.3}

.own-mode .stage .stage-card-nav{display:block}.own-mode .stage .card{width:var(--navigable-card-width)}

/* Compact editor layout: keep controls visible above the footer. */
@media(min-width:761px){
 body>main>.workspace>#editor{padding:12px;scrollbar-gutter:auto}
 #editor h2{font-size:17px;margin:0 0 8px}
 #editor .field{margin:8px 0 4px;font-size:12px}
 #editor input:not([type=range]),#editor select{min-height:30px;padding:6px 8px;font-size:12px}
 #editor button{min-height:30px;padding:7px 9px;font-size:12px}
 #editor .project-modes{gap:7px;margin-bottom:10px}
 #editor .project-mode{grid-template-columns:1fr 32px}
 #editor .mode-select{min-height:61px;padding:8px 10px}
 #editor .mode-select[aria-pressed=true]{padding:7px 9px}
 #editor .mode-select strong{font-size:12px;line-height:1.25}
 #editor .mode-select span{font-size:11px;line-height:1.25;margin-top:3px}
 #editor .mode-info{font-size:19px}
 #editor .full{margin-top:7px;margin-bottom:0}
 #editor .small{font-size:11px;line-height:1.35;margin:7px 0}
 #editor .project-side-switch{margin-bottom:8px}
 #editor .project-side-switch button{min-height:32px}
 body[data-creator-step="1"] #editor .start-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}
 body[data-creator-step="1"] #editor .selection-card{display:block;padding:9px;min-height:96px}
 body[data-creator-step="1"] #editor .selection-number{display:none}
 body[data-creator-step="1"] #editor .selection-card strong{font-size:13px}
 body[data-creator-step="1"] #editor .selection-card small{font-size:11px;margin:4px 0;line-height:1.3}
 body[data-creator-step="1"] #editor .selection-card b{font-size:11px}
 #editor .file-row{margin-top:9px}
 .own-mode #editor{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}
 .own-mode #editor>h2,.own-mode #editor>.project-modes,.own-mode #editor>p,.own-mode #editor>label,.own-mode #editor>input,.own-mode #editor>[data-action="own-edit"]{grid-column:1/-1}
 .own-mode #editor>h2,.own-mode #editor>p{margin:0}
 .own-mode #editor>.project-modes{margin-bottom:2px}
 .own-mode #editor>.full{margin:0}
 .own-mode #editor>[data-action="own-off"]{display:none}
 .own-layout{grid-template-columns:370px 1fr;gap:18px;height:calc(100% - 48px)}
 .own-layout>section:first-child{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;align-content:start;overflow:visible}
 .own-layout>section:first-child>label,.own-layout>section:first-child>.own-row,.own-layout>section:first-child>p,.own-layout>section:first-child>button,.own-layout>section:first-child>hr{margin:0}
 .own-layout>section:first-child>label:first-child,.own-layout [data-count],.own-layout [data-upload],.own-layout>section:first-child>.small,.own-layout>section:first-child>hr,.own-layout>section:first-child>[data-status]{grid-column:1/-1}
 .own-layout>section:first-child>hr{width:100%;margin:3px 0}
 .own-layout>section:first-child>.own-row{grid-column:1/-1}
 .own-layout>section:first-child>.own-row:first-of-type{margin:2px 0}
 .own-layout label{font-size:12px}.own-layout input[type=range]{margin:4px 0;height:19px}
 .own-layout select{min-height:30px;padding:5px;font-size:12px}
 .own-layout button{padding:6px;font-size:12px;min-height:29px}
 .own-layout .small,.own-layout [data-count],.own-layout [data-status]{font-size:11px;line-height:1.3}
 .own-layout [data-swap]{grid-column:1/-1}
}

@media(min-width:761px){.own-layout label:has([data-mode]){grid-column:1/-1}.own-layout .own-canvas-nav button{font-size:30px;padding:4px;color:#192027}}

/* Illustrated onboarding and comparison, approved visual direction. */
body[data-creator-step="1"] #editor{display:block!important;padding:20px!important}
.start-mode-content{display:flex;flex-direction:column;gap:16px;height:100%}
#editor .start-mode-content .mode-heading{font-size:20px!important;margin:0!important;line-height:1.2}
#editor .start-mode-content .project-modes{display:grid;gap:12px;margin:0}
#editor .start-mode-content .project-mode{position:relative;display:block}
#editor .start-mode-content .mode-select{display:flex;align-items:center;gap:12px;width:100%;height:112px;padding:14px 38px 14px 12px;border-radius:10px;background:#fff;text-align:left}
#editor .start-mode-content .mode-select[aria-pressed=true]{border:2px solid #cf0712;background:#fffafa;padding:13px 37px 13px 11px}
#editor .start-mode-content .mode-info{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;width:28px;min-height:32px;padding:0;font-size:22px;color:#607080}
.mode-miniatures{display:flex;align-items:center;justify-content:center;isolation:isolate;flex:0 0 92px;height:86px}
.mode-miniatures img{display:block;width:43px;height:61px;object-fit:cover;border-radius:3px;box-shadow:0 2px 5px #17203326;background:white;border:2px solid white;margin-left:-15px}
.mode-miniatures img:first-child{margin-left:0;transform:rotate(-9deg)}.mode-miniatures img:last-child{transform:rotate(9deg)}.mode-miniatures img:nth-child(2){z-index:1}
#editor .start-mode-content .mode-copy{display:block;margin:0;min-width:0}
#editor .start-mode-content .mode-copy strong{font-size:14px;line-height:1.3}
#editor .start-mode-content .mode-copy>span{font-size:12px;line-height:1.4;color:#56616d;margin-top:6px}
.box-kind-title{font-size:15px;margin:5px 0 -6px}
.box-kind-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#editor .box-kind-options button{display:flex;align-items:center;gap:8px;border:1px solid #d5dbe1;border-radius:9px;background:white;min-height:66px;padding:10px;text-align:left;font-size:12px;color:#25313c}
#editor .box-kind-options button[aria-pressed=true]{border-color:#d00812;background:#fff7f7}
.box-kind-options svg{fill:none;stroke:currentColor;stroke-width:1.4;width:33px;height:40px;flex-shrink:0}
#editor .start-design{display:flex;justify-content:space-between;align-items:center;margin:0;min-height:44px;font-size:14px;padding:12px 15px;border-radius:8px}
.start-project-files{display:flex;justify-content:center;gap:12px;margin-top:auto}
#editor .start-project-files button{font-size:11px;min-height:25px;padding:4px 8px;color:#64707c}
.visual-mode-explanation{width:min(920px,94vw);max-width:94vw;max-height:92vh;padding:30px;border-radius:15px;box-shadow:0 25px 100px #12203450}
.visual-mode-explanation::backdrop{background:#1a223a80}
.visual-mode-explanation header{display:flex;align-items:center;justify-content:space-between;padding:0 0 25px;margin:0}
.visual-mode-explanation header h2{font-size:26px;margin:0}.visual-mode-explanation header button{font-size:24px;padding:0 5px}
.mode-comparison{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.mode-comparison section{text-align:center;padding:0 15px;display:flex;flex-direction:column;align-items:center}
.mode-comparison section+section{border-left:1px solid #dce0e6}
.mode-comparison h3{font-size:18px;margin:0 0 15px}
.compare-art,.compare-pairs{height:145px;width:100%;display:flex;align-items:center;justify-content:center}
.compare-art .mode-miniatures{height:130px;flex-basis:auto}.compare-art img{width:74px;height:105px;margin-left:-8px}
.compare-pairs{gap:18px}.compare-pairs figure{margin:0}.compare-pairs figure>div{display:flex;justify-content:center}.compare-pairs img{width:53px;height:80px;object-fit:cover;border:3px solid white;border-radius:5px;box-shadow:0 3px 7px #17203326;transform:rotate(-6deg)}.compare-pairs img+img{margin-left:-9px;transform:rotate(6deg)}.compare-pairs figcaption{font-size:11px;margin-top:10px}
.mode-comparison p{font-size:13px;margin:12px 0;line-height:1.5}.pdf-pill{background:#eef0f3;padding:5px 12px;border-radius:20px;font-size:12px}.mode-comparison .compare-detail{color:#64707c;min-height:60px;margin:15px 0}.mode-comparison .primary{width:100%;padding:13px;font-size:14px;margin-top:auto}.visual-mode-explanation .mode-box-note{border-top:1px solid #dce0e6;margin:25px 0 0;padding:18px 0 0;font-size:13px;text-align:center}
@media(min-width:761px) and (max-height:740px){.start-mode-content{gap:12px}#editor .start-mode-content .mode-select{height:100px}.start-project-files{margin-top:0}}
@media(max-width:760px){.mode-comparison{grid-template-columns:1fr}.mode-comparison section+section{border-left:0;border-top:1px solid #dce0e6;padding-top:22px}.visual-mode-explanation{padding:20px}.visual-mode-explanation header h2{font-size:21px}.start-mode-content{height:auto}.start-project-files{margin-top:0}}

.start-preview{display:none}body[data-creator-step="1"] .stage>.card,body[data-creator-step="1"] .stage-card-nav,body[data-creator-step="1"] .preview-heading .segmented,body[data-creator-step="1"] .preview-tools{display:none!important}body[data-creator-step="1"] .start-preview{display:flex;position:absolute;inset:12px 10px;flex-direction:column;align-items:center;justify-content:center;gap:18px}.start-preview img{height:calc(100% - 50px);max-width:90%;aspect-ratio:63/89;object-fit:cover;border:8px solid white;border-radius:14px;box-shadow:0 12px 30px #17203326}.start-preview span{font-size:12px;color:#6b7280;text-align:center}

#editor .start-mode-content .mode-miniatures{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0;flex:0 0 92px;height:80px}#editor .start-mode-content .mode-miniatures img{flex:0 0 43px;max-width:43px;width:43px;height:61px;min-width:0}

.visual-mode-explanation{height:auto!important;min-height:0!important}.visual-mode-explanation header{padding-bottom:24px!important}.visual-mode-explanation .compare-art,.visual-mode-explanation .compare-pairs{margin-top:8px}@media(min-width:1100px){body[data-creator-step="1"] .workspace{grid-template-columns:400px minmax(0,1fr)}#editor .start-mode-content .mode-copy strong{font-size:15px}.mode-miniatures{flex-basis:102px}}

.start-style-picks,.editor-pattern-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.start-style-picks button strong,.start-style-picks button small{display:block}.start-style-picks small{font-size:10px;margin-top:3px;font-weight:normal;color:#617080}.start-style-picks button{min-height:45px!important}#editor .own-mode-note{font-size:11px;line-height:1.4;margin:0;color:#536171}.start-mode-content{gap:10px}.start-project-files{margin-top:0}#editor .start-mode-content .mode-copy>span{font-size:11px;line-height:1.3}.editor-pattern-choices{margin:5px 0}.editor-pattern-choices button{font-size:11px!important}

#editor .start-mode-content .mode-miniatures:has([data-personalized-example]){flex-basis:110px}#editor .start-mode-content .mode-miniatures:has([data-personalized-example]) img{flex-basis:35px;width:35px;max-width:35px;height:50px;margin-left:-14px}#editor .start-mode-content .mode-miniatures img:first-child{margin-left:0}.compare-art .mode-miniatures:has([data-personalized-example]) img{width:61px;height:86px;margin-left:-10px}.compare-art .mode-miniatures img:first-child{margin-left:0}

body:not(.own-mode) #start-preview-art{display:none}.own-mode #start-preview-collage{display:none}#start-preview-collage{width:100%;flex:1;min-height:0;display:grid;place-items:center}#start-preview-collage .mode-miniatures{display:flex;width:100%;height:100%;justify-content:center;align-items:center}#start-preview-collage img{width:19%;height:auto;max-width:180px;aspect-ratio:63/89;object-fit:cover;margin-left:-7%;border:5px solid white;border-radius:9px;box-shadow:0 12px 25px #17203326}#start-preview-collage img:first-child{margin-left:0;transform:rotate(-14deg) translateY(15px)}#start-preview-collage img:nth-child(2){transform:rotate(-7deg);z-index:2}#start-preview-collage img:nth-child(3){transform:translateY(-12px);z-index:4}#start-preview-collage img:nth-child(4){transform:rotate(7deg);z-index:3}#start-preview-collage img:last-child{transform:rotate(14deg) translateY(15px)}

.piotrus-category{display:flex;gap:10px;align-items:center;padding:8px!important;margin:8px 0;text-decoration:none;color:#172033}.piotrus-category img{width:44px;height:48px;object-fit:cover;border-radius:6px}.piotrus-category span{display:grid;gap:3px;flex:1}.piotrus-category small{font-size:11px;font-weight:400}

.edit-history{display:inline-flex;gap:5px;flex-wrap:wrap}.edit-history button{font-size:12px;padding:6px 9px}.proof-toggle{font-size:12px;display:block}.proof-toggle small{display:block;font-size:10px;max-width:260px}.preview-tools{flex-wrap:wrap}.layer-editor header{flex-wrap:wrap}

.print-proof .stage .card,.print-proof .stage.front-active .card{aspect-ratio:69/95;width:min(90cqw,calc(96cqh * 69 / 95))}.print-proof .card canvas{aspect-ratio:69/95;border-radius:inherit}.proof-toggle{flex-shrink:0}.box-heading{flex-wrap:wrap}

#editor [data-action="undo"]{display:none}

#safe-area{border-radius:12px}.own-preview canvas,.piotrus-preview .p-canvas-wrap canvas{border-radius:15px}

.photo-settings [data-preview]{aspect-ratio:69/95;height:auto;border-radius:15px}

#box-editor .box-heading .box-guide-toggle{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12px;white-space:nowrap}#box-editor .box-guide-toggle input{width:auto;margin:0}
/* Large-card studio: the start and checkout keep their existing layouts. */
.studio-topbar,.studio-zoom{display:none}
body:is([data-creator-step="2"],[data-creator-step="3"]) .studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:6px 16px;background:white;border-bottom:1px solid #dce2eb}
.studio-title{font-weight:700;font-size:17px}.studio-sides{width:330px}.studio-top-actions{display:flex;gap:8px}
body:is([data-creator-step="2"],[data-creator-step="3"]) .heading{display:none}
body:is([data-creator-step="2"],[data-creator-step="3"]) main{padding:0 12px 8px;max-width:none}
body:is([data-creator-step="2"],[data-creator-step="3"]) .workspace{grid-template-columns:minmax(0,1fr) 370px;gap:0;min-height:0;flex:1}
body:is([data-creator-step="2"],[data-creator-step="3"]) #editor{grid-column:2;grid-row:1;border-radius:0 10px 10px 0;padding:14px;background:white;overflow:auto}
body:is([data-creator-step="2"],[data-creator-step="3"]) .preview{grid-column:1;grid-row:1;border-radius:10px 0 0 10px;border-right:0;min-height:0;padding:8px 12px;background:#edf1f6;display:flex;flex-direction:column}
body:is([data-creator-step="2"],[data-creator-step="3"]) .preview-heading{min-height:38px;flex-shrink:0;justify-content:flex-end}
body:is([data-creator-step="2"],[data-creator-step="3"]) .preview-heading>h2,body:is([data-creator-step="2"],[data-creator-step="3"]) .preview-heading>.segmented,body:is([data-creator-step="2"],[data-creator-step="3"]) #focus-editor{display:none}
body:is([data-creator-step="2"],[data-creator-step="3"]) .proof-toggle small{display:none}
body:is([data-creator-step="2"],[data-creator-step="3"]) .stage{flex:1;min-height:0;overflow:auto;container-type:size}
body:is([data-creator-step="2"],[data-creator-step="3"]) .stage .card{width:min(80cqw,calc(98cqh * 69 / 95))!important;transform:scale(var(--studio-zoom,1));transform-origin:center;}
body:is([data-creator-step="2"],[data-creator-step="3"]) .studio-zoom{display:flex;align-items:center;gap:8px;height:34px;flex-shrink:0;font-size:12px}
.studio-zoom button{background:white;border:1px solid #d5dce6;border-radius:5px;padding:5px 10px}.studio-card-caption{margin-left:auto;color:#536276}
body:is([data-creator-step="2"],[data-creator-step="3"]) main>footer{height:40px;min-height:40px;padding:3px 0;margin:0}
body:is([data-creator-step="2"],[data-creator-step="3"]) main>footer #save{display:none}
body:is([data-creator-step="2"],[data-creator-step="3"]) #editor .project-side-switch{display:none}
.studio-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}.studio-tools button{background:white;border:1px solid #dce2eb;border-radius:7px;padding:8px 3px;font-size:12px}.studio-tools span{display:block;font-size:23px;line-height:28px;color:#172033}.studio-tools button:hover{border-color:#d00812;background:#fff4f5}
#editor.editing-layers>:not(.inline-layer-editor):not(.studio-tools):not(.editor-pattern-choices):not(.studio-complete-choice){display:none!important}
.inline-layer-editor{width:auto!important;max-width:none!important;height:auto!important;border:0!important;padding:0!important;border-radius:0!important}
.inline-layer-editor header{display:flex;min-height:0;gap:5px;padding:0 0 8px;background:none;position:static;height:auto}
.inline-layer-editor header h2{font-size:15px;flex-basis:100%;margin:0 0 4px}.inline-layer-editor header>button{font-size:11px;padding:6px}.inline-layer-editor header [data-cancel]{display:none}
.inline-layer-editor .layer-workspace{display:block;height:auto}.inline-layer-editor aside{padding:0;border:0;overflow:visible}.inline-layer-editor label{font-size:12px;margin:0}.inline-layer-editor textarea{height:52px}.inline-layer-editor input,.inline-layer-editor select{min-height:28px;font-size:12px;padding:4px}.inline-layer-editor [data-controls]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inline-layer-editor [data-controls]>.row,.inline-layer-editor [data-controls]>p,.inline-layer-editor [data-controls]>details{grid-column:1/-1}.inline-layer-editor [data-controls]>label:has(textarea){grid-column:1/-1}.inline-layer-editor .row{display:flex;gap:5px;margin:5px 0}.inline-layer-editor .row label{flex:1;min-width:0}.inline-layer-editor .row button{flex:1;font-size:11px;padding:6px}.inline-layer-editor [data-list]{margin:5px 0 12px}.inspector-advanced{border-top:1px solid #dce2eb;padding-top:8px}.inspector-advanced summary{cursor:pointer;font-weight:600;font-size:12px}.inspector-advanced[open]{display:grid;gap:8px}.inspector-advanced>label{display:inline-block;width:48%;margin:8px 1%}
.studio-layer-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;touch-action:none;pointer-events:auto;background:#edf1f6;overflow:auto}.studio-layer-preview canvas{width:min(80cqw,calc(98cqh * 69 / 95));height:auto;border-radius:15px;box-shadow:0 6px 22px #17203320;transform:scale(var(--studio-zoom,1));cursor:move}.stage:has(.studio-layer-preview)>.card{visibility:hidden}.stage:has(.studio-layer-preview) .stage-card-nav{z-index:5}
@media(max-width:900px){body:is([data-creator-step="2"],[data-creator-step="3"]) .workspace{grid-template-columns:minmax(0,1fr) 320px}.studio-topbar .studio-title{display:none}.studio-topbar{gap:8px!important}}
@media(max-width:760px){body:is([data-creator-step="2"],[data-creator-step="3"]) .workspace{display:flex;flex-direction:column}body:is([data-creator-step="2"],[data-creator-step="3"]) #editor,body:is([data-creator-step="2"],[data-creator-step="3"]) .preview{width:100%;box-sizing:border-box}body:is([data-creator-step="2"],[data-creator-step="3"]) .studio-topbar{flex-wrap:wrap}.studio-sides{width:auto;flex:1}.studio-top-actions button{padding:7px;font-size:11px}body:is([data-creator-step="2"],[data-creator-step="3"]) .preview{min-height:55vh}.studio-card-caption{font-size:10px}.studio-tools{position:sticky;top:0;background:white;z-index:6}}

.studio-tools button[aria-pressed=true]{border-color:#d00812;background:#fff3f4;color:#c80010}
@media(min-width:761px) and (max-height:850px){.inline-layer-editor header h2{font-size:13px}.inline-layer-editor header .edit-history{display:none}.inline-layer-editor [data-controls]{gap:5px}.inline-layer-editor textarea{height:40px}.inline-layer-editor .row{margin:2px 0}.inline-layer-editor [data-controls]>p{margin:2px 0}.inline-layer-editor label{font-size:11px}.inline-layer-editor input,.inline-layer-editor select{min-height:24px;padding:2px;font-size:11px}.studio-tools{margin-bottom:8px}.studio-tools button{padding:4px 2px}.inline-layer-editor [data-list]{margin-bottom:6px}.inline-layer-editor header{padding-bottom:3px}}
@media(max-width:760px){body:is([data-creator-step="2"],[data-creator-step="3"]):not(.mobile-preview) .workspace>.preview{display:none}body:is([data-creator-step="2"],[data-creator-step="3"]).mobile-preview .workspace>#editor{display:none}body:is([data-creator-step="2"],[data-creator-step="3"]).mobile-preview .workspace>.preview{display:flex;min-height:0;height:100%}body:is([data-creator-step="2"],[data-creator-step="3"]) #editor{min-height:0;height:100%}.studio-title{display:none}.studio-top-actions [data-studio-summary]{display:none}}

.inline-layer-editor header h2{display:none}.inline-layer-editor header>.edit-history{display:none}.inline-layer-editor header{justify-content:flex-end}.inline-layer-editor header [data-save]{font-size:11px;padding:5px 9px}.inline-layer-editor [data-status]:empty{display:none}

/* Let the card use the full window height; controls live beside it. */
.studio-identity{display:flex;align-items:center;gap:14px}.studio-identity>button{font-size:12px}.studio-menu{position:relative;font-size:12px}.studio-menu summary{cursor:pointer;padding:10px;white-space:nowrap}.studio-menu-content{position:absolute;right:0;top:100%;z-index:30;background:white;box-shadow:0 8px 30px #17203333;border:1px solid #dce2eb;border-radius:8px;padding:12px;width:290px}.studio-menu:not([open]) .studio-menu-content{display:none}.studio-menu-content .account-nav{display:grid;gap:8px}.studio-menu-content .account-nav>*{width:100%;box-sizing:border-box}.studio-menu-content .account-nav>span{display:none}
@media(min-width:761px){
body:is([data-creator-step="2"],[data-creator-step="3"])>header{display:none}
body:is([data-creator-step="2"],[data-creator-step="3"]) main{height:100dvh!important;padding:0!important;display:flex;flex-direction:column;overflow:hidden}
body:is([data-creator-step="2"],[data-creator-step="3"]) .studio-topbar{height:52px;min-height:52px;padding:5px 14px;flex-shrink:0;gap:10px}
body:is([data-creator-step="2"],[data-creator-step="3"]) .studio-sides{margin:0;width:300px}
body:is([data-creator-step="2"],[data-creator-step="3"]) .studio-top-actions button{min-height:34px;padding:8px 14px;font-size:12px}
body:is([data-creator-step="2"],[data-creator-step="3"]) main>footer,body:is([data-creator-step="2"],[data-creator-step="3"]) .prototype{display:none}
body:is([data-creator-step="2"],[data-creator-step="3"]) .workspace{height:calc(100dvh - 52px);grid-template-columns:minmax(0,1fr) clamp(370px,32vw,460px);flex:1;margin:0}
body:is([data-creator-step="2"],[data-creator-step="3"]) .preview{padding:0;border:0;border-radius:0;position:relative}
body:is([data-creator-step="2"],[data-creator-step="3"]) .preview-heading{position:fixed;top:52px;right:0;width:clamp(370px,32vw,460px);height:70px;padding:8px 14px;background:white;border-bottom:1px solid #e2e6ec;z-index:8;align-items:center;justify-content:flex-start}
body:is([data-creator-step="2"],[data-creator-step="3"]) .preview-tools{gap:5px;justify-content:flex-start}
body:is([data-creator-step="2"],[data-creator-step="3"]) .preview-tools .proof-toggle{flex-basis:100%}
body:is([data-creator-step="2"],[data-creator-step="3"]) #editor{border-radius:0;border-width:0 0 0 1px;padding:82px 14px 10px;min-height:0;height:100%;}
body:is([data-creator-step="2"],[data-creator-step="3"]) .stage{width:100%;max-width:none;height:100%;margin:0;padding:0;flex:1;container-type:size;overflow:auto}
body:is([data-creator-step="2"],[data-creator-step="3"]) .stage .card,body:is([data-creator-step="2"],[data-creator-step="3"]) .studio-layer-preview canvas{width:min(calc(100cqw - 100px),calc((100cqh - 16px) * 69 / 95))!important;max-width:none;max-height:none;}
body:is([data-creator-step="2"],[data-creator-step="3"]) .studio-zoom{position:absolute;bottom:12px;left:12px;z-index:6;height:auto;display:grid;grid-template-columns:repeat(3,32px);gap:3px;padding:5px;border-radius:8px;background:#ffffffeb;box-shadow:0 2px 8px #17203312}
body:is([data-creator-step="2"],[data-creator-step="3"]) .studio-zoom button{padding:5px}.studio-zoom output{text-align:center;align-self:center}
body:is([data-creator-step="2"],[data-creator-step="3"]) .studio-zoom [data-zoom=fit]{grid-column:1/-1}
body:is([data-creator-step="2"],[data-creator-step="3"]) .studio-card-caption{display:none}
}
@media(min-width:761px){body:is([data-creator-step="2"],[data-creator-step="3"]) #editor{margin-top:70px;height:calc(100% - 70px);padding:14px 14px 10px}body:is([data-creator-step="2"],[data-creator-step="3"]) .preview-heading{overflow:hidden}}
/* Keep centering translation when applying the studio zoom. */
body:is([data-creator-step="2"],[data-creator-step="3"]) .stage .card,body:is([data-creator-step="2"],[data-creator-step="3"]) .stage.front-active .card{left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--studio-zoom,1));transform-origin:center}

.inline-layer-editor [data-controls] .inspector-delete{grid-column:1/-1;margin:0 0 4px}.inline-layer-editor [data-controls] .inspector-delete button{color:#c90016;border-color:#eebbc1;background:#fff6f7;font-weight:600;padding:8px}
/* Inspector on the left, full-height card on the right. */
@media(min-width:761px){
body:is([data-creator-step="2"],[data-creator-step="3"]) .workspace{grid-template-columns:clamp(370px,32vw,460px) minmax(0,1fr)}
body:is([data-creator-step="2"],[data-creator-step="3"]) #editor{grid-column:1;grid-row:1;border-width:0 1px 0 0}
body:is([data-creator-step="2"],[data-creator-step="3"]) .preview{grid-column:2;grid-row:1}
body:is([data-creator-step="2"],[data-creator-step="3"]) .preview-heading{left:0;right:auto}
}

/* Start: three large visual choices, no unrelated card preview. */
body[data-creator-step="1"] .heading,body[data-creator-step="1"] .workspace>.preview,body[data-creator-step="1"] .mobile-view,body[data-creator-step="1"] main>footer{display:none!important}
body[data-creator-step="1"] main{overflow:auto;height:calc(100dvh - 40px);padding:24px 32px;display:block}
body[data-creator-step="1"] .workspace{display:block;height:auto}
body[data-creator-step="1"] #editor{display:block!important;width:100%;height:auto;min-height:0;border:0;padding:0;background:white;overflow:visible}
.start-choice-screen{max-width:1480px;margin:auto}.start-choice-heading{text-align:center;margin:8px 0 28px}.start-choice-heading>span{font-size:11px;letter-spacing:2px;color:#b70010;font-weight:700}.start-choice-heading h1{font-size:34px;margin:10px 0}.start-choice-heading p{font-size:14px;color:#667085}
.start-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.start-choice-card{display:flex;flex-direction:column;padding:0;text-align:left;background:white;border:1px solid #dce2eb;border-radius:16px;overflow:hidden;color:#172033;text-decoration:none;transition:box-shadow .15s,border-color .15s}.start-choice-card:hover{border-color:#d00812;box-shadow:0 12px 30px #17203314}
.start-choice-art{height:clamp(220px,33vh,390px);background:#f5f2ee;display:flex;align-items:center;justify-content:center;overflow:hidden}.start-choice-art .mode-miniatures{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.start-choice-art .mode-miniatures img{width:25%;height:auto;max-height:85%;object-fit:contain;margin-left:-12%;border-radius:8px;box-shadow:0 8px 20px #17203330;transform:rotate(-7deg)}.start-choice-art .mode-miniatures img:first-child{margin-left:0;transform:rotate(-14deg)}.start-choice-art .mode-miniatures img:last-child{transform:rotate(12deg)}.own-choice{background:#eef1f7}.own-choice .mode-miniatures img{width:35%;margin-left:-5%;max-height:80%}.piotrus-choice{background:#eff5ee}.piotrus-choice img{width:30%;height:82%;object-fit:contain;margin-left:-5%;filter:drop-shadow(0 8px 10px #17203322);transform:rotate(-8deg)}.piotrus-choice img:last-child{transform:rotate(9deg)}
.start-choice-copy{padding:22px}.start-choice-copy small{font-size:10px;letter-spacing:1px;color:#657085}.start-choice-copy h2{font-size:23px;margin:9px 0}.start-choice-copy p{font-size:14px;line-height:1.55;color:#536276;min-height:65px}.start-choice-copy strong{display:block;color:#ce0014;font-size:14px;margin-top:18px}.start-choice-screen .start-project-files{justify-content:center;display:flex;gap:18px;align-items:center;margin:24px 0;font-size:12px;color:#667085}
#editor.editing-layers>.editor-pattern-choices{display:grid!important}.editor-pattern-choices{margin:0 0 12px!important}.editor-pattern-choices button{min-height:38px}
body[data-creator-step="3"] #editor{margin-top:0!important;height:100%!important;padding-top:20px!important}body[data-creator-step="3"] .preview-heading{display:none!important}body[data-creator-step="3"] .stage-card-nav{display:none!important}body[data-creator-step="3"] #editor h2{font-size:25px;margin:0 0 18px}body[data-creator-step="3"] .summary-list{background:#f4f6f9;border-radius:10px;padding:4px 12px;margin:16px 0}body[data-creator-step="3"] .summary-list div{padding:10px 0}body[data-creator-step="3"] .summary-list div:last-child{border:0}
@media(max-width:760px){.start-choice-grid{grid-template-columns:1fr}.start-choice-heading h1{font-size:27px}body[data-creator-step="1"] main{padding:20px 14px}.start-choice-art{height:230px}.start-choice-copy p{min-height:0}.start-choice-screen .start-project-files{flex-wrap:wrap;gap:8px}.start-choice-copy{padding:18px}body[data-creator-step="3"] .mobile-view{display:flex}}
#editor .start-choice-art .mode-miniatures{width:100%!important;height:100%!important;flex:1!important;display:flex!important;justify-content:center;align-items:center;margin:0!important}
#editor .start-choice-art .mode-miniatures img{flex:0 0 27%!important;width:27%!important;max-width:27%!important;height:auto!important;max-height:85%!important;margin-left:-12%!important}
#editor .start-choice-art .mode-miniatures img:first-child{margin-left:0!important}
#editor .own-choice .mode-miniatures img{flex-basis:36%!important;width:36%!important;max-width:36%!important;margin-left:-5%!important}
#editor .start-choice-card{padding:0!important}#editor .start-choice-copy h2{font-size:23px!important;line-height:1.2;margin:9px 0!important}
.studio-sides[hidden]{display:none!important}

/* One selection block, followed by one set of editing tools. */
body[data-creator-step="2"] #editor .editor-pattern-choices{gap:9px;margin:0 0 8px!important}
body[data-creator-step="2"] #editor .editor-pattern-choices button{display:flex;align-items:center;gap:10px;min-height:84px;padding:10px!important;text-align:left;border-radius:10px;background:#fff;border:1px solid #d8dfe8}
.editor-pattern-choices button img,.editor-pattern-choices .pattern-color{width:43px;height:60px;object-fit:contain;border-radius:4px;flex-shrink:0;box-shadow:0 2px 7px #17203320}.editor-pattern-choices button strong{font-size:13px;line-height:1.3}
body[data-creator-step="2"] #editor .studio-complete-choice{display:flex!important;align-items:center;gap:12px;min-height:68px;padding:8px 12px;margin:0 0 14px;border-radius:10px;background:#fff6f3;border:1px solid #ead7ce;text-align:left;width:100%}.studio-complete-choice svg{width:64px;height:46px;flex-shrink:0}.studio-complete-choice span{flex:1}.studio-complete-choice strong,.studio-complete-choice small{display:block}.studio-complete-choice small{font-size:11px;font-weight:400;color:#657085;margin-top:4px}.studio-complete-choice b{font-size:22px;color:#d00812}
#editor .panel-tabs[hidden],body[data-creator-step="2"] #card-extra-layers{display:none!important}.studio-tools{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.studio-tools button{font-size:10px}.studio-tools span{font-size:21px}.inline-layer-editor header{display:none}.inline-layer-editor .layer-workspace aside>.row{margin:4px 0 8px}.inline-layer-editor .layer-workspace aside>.row button{background:white;color:#c80014;border:1px solid #e6bac0}.inline-layer-editor [data-controls] .inspector-delete{margin-bottom:0}
@media(max-height:800px) and (min-width:761px){body[data-creator-step="2"] #editor .editor-pattern-choices button{min-height:68px;padding:7px!important}.editor-pattern-choices button img,.editor-pattern-choices .pattern-color{height:48px;width:35px}body[data-creator-step="2"] #editor .studio-complete-choice{min-height:56px;margin-bottom:8px}.studio-complete-choice svg{height:38px;width:52px}}

.studio-buy{display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;box-shadow:0 3px 10px #d0081225}.studio-buy svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body:is([data-creator-step="2"],[data-creator-step="3"]) .studio-top-actions .studio-buy{min-height:40px;padding:9px 20px;font-size:15px;font-weight:700}
.purchase-callout{padding:16px;background:#fff4f3;border:1px solid #f0ccc7;border-radius:12px;margin-bottom:16px}.purchase-callout>strong{font-size:17px;display:block;line-height:1.35}.purchase-callout p{font-size:13px;color:#5a6575;margin:8px 0 12px;line-height:1.5}
body[data-creator-step="3"] #editor .purchase-callout .order-summary-button{min-height:54px;font-size:16px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;margin:0}
@media(max-width:760px){.studio-top-actions{flex-wrap:wrap}.studio-top-actions .studio-buy{font-size:13px!important;padding:8px 12px!important;min-height:38px!important}.studio-top-actions [data-studio-save]{font-size:11px!important}.studio-menu summary{padding:6px}.studio-topbar{height:auto!important}.studio-buy svg{width:17px}}

.box-layer-editor{width:calc(100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:none;padding:14px}.box-layer-editor .layer-workspace{grid-template-columns:360px minmax(0,1fr);gap:14px;height:calc(100% - 62px)}.box-layer-editor .layer-workspace aside{min-height:0;border:0;padding:6px;overflow:auto}.box-layer-editor [data-controls]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.box-layer-editor [data-controls]>.row,.box-layer-editor [data-controls]>p,.box-layer-editor [data-controls]>details,.box-layer-editor [data-controls]>label:has(textarea){grid-column:1/-1}.box-layer-editor label{font-size:12px;margin:0}.box-layer-editor [data-context]{margin:4px 0 10px}.box-layer-editor textarea{min-height:55px;height:55px}.box-layer-editor input,.box-layer-editor select{min-height:30px;padding:5px;font-size:12px}.box-layer-editor [data-preview]{border-radius:10px}.box-layer-editor .row{margin:5px 0}.box-layer-editor .row>label{flex:1}.box-layer-editor [data-controls] .inspector-delete button{color:#c80014;background:#fff4f4;border-color:#e8bcc0;width:100%}.box-primary-photo{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid #cfd7e3;background:#f4f6fa;padding:8px;border-radius:8px;margin:0 0 10px;font-size:12px}.box-primary-photo img{width:48px;height:48px;object-fit:cover;border-radius:4px}.box-layer-editor [data-list]{margin:5px 0 12px}.box-layer-editor [data-status]:empty{display:none}
@media(max-width:700px){.box-layer-editor .layer-workspace{grid-template-columns:1fr;grid-template-rows:50% 50%;height:calc(100% - 85px)}.box-layer-editor header h2{font-size:14px}.box-layer-editor header{gap:5px}.box-layer-editor{padding:8px}.box-layer-editor header button{padding:6px;min-height:30px}}

.studio-deck-name{display:flex;align-items:center;gap:8px;font-size:11px;color:#647084}.studio-deck-name input{width:190px;min-height:32px;padding:6px 9px;font-size:13px;font-weight:600;background:#f7f8fa}
@media(min-width:761px){
body[data-creator-step="3"] #editor{padding:12px!important}
body[data-creator-step="3"] #editor h2{font-size:22px;margin:0 0 10px}
body[data-creator-step="3"] .purchase-callout{padding:10px 12px;margin-bottom:8px}
body[data-creator-step="3"] .purchase-callout>strong{font-size:15px}
body[data-creator-step="3"] .purchase-callout p{font-size:12px;margin:4px 0 8px;line-height:1.35}
body[data-creator-step="3"] #editor .purchase-callout .order-summary-button{min-height:42px;font-size:14px;padding:9px 12px}
body[data-creator-step="3"] #editor>.box-open-button{min-height:32px;margin:0;padding:6px 10px}
body[data-creator-step="3"] .summary-list{margin:8px 0;padding:0 10px}
body[data-creator-step="3"] .summary-list div{padding:6px 0;font-size:12px}
body[data-creator-step="3"] .summary-fields .field{margin:4px 0}
body[data-creator-step="3"] .summary-fields input{min-height:32px;padding:6px 9px}
body[data-creator-step="3"] .summary-upgrades{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}
body[data-creator-step="3"] .summary-upgrades button{font-size:12px;padding:8px;min-height:44px;margin:0}
body[data-creator-step="3"] #editor>[data-action="pdf"],body[data-creator-step="3"] #editor>[data-action="box-pdf"]{min-height:34px;margin:5px 0 0;padding:7px 10px;font-size:12px}
body[data-creator-step="3"] #editor>.small{font-size:10px;line-height:1.25;margin:4px 0}
}
@media(max-width:1100px){.studio-deck-name>span{display:none}.studio-deck-name input{width:140px}.studio-identity{gap:6px}.studio-menu summary{font-size:11px;padding:6px}}
@media(max-width:760px){.studio-deck-name input{width:150px}.studio-identity{width:100%;justify-content:space-between}.studio-top-actions{gap:5px}.studio-topbar{padding:6px!important}}

/* The start screen has one scroll container; editor scroll containment is only for design tools. */
body[data-creator-step="1"]:has(.start-choice-screen)>main>.workspace{overflow:visible;min-height:0;height:auto}
body[data-creator-step="1"]:has(.start-choice-screen)>main>.workspace>#editor{max-height:none;height:auto;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto;padding:0}

/* Product scene is shown in full, including both photo and illustrated collections. */
#editor .start-collection-art{background:#f6f4f4}
#editor .start-collection-image{display:block;width:100%;height:100%;max-width:none;object-fit:contain;transform:none;border:0;border-radius:0;margin:0;box-shadow:none}

/* Keep the full product scene edge-to-edge at its native 3:2 ratio. */
#editor .start-choice-art.start-collection-art{height:auto;aspect-ratio:3 / 2;flex-shrink:0}
#editor .start-collection-art .start-collection-image{width:100%;height:auto;max-height:none;object-fit:contain}

/* Three equal product choices, sized to the available desktop viewport. */
body[data-creator-step="1"]:has(.start-choice-screen)>main{padding:16px 24px}
.start-choice-screen{max-width:min(1320px,calc((100dvh - 300px)*4.5));margin:0 auto}
.start-choice-heading{margin:0 0 18px}
.start-choice-heading h1{font-size:30px;margin:6px 0}
.start-choice-heading p{margin:0;font-size:13px}
.start-choice-grid{gap:18px;align-items:stretch}
#editor .start-choice-art.start-collection-art{width:100%;height:auto;aspect-ratio:3/2;flex:0 0 auto}
#editor .start-collection-art .start-collection-image{width:100%;height:100%;object-fit:cover;max-height:none;filter:none;transform:none;margin:0}
.start-choice-copy{padding:16px;display:flex;flex-direction:column;flex:1}
#editor .start-choice-copy h2{font-size:21px!important;margin:7px 0!important}
.start-choice-copy p{font-size:13px;line-height:1.45;min-height:0;margin-bottom:14px}
.start-choice-copy strong{margin-top:auto;padding-top:6px;font-size:13px}
.start-choice-screen .start-project-files{margin:16px 0 0;gap:14px}
@media(max-width:760px){
 body[data-creator-step="1"]:has(.start-choice-screen)>main{padding:14px}
 .start-choice-screen{max-width:520px}
 .start-choice-heading h1{font-size:25px}
 .start-choice-heading{margin-bottom:14px}
}

@media(min-width:761px) and (max-height:650px){
 body[data-creator-step="1"]:has(.start-choice-screen)>main{padding:10px 24px}
 .start-choice-heading{margin-bottom:10px}
 .start-choice-heading h1{font-size:26px}
 .start-choice-copy{padding:12px}
 .start-choice-screen .start-project-files{margin-top:10px}
}

.studio-complete-choice .complete-set-art{width:96px;height:58px;object-fit:cover;border-radius:7px;flex-shrink:0}
.guide-help-button{color:#a80046;text-decoration:underline;text-underline-offset:3px;font-size:11px;padding:2px 7px}
.guide-explanation{width:min(680px,94vw);padding:22px}.guide-explanation header{height:auto;padding:0 0 14px;gap:14px}.guide-explanation h2{margin:0;font-size:22px}.guide-explanation header button{font-size:24px;padding:5px 10px}.guide-explain-body{display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:center}.guide-explain-body svg{width:100%;height:auto}.guide-explain-body p{font-size:14px;margin:14px 0}.cut-key{color:#b50058}.safe-key{color:#006c63}
@media(max-width:520px){.guide-explain-body{grid-template-columns:1fr;gap:0}.guide-explain-body svg{width:100px;margin:auto}}

.couple-names-field{display:block;padding:10px;background:#fff4f3;border-radius:8px;font-size:12px;margin:8px 0}.couple-names-field input{margin-top:5px}