.resource-art.appearance-art{background:#0b0e14;min-height:370px;display:block}.resource-art.appearance-art::before{content:none}.appearance-cover{position:relative;width:100%;min-height:370px;overflow:hidden;background:radial-gradient(ellipse at 80% 65%,#2457a42b,transparent 65%),linear-gradient(125deg,#0b1019,#0b0e14);padding:27px 30px;isolation:isolate}.appearance-cover::before{content:'';position:absolute;width:300px;height:300px;right:-80px;top:30px;border:1px solid #3b82f617;transform:rotate(-24deg);border-radius:40px;z-index:-1}.appearance-cover-brand{font-size:22px;font-weight:800;letter-spacing:-.06em;line-height:1}.appearance-cover-brand>span,.appearance-cover-title>span{color:var(--blue)}.appearance-cover-kicker{display:block;font-size:6px;letter-spacing:.28em;color:#94a6c1;margin-top:48px}.appearance-cover-title{font-weight:800;letter-spacing:-.065em;font-size:clamp(30px,3.1vw,43px);line-height:1.15;margin-top:11px;position:relative;z-index:2}.appearance-cover>p{font-size:16px;font-weight:600;line-height:1.35;color:#8391a7;margin-top:18px;letter-spacing:-.035em;position:relative;z-index:2}.appearance-cover>p>strong{color:#7facf1}.appearance-cover-panel{position:absolute;right:-23px;bottom:35px;width:218px;border:1px solid #4478ba65;border-radius:12px;background:linear-gradient(140deg,#172235,#0b1019);padding:15px;transform:perspective(800px) rotateY(-13deg) rotateZ(-7deg);box-shadow:0 16px 45px #0008;opacity:.9}.appearance-panel-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;font-weight:700;color:#dfebfd;border-bottom:1px solid #ffffff10;padding-bottom:12px}.appearance-panel-label{font-size:5px;letter-spacing:.1em;color:#8b9db6;display:block;margin-top:14px}.appearance-panel-tabs{display:flex;gap:14px;font-size:7px;margin-top:10px;align-items:center;color:#8595af}.appearance-panel-tabs b{color:#aacfff;border-bottom:1px solid #6298ed;padding-bottom:8px}.appearance-panel-control{display:flex;justify-content:space-between;font-size:8px;margin-top:16px;align-items:center}.appearance-panel-control>span{color:#a7b6ca}.appearance-panel-control>b{color:#dae6f8;font-size:10px}.appearance-panel-control i{font-size:7px;color:#8190a8;font-style:normal;font-weight:400}.appearance-panel-track{height:3px;background:#ffffff13;border-radius:4px;margin-top:12px}.appearance-panel-track>span{display:block;width:38%;height:3px;background:#4c8ef2;position:relative}.appearance-panel-track>span::after{content:'';position:absolute;right:0;top:-2px;width:7px;height:7px;border-radius:50%;background:#c4dcff}.appearance-panel-swatches{display:flex;gap:7px;margin-block:12px 17px}.appearance-panel-swatches i{width:19px;height:19px;background:#1d2535;border-radius:4px;border:1px solid #ffffff1c}.appearance-panel-swatches i:nth-child(2){background:#658dbb;border-color:#89b4f8}.appearance-panel-swatches i:nth-child(3){background:#8d816d}.appearance-panel-swatches i:nth-child(4){background:#dad5c9}.appearance-panel-swatches i:nth-child(5){background:#6a4148}.appearance-panel-confirm{background:#225cb6;border:1px solid #4c84da;border-radius:99px;padding:8px 12px;font-size:8px;font-weight:600;display:flex;justify-content:space-between}.appearance-cover-footer{position:absolute;bottom:22px;left:30px;font-size:6px;letter-spacing:.15em;color:#8599b8}.appearance-product-art{display:block;padding:0;min-height:0;overflow:hidden}.appearance-product-art .appearance-cover{min-height:390px}.appearance-product-art .product-media-actions{padding:20px}.appearance-purchase-note{font-size:12px;line-height:1.9;margin-top:12px;color:var(--muted)}.appearance-product .product-metadata dd{max-width:65%}.appearance-scope-note{font-size:11px;line-height:1.9;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.appearance-styles{margin-top:65px;padding:35px;border:1px solid var(--line);border-radius:14px;background:#0e141e;display:grid;grid-template-columns:.9fr 1.2fr;gap:40px;align-items:center}.appearance-styles h2{font-size:34px;margin-top:18px}.appearance-styles>div>p:not(.eyebrow){font-size:12px;line-height:1.9;margin-top:20px}.appearance-style-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.appearance-style-button{display:flex;gap:10px;align-items:center;border:1px solid #ffffff10;border-radius:8px;min-height:44px;padding:10px 12px;background:#141b26;color:#bfccde;font-size:11px;text-align:left;transition:background .18s,border-color .18s,color .18s}.appearance-style-button>i{width:9px;height:9px;flex:none;background:var(--style-color);border:1px solid #ffffff22;border-radius:50%}.appearance-style-button>span{margin-left:auto;color:#88a9d9}.appearance-style-button:hover{background:#1b2a40;border-color:#3b82f65c;color:#eef3fb}.appearance-dialog{width:min(1380px,calc(100% - 32px));max-width:calc(100% - 32px);padding:24px;background:#0b0e14;color:var(--text);border:1px solid #ffffff20;border-radius:16px;max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 30px 100px #0009}.appearance-dialog::backdrop{background:#03060bd9;backdrop-filter:blur(8px)}.appearance-dialog .dialog-heading{margin-bottom:20px}.appearance-preview-frame{display:block;width:100%;height:min(720px,calc(100dvh - 205px));min-height:420px;border:1px solid var(--line);border-radius:10px;background:#0b0e14}.appearance-preview-note{font-size:10px;line-height:1.8;color:var(--quiet);margin-top:15px;max-width:900px}.appearance-dialog h2{font-size:25px}.appearance-dialog .eyebrow{font-size:8px}
@media(min-width:1250px){.appearance-cover-panel{right:15px;bottom:42px}.appearance-cover>p{font-size:19px}.appearance-cover-title{font-size:43px}}
@media(max-width:800px){.appearance-cover{padding:25px;min-height:340px}.resource-art.appearance-art{min-height:340px}.appearance-cover-panel{right:-60px;bottom:35px;width:190px;opacity:.65}.appearance-cover-title{font-size:32px}.appearance-cover-kicker{margin-top:45px}.appearance-cover-footer{left:25px;font-size:5px}.appearance-styles{padding:25px;gap:25px;grid-template-columns:1fr 1.2fr}.appearance-styles h2{font-size:29px}.appearance-style-button{font-size:10px;padding:9px}.appearance-product-art .appearance-cover{min-height:380px}.appearance-product-art .appearance-cover-panel{right:-20px}}
@media(max-width:600px){.resource-art.appearance-art{height:300px;min-height:300px}.appearance-cover{min-height:300px;padding:24px}.appearance-cover-brand{font-size:19px}.appearance-cover-kicker{margin-top:35px}.appearance-cover-title{font-size:38px}.appearance-cover>p{font-size:16px;margin-top:14px}.appearance-cover-panel{right:-40px;bottom:32px;width:185px;opacity:.65;padding:12px;z-index:-1}.appearance-cover-footer{left:24px;font-size:5px;bottom:20px}.appearance-product-art .appearance-cover{min-height:330px}.appearance-product-art .appearance-cover-panel{right:-30px}.appearance-product-art .product-media-actions{padding:16px}.appearance-product .product-summary h1{font-size:39px}.appearance-styles{grid-template-columns:1fr;padding:24px;margin-top:40px;gap:25px}.appearance-styles h2{font-size:32px}.appearance-style-button{font-size:11px;min-height:45px;padding:10px 12px}.appearance-dialog{padding:16px;width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.appearance-dialog .dialog-heading{gap:10px;margin-bottom:16px}.appearance-dialog h2{font-size:21px}.appearance-dialog .eyebrow{font-size:7px}.appearance-preview-frame{height:calc(100dvh - 200px);min-height:440px}.appearance-preview-note{font-size:9px}}
@media(max-width:360px){.appearance-cover-title{font-size:31px}.appearance-cover-footer{font-size:4.5px}.appearance-style-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.appearance-style-button{min-width:0;padding:9px;gap:7px;font-size:10px}.appearance-styles{padding:20px}.appearance-dialog h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.appearance-style-button{transition:none}}