.cover-setup{max-width:1100px;margin:auto;padding-bottom:40px}.cover-setup>h1{text-align:center;margin:16px 0 26px}.cover-auto-progress{display:flex;list-style:none;padding:0;gap:10px;margin:0 auto 28px;max-width:760px}.cover-auto-progress li{flex:1;text-align:center;min-width:0;color:#a18aa9}.cover-auto-progress li>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 auto 7px;border:1px solid #d8c1e4;border-radius:50%;background:#fff}.cover-auto-progress small{font-size:11px;line-height:1.4;display:block}.cover-auto-progress [aria-current=step]{color:#81469c;font-weight:700}.cover-auto-progress [aria-current=step]>span{background:#9355b4;color:#fff;border-color:#9355b4}.cover-auto-progress .complete>span{border-color:#bf9b56;color:#9c7637;background:#fff9ed}.cover-auto-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:32px;align-items:start;max-width:880px;margin:auto}.cover-auto-form{background:#fffdfef5;border:1px solid #e8d9ed;border-radius:22px;padding:26px;box-shadow:0 8px 28px #7950900a}.cover-auto-form h2{font-size:22px;line-height:1.35;margin:8px 0 12px;color:#71408c}.cover-auto-form h3{font-size:15px;line-height:1.5;margin:22px 0 10px}.cover-auto-form p{font-size:13px;line-height:1.65;margin:10px 0 16px}.cover-auto-step-label{color:#b28b4f;font-size:11px!important;margin:0!important}.cover-auto-note{color:#997da6}.cover-auto-file{overflow-wrap:anywhere;font-size:12px!important;color:#78538e}.cover-auto-measures{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cover-auto-options{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.cover-auto-options button{border:1px solid #ddcce5;background:#fff;color:#825f95;padding:11px 13px;border-radius:11px;font:inherit;font-size:12px;min-height:44px;cursor:pointer}.cover-auto-options button[aria-pressed=true]{background:#f3e7f8;border-color:#ab76bf;color:#713792}.cover-auto-swatches{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cover-auto-swatches>[data-action=cover-auto-swatch]{width:36px;height:36px;border:3px solid #fff;outline:1px solid #d5c4df;background:var(--swatch);border-radius:50%;cursor:pointer}.cover-auto-swatches>[aria-pressed=true]{outline:3px solid #a36fb8}.cover-auto-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px}.cover-auto-actions button{min-height:44px}.cover-auto-error{color:#af4772;min-height:0}.cover-auto-error:empty{display:none}.cover-auto-preview{margin:0;text-align:center;position:sticky;top:20px;max-width:300px;justify-self:center;width:100%}.cover-auto-preview svg{display:block;width:100%;height:auto;box-shadow:0 6px 24px #6244771f;border:1px solid #e6dce8}.cover-auto-preview figcaption{margin-top:12px;font-size:11px;line-height:1.7;color:#8c729b}.cover-auto-preview-empty{padding:40px 20px;background:#fff;border:1px solid #e6dce8;font-size:13px;line-height:1.6;color:#8c729b}.cover-auto-form>.upload-button,.cover-auto-form>.secondary-button{margin-bottom:10px;width:100%}.cover-auto-form input{min-width:0}.cover-auto-options button:focus-visible,.cover-auto-swatches button:focus-visible{outline:3px solid #a36fb8;outline-offset:3px}@media(max-width:650px){.cover-setup{padding-left:16px;padding-right:16px}.cover-auto-layout{grid-template-columns:1fr;gap:20px}.cover-auto-form{padding:20px}.cover-auto-preview{position:static;max-width:210px}.cover-auto-progress{gap:3px;margin-bottom:20px}.cover-auto-progress small{font-size:9px}.cover-auto-form h2{font-size:20px}.cover-setup>h1{font-size:24px}}.cover-logo-section{border-top:1px solid #e9dcec;margin-top:25px;padding-top:12px}.cover-logo-section>.upload-button{width:100%;margin-bottom:12px}.cover-logo-controls h3{font-size:14px;margin:18px 0 10px}.cover-logo-outline-toggle{margin:16px 0;align-items:center}.cover-logo-controls .cover-auto-swatches{margin:12px 0}.cover-logo-controls .cover-auto-swatches>span{font-size:12px}.cover-logo-controls>.secondary-button{margin:8px 0 12px}.cover-logo-controls .field input[type=range]{width:100%}.cover-auto-swatches>[data-action=cover-logo-swatch]{width:36px;height:36px;min-width:36px;border:3px solid #fff;outline:1px solid #d5c4df;background:var(--swatch);border-radius:50%;cursor:pointer}.cover-auto-swatches>[data-action=cover-logo-swatch][aria-pressed=true]{outline:3px solid #a36fb8}.cover-studio .canvas-toolbar .cover-page-switcher{display:flex;align-items:stretch;gap:6px;grid-column:1/-1;width:100%;min-width:0}.cover-page-switcher .cover-page-tabs{flex:1;min-width:0;width:auto!important}.cover-add-page-short{flex:none;border:1px solid #d6aa55;border-radius:15px;padding:7px 12px;min-height:40px;background:#fff;color:#804a99;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}.cover-add-page-short:focus-visible{outline:3px solid #b17bc8;outline-offset:2px}.cover-keychain-preview{display:flex;align-items:center;gap:16px;margin:18px 0;color:#804a99}.cover-keychain-preview svg{width:110px;height:110px;flex:none;background:repeating-conic-gradient(#f5f0f8 0% 25%,#fff 0% 50%) 0/16px 16px}.cover-solid-swatch{display:block;width:36px;height:36px;background:var(--swatch);border:2px solid #d6aa55;border-radius:50%;flex:none}.metal-gold-vivid,.metal-gold-3d{--metal-dark:#603300;--metal-light:#fff3b0;--metal-mid:#e7b641;background:linear-gradient(155deg,#fff6ba,#fbd35c 15%,#bd7c09 30%,#fff0a0 44%,#ffdf71 50%,#9d5908 55%,#ffe68a 80%,#b57509 95%)}.metal-silver-vivid,.metal-silver-3d{--metal-dark:#303843;--metal-light:#fff;--metal-mid:#cbd3dd;background:linear-gradient(155deg,#fff,#dce4ed 15%,#7c8898 30%,#f8fbff 44%,#e9eef6 50%,#566373 55%,#fff 80%,#7d8a9b 95%)}.metal-rose-vivid,.metal-rose-3d{--metal-dark:#653735;--metal-light:#fff1e5;--metal-mid:#e0aa92;background:linear-gradient(155deg,#fff0e4,#efc5b1 15%,#b07564 30%,#ffe5d5 44%,#f4cbb8 50%,#8b514a 55%,#ffe6d4 80%,#b67566 95%)}.metal-gold-3d,.metal-silver-3d,.metal-rose-3d{border:1px solid var(--metal-dark);box-shadow:inset 0 0 0 1px var(--metal-light),inset 0 0 0 3px var(--metal-mid),inset 0 0 0 4px var(--metal-dark),inset 0 0 0 5px var(--metal-light),1px 2px 1px #52313245}.metal-gold-glitter{background-image:url(assets/textures/glitter-gold.jpg)}.metal-silver-glitter{background-image:url(assets/textures/glitter-silver.jpg)}.metal-pink-glitter{background-image:url(assets/textures/glitter-pink.jpg)}.metal-gold-glitter,.metal-silver-glitter,.metal-pink-glitter{background-size:cover;background-position:center}.cover-keychain-preview svg{width:180px;height:auto;aspect-ratio:1;max-width:52%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;border-radius:8px;outline:1px solid #e5d4eb}.cover-keychain-preview svg:focus-visible{outline:3px solid #a469be;outline-offset:3px}.cover-keychain-preview>div{min-width:0}.cover-keychain-preview p{font-size:11px;line-height:1.6;color:#9b80a8}.keychain-crop-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 20px}.keychain-crop-actions output{font-size:12px;min-width:40px;text-align:center;color:#804a99}.keychain-crop-actions button{min-height:40px}.cover-punch-toggle span{white-space:normal;max-width:150px;line-height:1.35}@media(max-width:640px){.cover-studio .canvas-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}.cover-studio .canvas-footer>span{grid-column:1/-1}.cover-studio .canvas-footer .guide-toggle{align-items:center;min-width:0}.cover-studio .canvas-footer .guide-toggle span{white-space:normal}.cover-punch-toggle span{max-width:145px}}.cover-start-paths{display:grid;gap:28px;max-width:940px;margin:auto}.cover-create-choice{width:100%;min-height:110px}.cover-start-paths .choice-text{flex:1;min-width:0}.cover-start-paths .choice small{line-height:1.5}.cover-a4-choices h2{font-size:18px;line-height:1.45;margin:0 0 14px}.cover-print-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.cover-print-options button{width:100%;min-height:44px}.cover-print-options button:disabled{opacity:.55}.cover-studio .preview-heading{flex-wrap:wrap;gap:8px}.cover-pass-a4{border:1px solid #d6aa55;background:#fff9ed;color:#804a99;font-weight:700;padding:8px 12px;min-height:40px;border-radius:12px}.cover-studio .preview-heading .preview-badge{margin-right:auto}@media(max-width:640px){.cover-start-paths{gap:22px}.cover-create-choice{min-height:125px}.cover-a4-choices h2{font-size:17px}.cover-start-paths .choice small{font-size:12px}.cover-print-options{grid-template-columns:1fr}.cover-studio .preview-heading .preview-badge{width:100%}}.cover-gradient-panel{border-top:1px solid #eadced;border-bottom:1px solid #eadced;padding:16px 0;margin:20px 0}.cover-gradient-panel h3{font-size:15px;margin:0 0 12px}.cover-gradient-panel .guide-toggle{margin-bottom:10px}.cover-gradient-panel .field{margin-top:14px}