/* Art Toy order studio. Order/admin media stays independent of the page. */
.toy-images{display:flex;flex-wrap:wrap;gap:1rem}.toy-images figure{margin:0;max-width:170px}.toy-images img{width:150px;height:150px;object-fit:contain;border-radius:12px}.toy-proof{max-width:100%;max-height:400px;object-fit:contain}.toy-settings{display:grid;gap:1.5rem}
.art-toy-page{--toy-ink:#182c45;--toy-muted:#586a7e;--toy-accent:#005bd4;--toy-line:#dbe5ef;color:var(--toy-ink);padding-bottom:36px}.art-toy-page [id]{scroll-margin-top:110px}.art-toy-page .eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--toy-accent)}.art-toy-page h1,.art-toy-page h2,.art-toy-page h3{color:var(--toy-ink)}.art-toy-page a:focus-visible,.art-toy-page button:focus-visible{outline:3px solid #ff9a48;outline-offset:4px}.art-toy-page .btn{border-radius:12px;padding:12px 18px;font-weight:650;font-size:14px}
.toy-hero{display:grid;grid-template-columns:1.1fr 1fr;border-radius:28px;overflow:hidden;background:#edf4fb;border:1px solid var(--toy-line);margin-bottom:30px}.toy-hero-copy{padding:clamp(24px,4vw,56px);align-self:center}.toy-hero h1{font-size:clamp(32px,4vw,55px);font-weight:800;line-height:1.22;letter-spacing:-.04em;margin:20px 0}.toy-hero h1 em{color:var(--toy-accent);font-style:normal}.toy-hero p{color:var(--toy-muted);line-height:1.9;font-size:16px}.toy-hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}.toy-text-link{color:var(--toy-ink);font-size:14px;text-underline-offset:5px}.toy-hero-notes{display:flex;flex-wrap:wrap;gap:16px;color:var(--toy-muted);font-size:12px;margin-top:24px}.toy-hero-notes span:before{content:'✓';color:var(--toy-accent);margin-right:6px}.toy-hero-art{margin:0;position:relative;min-width:0;background:#eee5d9}.toy-hero-art img{display:block;width:100%;height:100%;object-fit:cover;max-height:490px}.toy-hero-art figcaption{position:absolute;bottom:14px;left:16px;right:16px;background:#fffffff0;border-radius:8px;padding:8px;text-align:center;font-size:11px;color:#5b5b5b}
.toy-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:40px 0 20px}.toy-section-heading h2{font-size:27px;font-weight:750;line-height:1.4;margin:8px 0 0}.toy-section-heading p{max-width:380px;color:var(--toy-muted);font-size:14px;line-height:1.8;margin:0}.toy-section-tag{font-size:12px;font-weight:700;color:var(--toy-accent)}.toy-journey .toy-section-heading{margin-top:0}.toy-journey .toy-section-heading h2 br{display:none}.toy-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:16px}.toy-steps li{position:relative;padding:18px;border:1px solid var(--toy-line);border-radius:16px;background:#fff}.toy-step-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf2fc;color:var(--toy-accent);margin-bottom:12px}.toy-step-icon svg{width:24px;height:24px}.toy-step-number{font-size:10px;color:var(--toy-muted)}.toy-steps h3{font-size:16px;margin:8px 0;font-weight:700}.toy-steps p{font-size:12px;line-height:1.8;color:var(--toy-muted);margin-bottom:12px}.toy-step-note{display:block;border-top:1px solid var(--toy-line);padding-top:10px;font-size:11px;color:var(--toy-accent)}
.toy-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px;margin-bottom:44px}.toy-package-card{display:flex;flex-direction:column;border-radius:18px!important;border:1px solid var(--toy-line)!important;background:#fff;position:relative}.toy-package-card.is-selected{border-color:var(--toy-accent)!important;box-shadow:0 0 0 2px #005bd418;background:#f9fcff}.toy-package-number{font-size:11px;letter-spacing:.1em;color:var(--toy-accent);font-weight:700}.toy-package-description{color:var(--toy-muted);font-size:13px;line-height:1.8}.toy-package-card h2{font-weight:750}.toy-packages dl{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:12px;margin-top:auto}.toy-packages dt{color:var(--toy-muted);font-weight:400}.toy-packages dd{margin:0;overflow-wrap:anywhere}.toy-package-price{display:grid;gap:6px;border-top:1px solid var(--toy-line);padding:18px 0}.toy-package-price strong{font-size:30px;color:var(--toy-ink)}.toy-package-price small{font-size:11px;line-height:1.7;color:var(--toy-muted)}.toy-pick{margin-top:8px}.is-selected .toy-pick{background:#e9f2ff;color:var(--toy-accent)}
.toy-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px}.toy-workspace>.toy-builder{padding:0!important;border:0;background:transparent;min-width:0}.toy-creator-title{font-weight:800;font-size:30px!important;margin-top:10px!important}.toy-creator-title span{color:#e69431}.toy-builder>p{font-size:12px;line-height:1.8}.toy-form-nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 14px}.toy-form-nav a{display:flex;align-items:center;gap:8px;font-size:12px;text-decoration:none;color:var(--toy-muted);padding:7px 0;margin-right:10px}.toy-form-nav b,.toy-form-heading span{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e9f2ff;color:var(--toy-accent);font-size:12px}.toy-form-panel{background:#fff;border:1px solid var(--toy-line);border-radius:18px;padding:24px;margin-top:16px}.toy-form-heading{display:flex;align-items:center;gap:10px;font-weight:750;font-size:18px;margin:0 0 22px}.toy-workspace .form-label{font-size:13px;font-weight:600}.toy-workspace .form-control,.toy-workspace .form-select{min-height:48px;border:1px solid #cbd7e5;border-radius:10px;font-size:14px}.toy-workspace .form-control:focus,.toy-workspace .form-select:focus{border-color:var(--toy-accent);box-shadow:0 0 0 3px #005bd418}.toy-workspace textarea.form-control{min-height:115px}.toy-workspace .small{font-size:12px;line-height:1.8}
.toy-reference{min-width:0;padding-top:20px;margin-top:20px;border-top:1px solid var(--toy-line)}.toy-reference legend{float:none;font-size:15px;font-weight:700;width:auto}.toy-reference legend span{display:block;font-weight:400;font-size:12px;color:var(--toy-muted);margin-top:5px}.toy-reference>p{font-size:13px;line-height:1.8;color:var(--toy-muted)}.toy-photo-tips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.toy-photo-tips span{font-size:10px;background:#f0f5fb;border-radius:6px;padding:6px 8px;color:var(--toy-muted)}.toy-reference .toy-uploads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toy-upload-card{position:relative;min-width:0;border:1px dashed #b2c4dc;border-radius:12px;background:#f8fbff;padding:14px;display:flex;flex-direction:column}.toy-upload-card.is-required{border-color:var(--toy-accent)}.toy-upload-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.toy-upload-title label{font-size:13px;font-weight:700}.toy-upload-badge{font-size:10px;border-radius:20px;background:#e6eef9;color:#45617f;padding:3px 8px}.is-required .toy-upload-badge{background:#005bd4;color:#fff}.toy-cartoon{aspect-ratio:3/4;height:120px;margin:0 auto;background:url('images/art-toy-angles.png') no-repeat;background-size:400% 100%;border-radius:8px}.toy-cartoon-front{background-position:0 0}.toy-cartoon-side{background-position:33.333333% 0}.toy-cartoon-top{background-position:66.666667% 0}.toy-cartoon-iso{background-position:100% 0}.toy-upload-visual[hidden],.toy-preview[hidden],.toy-remove[hidden]{display:none}.toy-upload-hint{font-size:11px;color:var(--toy-muted);text-align:center;line-height:1.7;margin:10px 0;min-height:37px}.toy-upload-trigger{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-size:12px;font-weight:600;color:var(--toy-accent);margin-top:auto;padding:8px;background:#eaf2fc;border-radius:8px}.toy-upload-trigger span{font-size:20px}.toy-upload-trigger small{font-size:10px;font-weight:400;color:var(--toy-muted)}.toy-file-input{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0;border:0!important;padding:0!important;bottom:60px;left:50%}.toy-upload-card:focus-within{outline:3px solid #005bd4;outline-offset:3px}.toy-preview{display:block;width:100%;height:120px;object-fit:contain;border-radius:8px;margin-top:10px}.toy-file-status{font-size:10px;text-align:center;color:var(--toy-muted);overflow-wrap:anywhere;margin:8px 0 0}.toy-remove{border:0;background:transparent;color:#a52e27;font-size:11px;text-decoration:underline;padding:8px}.toy-upload-card.has-photo{background:#f3fbf7;border-color:#37916c}.toy-upload-card.has-error{border-color:#ba3838}.has-error .toy-file-status{color:#a52e27}.toy-upload-card.is-dragging{outline:3px solid var(--toy-accent);background:#e9f2ff}.toy-upload-login{border-radius:12px;background:#edf4fc;padding:16px;margin-top:16px}.toy-upload-login strong{font-size:14px}.toy-upload-login p{font-size:12px;line-height:1.8;color:var(--toy-muted)}
.toy-summary{position:sticky;top:24px;border:1px solid var(--toy-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 35px #17355308}.toy-summary h2{font-weight:750;margin-bottom:20px}.toy-summary dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;font-size:12px}.toy-summary dt{font-weight:400;color:var(--toy-muted)}.toy-summary dd{text-align:right;margin:0;font-weight:600;max-width:190px;overflow-wrap:anywhere}.toy-summary-divider{border-top:1px solid var(--toy-line);margin:16px 0 20px}.toy-summary-label{font-size:12px;color:var(--toy-muted)}.toy-total{font-size:36px;font-weight:800;color:var(--toy-accent);line-height:1.3;margin:12px 0}.toy-total small{display:block;font-size:11px;font-weight:400;color:var(--toy-muted);margin-top:8px}.toy-summary #toy-message{font-size:12px;line-height:1.8;background:#f0f5fc;padding:12px;border-radius:10px}.toy-summary #toy-breakdown{border-top:1px solid var(--toy-line);padding-top:16px}.toy-summary #toy-breakdown:empty{display:none}.toy-summary #toy-breakdown dd:last-child{font-size:17px;color:var(--toy-accent)}.toy-summary>a{font-size:12px}.toy-submit-actions{display:grid;gap:12px;margin-top:24px}.toy-submit-actions .btn{width:100%}.toy-submit-actions .btn:disabled{background:#e6edf5;color:#718195;border-color:#d6e0eb;opacity:1}
@media(max-width:1000px){.toy-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.toy-form-panel{padding:18px}.toy-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.toy-hero h1{font-size:38px}}
@media(max-width:800px){.toy-workspace{grid-template-columns:1fr}.toy-summary{position:static}.toy-hero{grid-template-columns:1fr 0.8fr}.toy-hero-copy{padding:24px}.toy-hero h1{font-size:30px}.toy-hero p{font-size:13px}.toy-section-heading{display:block}.toy-section-heading p{margin-top:10px}.toy-creator-title{font-size:26px!important}}
@media(max-width:540px){.toy-hero{grid-template-columns:1fr;border-radius:18px}.toy-hero h1{font-size:36px}.toy-hero-art{max-height:250px}.toy-hero-art img{height:250px;object-position:center 45%}.toy-steps{gap:10px}.toy-steps li{padding:14px}.toy-steps p{font-size:11px}.toy-step-note{font-size:10px}.toy-section-heading h2{font-size:23px}.toy-form-panel{padding:16px}.toy-form-nav{gap:4px}.toy-form-nav a{font-size:11px;margin:0}.toy-uploads{gap:8px!important}.toy-upload-card{padding:10px}.toy-upload-title{flex-wrap:wrap}.toy-upload-hint{min-height:55px}.toy-photo-tips{display:none}.toy-form-heading{font-size:16px}.toy-summary{padding:20px!important}}
@media(prefers-reduced-motion:reduce){.art-toy-page *{scroll-behavior:auto!important;transition:none!important}}
.art-toy-page .btn-primary{background:#005bd4!important;border-color:#005bd4!important;color:#fff!important;box-shadow:0 6px 14px #005bd418}.art-toy-page .btn-primary:hover{background:#0049ad!important;border-color:#0049ad!important}.art-toy-page .btn-outline-primary{background:#fff!important;border-color:#adc6e8!important;color:#005bd4!important}.art-toy-page .btn-outline-primary:hover{background:#eaf2fc!important}.art-toy-page .toy-summary>a{color:#005bd4!important}.art-toy-page .toy-submit-actions .btn:disabled{background:#e6edf5!important;border-color:#d6e0eb!important;color:#718195!important;box-shadow:none}.art-toy-page .toy-summary{max-height:calc(100vh - 48px);overflow-y:auto}@media(max-width:800px){.art-toy-page .toy-summary{max-height:none;overflow:visible}}