.detail-section{padding:48px 0 105px}.breadcrumbs{color:var(--muted);align-items:center;gap:7px;margin-bottom:28px;font-size:10px;display:flex}.breadcrumbs svg{width:11px}.breadcrumbs a:hover{color:var(--blue-deep)}.detail-grid{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:start;gap:clamp(42px,6vw,96px);display:grid}.detail-art{border-radius:var(--radius-lg);background:var(--surface);justify-content:center;align-items:center;min-height:670px;padding:clamp(28px,5vw,70px);display:flex;position:relative}.personalized-artwork{flex:0 auto;width:100%;position:relative}.personalized-artwork img{width:100%;height:auto}.personalized-artwork--preview img{z-index:1;position:relative}.personalized-artwork__skeleton{z-index:0;opacity:1;border-radius:12px;transition:opacity .18s,visibility .18s;position:absolute;inset:0}.personalized-artwork--preview.is-ready .personalized-artwork__skeleton{visibility:hidden;opacity:0}.detail-art .personalized-artwork{max-width:calc(720px * var(--art-ratio))}.personalized-artwork__sign{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.demo-label{color:#4f5450;background:var(--canvas);letter-spacing:.09em;text-transform:uppercase;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800;position:absolute;top:18px;left:18px}.detail-info{min-width:0;padding-top:30px;position:sticky;top:116px}.detail-info h1{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin-bottom:24px;font-size:clamp(45px,4.8vw,73px);line-height:.94}.detail-info__description{color:var(--muted);margin-bottom:28px;font-size:14px}.detail-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.personalizer{border-radius:var(--radius-md);background:#edf6ff;border:1px solid #c4dcec;margin-bottom:18px;padding:20px}.personalizer__heading{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:9px;display:flex}.personalizer__heading>svg{width:18px;height:18px;color:var(--blue-deep)}.personalizer h2{letter-spacing:-.025em;margin:0;font-size:15px}.personalizer__heading>span{color:var(--blue-deep);margin-left:auto;font-size:10px}.personalizer>p{color:#4e6170;margin-bottom:16px;font-size:12px}.personalizer label{margin-bottom:7px;font-size:12px;font-weight:750;display:block}.personalizer__input{position:relative}.personalizer input{width:100%;min-height:49px;color:var(--ink);background:#fff;border:1px solid #bdcbd6;border-radius:11px;padding:12px 46px 12px 14px;font-size:16px}.personalizer input::placeholder{color:#767e84}.personalizer__input button{width:41px;height:41px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.personalizer__input button:hover{background:var(--blue-soft)}.personalizer__input button svg{width:17px}.personalizer__note{color:#4e6170;justify-content:space-between;gap:10px;margin-top:8px;font-size:10px;display:flex}.personalizer__mobile-preview{display:none}.detail-actions button:disabled{opacity:.65;cursor:wait}.download-spinner{animation:1s linear infinite download-spin}@keyframes download-spin{to{transform:rotate(360deg)}}.download-error{color:#9b2828;margin:10px 0 0;font-size:12px}.detail-stats{grid-template-columns:1fr 1fr;gap:8px;margin-top:34px;display:grid}.detail-stats>div{background:var(--surface);border-radius:13px;align-items:center;gap:11px;min-height:80px;padding:14px;display:flex}.detail-stats svg{width:18px;color:var(--blue-deep)}.detail-stats span,.detail-stats strong{display:block}.detail-stats strong{color:var(--ink);font-size:11px}.detail-stats span{color:var(--muted);font-size:9px}.detail-license{background:var(--blue-soft);border-radius:15px;margin-top:28px;padding:20px}.detail-license strong{font-size:12px}.detail-license p{color:#4e6170;margin:6px 0 9px;font-size:10px}.detail-license a{color:var(--blue-deep);font-size:10px;font-weight:800}.tag-list{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.tag-list a,.tag-list span{background:var(--surface);color:var(--muted);border-radius:8px;padding:6px 9px;font-size:9px}.detail-related{background:#e8eae6}.demo-toast{z-index:100;color:#fff;background:var(--ink);opacity:0;pointer-events:none;border-radius:13px;align-items:center;gap:10px;padding:12px 16px 12px 12px;font-size:12px;font-weight:700;transition:opacity .18s,translate .18s;display:flex;position:fixed;bottom:26px;left:50%;translate:-50% 20px}.demo-toast.is-visible{opacity:1;translate:-50%}.demo-toast>span{width:26px;height:26px;color:var(--ink);background:var(--blue);border-radius:8px;place-items:center;display:grid}.demo-toast svg{width:15px}@media (max-width:820px){.detail-grid{grid-template-columns:1fr}.detail-info{padding-top:0;position:static}.personalizer__mobile-preview{background:#fff;border-radius:10px;width:min(100%,220px);margin:16px auto 0;padding:10px;display:block}.personalizer__mobile-preview .personalized-artwork{max-width:calc(200px * var(--art-ratio));margin:auto}.detail-art{min-height:550px}}@media (max-width:600px){.detail-section{padding-top:30px}.breadcrumbs{white-space:nowrap;overflow:hidden}.detail-art{min-height:430px;padding:28px}.detail-actions{grid-template-columns:1fr}.detail-info h1{font-size:49px}.detail-stats{grid-template-columns:1fr}.skeleton-detail-title{height:49px}.skeleton-detail-stats{grid-template-columns:1fr}}