:root{--pink:#ff0060;--ink:#171719;--gold:#e5a300;--line:#e5e2dd;--soft:#f7f6f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);font:16px/1.6 Arial,sans-serif;background:#fff}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:7px;padding:10px 15px;color:var(--ink);font-size:14px;font-weight:600}button:hover{border-color:var(--gold);background:var(--soft)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff006060;outline-offset:3px}header{padding:24px 4%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{font:26px Georgia,serif;letter-spacing:3px;text-decoration:none;color:var(--ink)}.brand span{display:block;font:12px Arial;letter-spacing:3px}.size{font-size:12px;letter-spacing:1.5px}.size span{color:var(--gold);margin:0 10px}.intro{max-width:1440px;margin:auto;padding:50px 4% 40px;display:flex;justify-content:space-between;align-items:center;gap:40px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--gold)}h1{font:clamp(32px,3.5vw,52px)/1.1 Georgia,serif;margin:16px 0}h1 em{font-weight:normal;color:var(--gold)}.intro p{color:#666;margin:18px 0}.start{display:inline-block;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);font-size:14px;font-weight:700;padding:4px 0}.placeholder{border:1px dashed #bbab8e;background:var(--soft);width:215px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.placeholder span{font-size:12px;letter-spacing:1.8px;color:var(--gold)}.placeholder p{font:20px/1.4 Georgia;margin:15px 0}.placeholder small{font-size:12px}main{border-top:1px solid var(--line);background:var(--soft);display:grid;grid-template-columns:230px minmax(0,1fr) 350px;gap:24px;padding:30px 3%;max-width:1600px;margin:auto}.sidebar{align-self:start;position:sticky;top:24px}.sidebar .eyebrow{margin:8px 0 18px}.sidebar a{display:flex;color:#646464;text-decoration:none;padding:7px 0;font-size:14px;line-height:1.4}.sidebar a:hover{color:var(--pink)}.sidebar a span{color:#a2937b;width:26px;flex-shrink:0;font-size:12px}.workspace-title{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font:28px/1.2 Georgia,serif;margin:10px 0 20px}.dark{background:var(--ink);color:white;border-color:var(--ink)}.dark:hover{background:#333}.notice{padding:15px 18px;background:#eeebe5;border-radius:8px;font-size:14px;margin-bottom:20px}details{background:white;border:1px solid var(--line);border-radius:10px;margin:0 0 14px;overflow:hidden}summary{cursor:pointer;display:flex;align-items:center;padding:20px;list-style:none;gap:12px}summary::-webkit-details-marker{display:none}.num{font:14px Georgia;color:var(--gold);border:1px solid #dacfbf;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.stitle{font:19px Georgia;flex:1}summary:after{content:'+';font-size:22px;color:var(--gold)}details[open] summary:after{content:'−'}.section-body{padding:0 20px 22px}.section-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;color:#777}.section-tools button{font-size:12px;padding:6px 10px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{min-width:0}.field.full{grid-column:1/-1}.label-row{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:6px}.label-row label{font-size:14px;font-weight:600}.lock{font-size:12px;padding:3px 7px;border:0;color:#777}.lock.locked{color:var(--gold);background:#f3eee5}select,input[type=text],textarea{border:1px solid #d9d6d0;border-radius:6px;padding:10px 11px;width:100%;background:#fff;font-size:14px;color:var(--ink)}select{min-height:43px}.search{margin-bottom:6px;background:#fafafa!important}.custom{margin-top:8px}.multi{border:1px solid var(--line);border-radius:6px;max-height:170px;overflow:auto;padding:8px}.check{display:flex;gap:9px;font-size:14px;padding:3px 2px;align-items:center}.check input{accent-color:var(--pink)}.toggle{display:flex;align-items:center;gap:9px;font-size:14px;min-height:43px}.toggle input{accent-color:var(--pink);width:18px;height:18px}textarea{resize:vertical;min-height:100px}.output{background:white;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:9px;padding:24px;position:sticky;top:24px;align-self:start}.output-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.output .eyebrow{font-size:11px}.pill{border:1px solid var(--line);padding:2px 8px;border-radius:20px;font-size:12px}.output h2{margin-top:20px}.help{font-size:14px;color:#777}.primary{background:var(--pink);color:white;border-color:var(--pink);width:100%;padding:13px}.primary:hover{background:#dc0052;border-color:#dc0052}#prompt{min-height:260px;font-size:14px;line-height:1.65;margin:16px 0 10px;background:#faf9f7}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wide{width:100%;margin-top:8px}.summary{font-size:13px;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.summary div{display:flex;justify-content:space-between;margin:5px 0;gap:12px}.summary span{color:#777}.summary strong{text-align:right;font-weight:500}.reset{border:0;background:transparent;margin-top:10px;color:#777}.reset:hover{color:var(--pink)}#status{font-size:13px;color:var(--gold)}[hidden]{display:none!important}:disabled{opacity:.5}footer{padding:28px 4%;font-size:12px;letter-spacing:1.5px}footer span{float:right;color:#777;letter-spacing:0}.mobile-action{display:none}@media(min-width:1600px){main{border:1px solid var(--line);border-radius:12px}}@media(max-width:1150px){main{grid-template-columns:minmax(0,1fr) 330px}.sidebar{display:none}}@media(max-width:760px){header{padding:20px}.size{font-size:10px;max-width:140px;text-align:right}.brand{font-size:21px}.intro{padding:30px 20px;gap:20px}.placeholder{width:130px;min-height:170px;padding:12px}.placeholder span{font-size:10px}.placeholder p{font-size:16px}h1{font-size:30px}.intro>div:first-child{flex:1}.intro p{font-size:14px}main{display:block;padding:24px 16px}.output{position:static;margin-top:24px}.workspace-title{gap:8px}.workspace-title h2{font-size:26px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}summary{padding:16px}.section-body{padding:0 16px 20px}.stitle{font-size:18px}.mobile-action{display:flex;gap:15px;align-items:center;position:sticky;bottom:0;background:#fff;padding:12px 20px;border-top:1px solid var(--line)}.mobile-action .primary{width:auto;flex:1}.mobile-action a{color:var(--ink);font-size:14px}footer span{float:none;display:block;margin-top:8px}}@media(max-width:420px){.placeholder{display:none}.fields{gap:16px}}
.mode-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 20px;flex-wrap:wrap}.mode-tabs{display:flex;border:1px solid #d9d2c5;background:#fff;border-radius:8px;padding:4px;gap:4px}.mode-tabs button{border:0;font-size:14px;font-weight:600;padding:9px 15px;background:transparent}.mode-tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.auto-switch{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.auto-switch input{width:18px;height:18px;accent-color:var(--pink)}main.quick-layout{grid-template-columns:minmax(0,1fr) 350px;max-width:1250px}#quick-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quick-card{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.quick-card.full{grid-column:1/-1}.quick-card h3{display:flex;align-items:center;gap:12px;font:21px Georgia;margin:0 0 18px}.quick-number{font:12px Arial;letter-spacing:1px;color:var(--gold)}.quick-control+.quick-control{margin-top:15px}.quick-control>label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.quick-card textarea{min-height:115px}.quick-card select{min-height:46px}.intro{padding-top:32px;padding-bottom:30px}.intro h1{font-size:clamp(30px,3vw,43px)}.placeholder{min-height:170px;width:180px}.workspace-title h2{margin-bottom:14px}@media(max-width:900px){main.quick-layout{grid-template-columns:minmax(0,1fr) 310px}.quick-card{padding:18px}#quick-sections{grid-template-columns:1fr}.quick-card.full{grid-column:auto}}@media(max-width:760px){main.quick-layout{display:block}.mode-bar{margin-bottom:18px}.mode-tabs{flex:1;justify-content:space-between}.mode-tabs button{padding:8px 12px}.quick-card h3{font-size:21px}.auto-switch{width:100%}.placeholder{min-height:150px;width:135px}#quick-sections{gap:12px}}
.details-shortcut{margin-top:12px;color:var(--gold);font-size:14px;padding:7px 10px}.quick-card select{color:#171719}.quick-card h3{line-height:1.25}.quick-control select{white-space:normal}.quick-card textarea{line-height:1.6}

.label-row{flex-wrap:wrap}.lock{white-space:nowrap}.quick-control small{display:block;color:#777;margin-top:6px;font-size:12px}

/* Show the complete supplied cover at its natural proportions. */
.intro>div:first-child{flex:1;min-width:0}.cover-showcase{margin:0;width:clamp(260px,28vw,340px);max-width:100%;flex-shrink:0}.cover-showcase img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 16px 36px #17171920}
@media(max-width:760px){.intro{gap:24px}.cover-showcase{width:230px}.intro>div:first-child{min-width:0}}
@media(max-width:600px){.intro{flex-direction:column;align-items:flex-start}.cover-showcase{width:min(300px,100%);align-self:center}}

/* Balance the introduction text with the existing cover display. */
.intro h1{font-size:clamp(42px,4.2vw,60.2px)}.intro p{font-size:18px}.intro .start{font-size:16px}.intro>div:first-child{align-self:center}
@media(max-width:760px){.intro p{font-size:16px}}

.preset-picker{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;margin:6px 0 18px}.preset-picker label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.preset-picker p{font-size:14px;color:#666;margin:8px 0 0}#preset-variant{margin-top:14px}

.product-panel{padding:22px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:20px}.product-panel label{display:block;margin:12px 0 6px;font-weight:600}.product-panel select,.product-panel input[type=text],.product-panel textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px}.product-panel p{font-size:14px;color:#555}.product-panel img{max-height:220px;object-fit:contain;margin-top:14px}.match-mode .preset-picker,.match-mode .mode-bar,.match-mode #quick-sections,.match-mode #sections,.match-mode .sidebar,.match-mode #surprise,.match-mode #another,.match-mode #summary{display:none!important}.match-mode{grid-template-columns:minmax(0,1fr) 370px!important}@media(max-width:760px){.match-mode{display:block!important}}

.quick-help{font-size:14px;color:#555;margin:10px 0}.quick-more{margin-top:12px;border:1px solid var(--line);border-radius:8px;padding:12px}.quick-more summary{font-size:14px;cursor:pointer;font-weight:600}.quick-more .quick-control{margin-top:14px}.quick-card.full .quick-control{margin-top:12px}

.mode-bar[hidden],#preset-variant{display:none!important}#design-choice{padding-top:12px;border-top:1px solid var(--line)}#preset-expectation{color:#333;font-size:14px}.sidebar,#sections{display:none!important}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-banner{position:relative;width:100%;max-width:1900px;margin:0 auto;background:#080808}.hero-banner picture,.hero-banner img{display:block;width:100%}.hero-banner img{height:auto}.hero-start{position:absolute;left:68.2%;top:78%;width:26.9%;height:10.4%;display:flex;align-items:center;justify-content:center;gap:20px;background:#ff0060;color:white;border:2px solid #e5a300;border-radius:999px;text-decoration:none;font-family:Arial,sans-serif;font-size:clamp(15px,1.8vw,32px);font-weight:700;letter-spacing:2px;box-shadow:0 4px 18px #0004}.hero-start:hover{background:#e00055}.hero-mobile-copy{display:none}@media(max-width:700px){.hero-banner{padding:22px 20px 28px;text-align:center}.hero-banner picture{max-width:460px;margin:auto}.hero-banner img{border-radius:8px}.hero-mobile-copy{display:block;color:#fff;max-width:460px;margin:auto}.hero-mobile-copy h2{font:30px/1.2 Georgia,serif;margin:24px 0 12px}.hero-mobile-copy p{font-size:16px;color:#e7ded5}.hero-start{position:static;width:min(100%,380px);height:auto;padding:16px;margin:20px auto 0;font-size:17px}}

#preset-inspiration{margin:16px 0;padding:14px;background:#f7f6f3;border-radius:8px}#preset-inspiration img{display:block;width:min(100%,240px);height:auto;max-height:340px;object-fit:contain;margin:auto}#preset-inspiration figcaption{font-size:13px;color:#555;text-align:center;margin-top:10px}