@keyframes smartphone-case-studio-module__UGRsTq__fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.smartphone-case-studio-module__UGRsTq__page{--scs-font-display:"Space Grotesk", "Futura", "Avenir Next", sans-serif;--scs-font-body:"DM Sans", "Gill Sans", "Trebuchet MS", sans-serif;--scs-color-ink:#1f2233;--scs-color-subtle:#5c6076;--scs-color-accent:#6a5ae0;--scs-color-accent-strong:#5343c4;--scs-color-accent-soft:#6a5ae024;--scs-color-card:#ffffffeb;--scs-color-border:#26284e1f;--scs-color-shadow-soft:#1e1c4a24;--scs-color-danger:#d63e5e;min-height:100vh;color:var(--scs-color-ink);font-family:var(--scs-font-body);background:radial-gradient(circle at 12% 8%,#8c96ff47 0%,#8c96ff00 46%),radial-gradient(circle at 88% 12%,#c4a4ff42 0%,#c4a4ff00 44%),linear-gradient(#f2f1fa 0%,#ecebf6 60%,#e7e5f2 100%)}.smartphone-case-studio-module__UGRsTq__main{flex-direction:column;gap:18px;max-width:960px;margin:0 auto;padding:22px 16px 46px;display:flex}.smartphone-case-studio-module__UGRsTq__hero{flex-direction:column;gap:14px;padding:10px 4px 0;animation:.5s both smartphone-case-studio-module__UGRsTq__fadeUp;display:flex}.smartphone-case-studio-module__UGRsTq__heroTop{flex-direction:column;gap:8px;display:flex}.smartphone-case-studio-module__UGRsTq__heroEyebrow{font-family:var(--scs-font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--scs-color-accent-strong);margin:0;font-size:12px;font-weight:700}.smartphone-case-studio-module__UGRsTq__heroTitle{font-family:var(--scs-font-display);letter-spacing:.01em;margin:0;font-size:clamp(26px,5vw,36px);font-weight:700}.smartphone-case-studio-module__UGRsTq__heroLead{max-width:660px;color:var(--scs-color-subtle);margin:0;font-size:14px;line-height:1.9}.smartphone-case-studio-module__UGRsTq__heroBadgeRow{flex-wrap:wrap;gap:8px;display:flex}.smartphone-case-studio-module__UGRsTq__heroBadge{border:1px solid var(--scs-color-border);background:var(--scs-color-card);color:var(--scs-color-subtle);border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.smartphone-case-studio-module__UGRsTq__stageCard{background:var(--scs-color-card);border:1px solid var(--scs-color-border);box-shadow:0 18px 40px var(--scs-color-shadow-soft);border-radius:22px;flex-direction:column;gap:10px;padding:14px;animation:.5s 50ms both smartphone-case-studio-module__UGRsTq__fadeUp;display:flex}.smartphone-case-studio-module__UGRsTq__stage{aspect-ratio:4/3;touch-action:none;background:#efe7f2;border-radius:16px;width:100%;max-height:520px;position:relative;overflow:hidden}.smartphone-case-studio-module__UGRsTq__stage[data-dragging=true]{outline:3px dashed var(--scs-color-accent);outline-offset:-3px}.smartphone-case-studio-module__UGRsTq__emptyBanner{color:#f4f2ff;white-space:nowrap;background:#1f2233d1;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.smartphone-case-studio-module__UGRsTq__stageHint{color:var(--scs-color-subtle);margin:0;font-size:12px;line-height:1.6}.smartphone-case-studio-module__UGRsTq__controlsCard{background:var(--scs-color-card);border:1px solid var(--scs-color-border);box-shadow:0 18px 40px var(--scs-color-shadow-soft);border-radius:22px;flex-direction:column;gap:14px;padding:18px;animation:.5s .1s both smartphone-case-studio-module__UGRsTq__fadeUp;display:flex}.smartphone-case-studio-module__UGRsTq__controls{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.smartphone-case-studio-module__UGRsTq__controlGroup{border:1px solid var(--scs-color-border);background:#fff9;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.smartphone-case-studio-module__UGRsTq__controlLabel{font-family:var(--scs-font-display);letter-spacing:.04em;font-size:13px;font-weight:700}.smartphone-case-studio-module__UGRsTq__controlHint{color:var(--scs-color-subtle);margin:0;font-size:12px;line-height:1.7}.smartphone-case-studio-module__UGRsTq__chipRow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.smartphone-case-studio-module__UGRsTq__chipButton{border:1px solid var(--scs-color-border);color:var(--scs-color-subtle);cursor:pointer;background:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.smartphone-case-studio-module__UGRsTq__chipButton[data-active=true]{background:var(--scs-color-accent);border-color:var(--scs-color-accent);color:#fff}.smartphone-case-studio-module__UGRsTq__swatchButton{border:2px solid var(--scs-color-border);cursor:pointer;border-radius:50%;width:28px;height:28px;transition:transform .15s,border-color .15s,box-shadow .15s}.smartphone-case-studio-module__UGRsTq__swatchButton[data-active=true]{border-color:var(--scs-color-accent);box-shadow:0 0 0 2px var(--scs-color-accent-soft);transform:scale(1.12)}.smartphone-case-studio-module__UGRsTq__colorInput{border:1px solid var(--scs-color-border);cursor:pointer;background:#fff;border-radius:8px;width:34px;height:30px;padding:0}.smartphone-case-studio-module__UGRsTq__textInput{border:1px solid var(--scs-color-border);width:100%;min-height:40px;color:var(--scs-color-ink);background:#fff;border-radius:10px;padding:8px 12px;font-size:14px}.smartphone-case-studio-module__UGRsTq__textInput:focus{outline:2px solid var(--scs-color-accent-soft);border-color:var(--scs-color-accent)}.smartphone-case-studio-module__UGRsTq__sliderHeader{color:var(--scs-color-subtle);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.smartphone-case-studio-module__UGRsTq__sliderValue{font-family:var(--scs-font-display);color:var(--scs-color-ink)}.smartphone-case-studio-module__UGRsTq__rangeInput{width:100%;accent-color:var(--scs-color-accent)}.smartphone-case-studio-module__UGRsTq__actionRow{flex-wrap:wrap;gap:8px;display:flex}.smartphone-case-studio-module__UGRsTq__actionButton{border:1px solid var(--scs-color-border);min-height:40px;color:var(--scs-color-ink);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:9px 16px;font-size:13px;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.smartphone-case-studio-module__UGRsTq__actionButton:hover:not(:disabled){transform:translateY(-1px)}.smartphone-case-studio-module__UGRsTq__actionButton:disabled{opacity:.45;cursor:not-allowed}.smartphone-case-studio-module__UGRsTq__actionButton[data-variant=primary]{background:var(--scs-color-accent);border-color:var(--scs-color-accent);color:#fff}.smartphone-case-studio-module__UGRsTq__fileInput{display:none}.smartphone-case-studio-module__UGRsTq__errorText{color:var(--scs-color-danger);background:#d63e5e14;border:1px solid #d63e5e40;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.6}.smartphone-case-studio-module__UGRsTq__crossLinkNote{color:var(--scs-color-subtle);margin:0;font-size:13px;line-height:1.7}.smartphone-case-studio-module__UGRsTq__crossLink{color:var(--scs-color-accent-strong);margin:0 2px;font-weight:700;text-decoration:underline}.smartphone-case-studio-module__UGRsTq__tips{background:var(--scs-color-card);border:1px solid var(--scs-color-border);box-shadow:0 18px 40px var(--scs-color-shadow-soft);border-radius:22px;flex-direction:column;gap:14px;padding:22px;display:flex}.smartphone-case-studio-module__UGRsTq__tipsTitle{font-family:var(--scs-font-display);font-size:17px;font-weight:700}.smartphone-case-studio-module__UGRsTq__tipsGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.smartphone-case-studio-module__UGRsTq__tipItem{border:1px solid var(--scs-color-accent-soft);color:var(--scs-color-subtle);background:#6a5ae00f;border-radius:14px;padding:14px;font-size:13px;line-height:1.7}.smartphone-case-studio-module__UGRsTq__captureOfferBlock{flex-direction:column;gap:8px;margin-top:4px;display:flex}.smartphone-case-studio-module__UGRsTq__offerSection{background:var(--scs-color-card);border:1px solid var(--scs-color-border);box-shadow:0 18px 40px var(--scs-color-shadow-soft);border-radius:22px;flex-direction:column;gap:12px;padding:22px;display:flex}.smartphone-case-studio-module__UGRsTq__offerTitle{font-family:var(--scs-font-display);font-size:17px;font-weight:700}.smartphone-case-studio-module__UGRsTq__offerLead{color:var(--scs-color-subtle);margin:0;font-size:13px;line-height:1.7}.smartphone-case-studio-module__UGRsTq__offerNote{color:var(--scs-color-subtle);margin:0;font-size:12px;line-height:1.6}@media (max-width:560px){.smartphone-case-studio-module__UGRsTq__stage{aspect-ratio:1}.smartphone-case-studio-module__UGRsTq__controls{grid-template-columns:1fr}.smartphone-case-studio-module__UGRsTq__emptyBanner{white-space:normal;text-align:center;border-radius:16px;flex-direction:column}}
