.prod-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:35px;align-items:center}.prod-hero h1{font-size:clamp(42px,4.8vw,68px)}.prod-hero p{max-width:670px;margin:28px 0;font-size:17px;line-height:1.8}.prod-art{position:relative;height:310px;isolation:isolate}.prod-art:before{content:'';position:absolute;inset:-10%;background:radial-gradient(ellipse,#dfe7ff,transparent 68%);z-index:-1}.prod-frame{width:85%;height:220px;background:var(--blue);color:#fff;border-radius:14px;position:absolute;top:20px;left:0;padding:20px;transform:rotate(-7deg);box-shadow:0 25px 50px #092cce22;transition:transform .45s}.prod-frame>span{font-size:8px;letter-spacing:1.5px}.prod-frame>small{font-size:8px;letter-spacing:1px;position:absolute;bottom:17px;left:20px}.prod-lens{display:grid;place-items:center;width:92px;height:92px;border:1px solid #fff5;border-radius:50%;margin:15px auto}.prod-lens .ui-icon{width:40px;height:40px}.prod-frame-line{position:absolute;height:2px;background:var(--pink);bottom:45px;left:20px;right:20px}.prod-film{display:flex;gap:10px;padding:15px;background:white;border:1px solid #dbe3f5;border-radius:9px;position:absolute;width:90%;height:75px;right:0;bottom:30px;transform:rotate(6deg);box-shadow:0 15px 40px #092cce15;transition:transform .45s}.prod-film i{background:#dce5ff;flex:1;border-radius:4px}.prod-film i:nth-child(2){background:#b8cbff}.prod-film i:nth-child(3){background:#ec00dc26}.prod-art:hover .prod-frame{transform:rotate(-3deg) translateY(-5px)}.prod-art:hover .prod-film{transform:rotate(1deg) translateY(4px)}.prod-art-tag{position:absolute;bottom:0;right:5px;font-size:8px;letter-spacing:1.3px;color:#6b7792}.prod-presets-section{padding-top:20px;padding-bottom:70px}.prod-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.prod-presets button{background:#fff;border:1px solid #d7e0f3;border-radius:12px;padding:28px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s,background .25s}.prod-presets button:nth-child(2){background:#eff3ff;border-color:#a9bff7}.prod-presets button:hover{transform:translateY(-5px);background:#eaf0ff}.prod-presets button>span{font-size:8px;letter-spacing:1px;color:#536892;font-weight:700}.prod-presets h3{font-size:25px;margin:22px 0 16px;line-height:1.2}.prod-presets p{font-size:12px;margin-bottom:25px}.prod-presets button>strong{font-size:31px;color:var(--blue);margin-top:auto}.prod-presets button>small{font-size:10px;color:#76839b;margin:6px 0 25px}.prod-presets b{font-size:12px;color:var(--blue);display:flex;align-items:center;gap:15px}.prod-items{display:grid;gap:18px}.prod-item{padding:27px;border:1px solid #d7e0f2;background:white;border-radius:12px;transition:border-color .25s,box-shadow .25s}.prod-item.selected{border-color:var(--blue);box-shadow:inset 3px 0 var(--blue)}.prod-item-header{display:flex;gap:15px;align-items:center}.prod-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#ecf1ff;color:var(--blue);flex-shrink:0}.prod-item-header>div{flex:1}.prod-item-header .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:7px;color:#77849d}.prod-item h3{font-size:21px;line-height:1.2}.prod-item-header>strong{color:var(--blue);font-size:20px;white-space:nowrap}.prod-item-header small{font-weight:400;font-size:9px;color:#74819a;display:block;margin-top:4px}.prod-item>p{font-size:13px;margin:20px 0 15px}.prod-item ul{list-style:none;padding:0;margin:15px 0;display:flex;flex-wrap:wrap;gap:7px}.prod-item li{background:#eff3fa;padding:6px 9px;font-size:10px;border-radius:4px}.prod-scope{display:block;font-size:11px;color:#778197;line-height:1.7}.prod-item-bottom{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.prod-item-bottom>span{font-size:10px;color:#6b7792}.prod-stepper{display:flex;align-items:center;border:1px solid #d7e1f3;border-radius:7px;overflow:hidden}.prod-stepper button{border:0;background:#eef3ff;color:var(--blue);width:40px;min-height:40px;font-size:22px}.prod-stepper button:hover:not(:disabled){background:var(--blue);color:#fff}.prod-stepper button:disabled{opacity:.35;cursor:default}.prod-stepper output{width:40px;text-align:center;font-size:14px;font-weight:700}.prod-custom-heading{margin:45px 0 24px}.prod-custom-heading h3{font-size:29px}.prod-custom-heading p{font-size:13px;margin-top:15px}.prod-custom{display:grid;gap:12px}.prod-custom-option{display:flex;gap:14px;align-items:flex-start;padding:22px;background:white;border:1px solid #d6e0f3;border-radius:9px;cursor:pointer}.prod-custom-option:has(input:checked){border-color:var(--blue);background:#f8faff}.prod-custom-option input{accent-color:var(--blue);margin-top:4px;width:16px;height:16px;flex-shrink:0}.prod-custom-option>span{flex:1}.prod-custom-option strong{font-size:14px;display:block}.prod-custom-option small{display:block;font-size:11px;color:#6c7992;margin-top:8px;line-height:1.7}.prod-custom-option em{font-size:10px;display:block;margin-top:10px}.prod-custom-option>.ui-icon{color:var(--blue);flex-shrink:0}.prod-brief-help{padding-left:20px;border-left:3px solid var(--pink);margin-top:30px}.prod-brief-help strong{font-size:14px}.prod-brief-help p{font-size:12px;margin-top:10px}.prod-deliverables{margin-top:20px;display:grid;gap:8px;font-size:11px}.prod-deliverables>span{border-left:2px solid var(--pink);padding-left:10px}#prod-reset{border:0;background:transparent;padding:0;color:#687694;font-size:11px;text-decoration:underline;text-underline-offset:4px;margin-top:20px;cursor:pointer}#prod-total{font-size:32px}#production-config{scroll-margin-top:95px}.prod-items [hidden],#prod-empty[hidden]{display:none}
@media(max-width:1050px){.prod-item-header{flex-wrap:wrap}.prod-item-header>strong{margin-left:57px;width:100%}.prod-item-header small{display:inline;margin-left:9px}.prod-presets{gap:12px}.prod-presets button{padding:22px}.prod-presets h3{font-size:22px}}
@media(max-width:750px){.prod-hero{grid-template-columns:1fr;gap:20px}.prod-art{max-width:340px;width:100%;margin:auto}.prod-presets{grid-template-columns:1fr}.prod-presets button>strong{margin-top:0}.prod-presets p{margin-bottom:15px}.prod-presets h3 br{display:none}.prod-item-header>strong{width:auto;margin-left:0}.prod-item-header{gap:12px}.prod-item-header small{display:block;margin-left:0}.prod-hero h1{font-size:44px;letter-spacing:-2px}.prod-hero p{font-size:16px}}
@media(max-width:500px){.prod-item{padding:22px}.prod-item-header>strong{margin-left:54px;width:100%}.prod-item-header small{display:inline;margin-left:8px}.prod-item h3{font-size:20px}.prod-custom-option{padding:18px}.prod-custom-option>.ui-icon{display:none}}
@media(prefers-reduced-motion:reduce){.prod-frame,.prod-film,.prod-presets button,.prod-item{transition:none}.prod-presets button:hover{transform:none}}