.cv-website-wizard { max-width: 620px; margin: 0 auto; padding: 8px 0 28px; color: #f7f1e5; }
.cv-website-section { min-width: 0; margin: 0 0 10px; padding: 12px; border: 1px solid #d4b86930; border-radius: 17px; background: linear-gradient(140deg,#e9c77b07,transparent),#0b0d0c; }
.cv-website-section header { display: flex; align-items: center; gap: 9px; margin-bottom: 14px; }
.cv-website-section header > i { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 9px; background: #eed086; color: #161512; font: 800 12px sans-serif; }
.cv-website-section header div { min-width: 0; flex: 1; }
.cv-website-section header b { display: block; font-size: 15px; }
.cv-website-section header small { display: block; margin-top: 3px; font-size: 10px; color: #a6a69a; }
.cv-website-section header em { font-size: 10px; color: #e1c577; font-style: normal; }
.cv-website-url,.cv-website-field { display: block; margin: 10px 0; }
.cv-website-url > span,.cv-website-field > span { display: block; font-size: 11px; margin-bottom: 5px; color: #c6b887; }
.cv-website-wizard input[type=url],.cv-website-field textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: 10px; border-radius: 10px; border: 1px solid #d4b86930; background: #080a09; color: #f7f1e5; font: inherit; font-size: 16px; resize: vertical; }
.cv-website-field textarea { font-size: 16px; line-height: 1.4; }
.cv-website-wizard :is(input,textarea,button):focus-visible { outline: 2px solid #eed086; outline-offset: 3px; }
.cv-website-primary { width: 100%; min-height: 44px; padding: 12px; border: 0; border-radius: 12px; color: #161512; background: linear-gradient(120deg,#f6dfa0,#dcb965); font-size: 13px; font-weight: 850; }
.cv-website-primary:disabled { opacity: .6; }
.cv-website-primary[data-website-continue]:disabled { background: #2b2c26; color: #b6b8ab; box-shadow: none; cursor: not-allowed; }
.cv-website-link { display: block; margin: 10px auto 0; padding: 6px; border: 0; background: none; color: #c8ba92; font-size: 11px; }
.cv-website-confirm { display: flex; align-items: center; gap: 9px; margin-top: 12px; font-size: 11px; line-height: 1.4; }
.cv-website-confirm input { flex: 0 0 20px; height: 20px; accent-color: #eed086; }
.cv-website-media { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.cv-website-media button { position: relative; min-width: 0; padding: 4px; overflow: hidden; border: 1px solid #d4b86930; border-radius: 10px; background: #080a09; color: #ddd8ca; text-align: left; }
.cv-website-media button.active { border-color: #eed086; background: #eed08614; }
.cv-website-references[hidden] { display: none !important; }
.cv-website-references { margin-top: 16px; padding-top: 3px; border-top: 1px solid #d4b86930; }
.cv-website-references h3 { display: flex; align-items: center; justify-content: space-between; }
.cv-website-references em { font-size: 11px; font-style: normal; }
.cv-website-reference-warning { padding: 10px; border: 1px solid #d4b86950; border-radius: 10px; background: #d1b26d16; color: #f0d899; font-size: 12px; line-height: 1.5; }
.cv-website-reference-grid { margin-top: 10px; }
.cv-website-reference-grid button { min-height: 44px; }
.cv-website-reference-grid button:disabled { opacity: .6; }
.cv-website-reference-grid small { display: block; padding: 0 3px 6px; font-size: 11px; line-height: 1.35; color: #e7d09a; }
.cv-website-media img { display: block; width: 100%; height: 100px; object-fit: contain; border-radius: 7px; }
.cv-website-media span { display: block; padding: 6px 3px; font-size: 10px; overflow-wrap: anywhere; }
.cv-website-media i { position: absolute; top: 8px; right: 8px; width: 22px; height: 22px; border-radius: 50%; background: #ead087; color: #161512; text-align: center; font-style: normal; }
.cv-website-upload { display: block; margin-top: 8px; border: 1px dashed #d4b86950; border-radius: 10px; padding: 12px; text-align: center; font-size: 12px; color: #efd38d; cursor: pointer; }
.cv-website-upload input { display: none; }
.cv-website-note { margin: 8px 0 0; font-size: 10px; line-height: 1.5; color: #9b9e95; }
.cv-website-status { margin: 8px 4px 12px; padding: 10px; background: #d1b26d16; border-radius: 10px; font-size: 12px; line-height: 1.4; }
.cv-website-status.is-error { color: #ffb6a4; }
.cv-website-status[hidden] { display: none; }
.cv-website-section h3 { margin: 14px 0 8px; color: #e7d09a; font-size: 12px; }
.cv-website-templates { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 132px; gap: 9px; margin-right: -12px; padding-right: 12px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.cv-website-templates::-webkit-scrollbar { display: none; }
.cv-website-template-card { min-width: 0; scroll-snap-align: start; }
.cv-website-template-button { position: relative; display: block; width: 100%; min-width: 0; aspect-ratio: 9 / 16; padding: 0; overflow: hidden; border-radius: 13px; border: 1px solid #d4b86942; background: #050605; color: #f7f1e5; text-align: left; transition: border-color .14s ease,box-shadow .14s ease,transform .14s ease; }
.cv-website-template-card.active .cv-website-template-button { border-color: #efd086; box-shadow: inset 0 0 0 1px #efd086,0 0 18px #efd08616; }
.cv-website-template-button:active { transform: scale(.985); }
.cv-website-templates video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; background: #050605; }
.cv-website-template-copy { display: block; min-width: 0; padding: 9px 3px 2px; }
.cv-website-templates strong { display: block; min-height: 30px; margin: 0; color: #f7f1e5; font-size: 10px; line-height: 1.3; }
.cv-website-templates small { display: -webkit-box; min-height: 44px; margin-top: 4px; overflow: hidden; color: #9b9e95; font-size: 7.5px; font-weight: 650; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.cv-website-template-copy > span { display: block; margin-top: 7px; color: #efd086; font-size: 11px; font-weight: 900; letter-spacing: .01em; }
.cv-website-template-check { position: absolute; top: 7px; right: 7px; z-index: 3; display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: #9fddb0; color: #10140f; font-size: 9px; opacity: 1; transform: none; }
.cv-website-template-check[hidden] { display: none !important; }
.cv-website-template-button[aria-pressed="true"] .cv-website-template-check { display: grid; }
.cv-website-template-art { display: block; position: relative; height: 108px; border-radius: 8px; background: radial-gradient(ellipse at 70% 10%,#af995655,transparent),#18231f; overflow: hidden; }
.cv-website-template-art > i { position: absolute; inset: 15px 10px 22px; border: 2px solid #dcc78b; border-top-width: 9px; border-radius: 5px; background: repeating-linear-gradient(180deg,#c1c9b1aa 0 8px,transparent 8px 16px); }
.cv-website-template-art > b { position: absolute; bottom: 0; right: 12px; width: 30px; height: 43px; border-radius: 50% 50% 0 0; background: #ae9476; }
.cv-website-template-art > b::before { content: ''; position: absolute; width: 20px; height: 24px; left: 5px; top: -16px; border-radius: 50%; background: #d1b89a; }
.cv-website-template-art.is-phone-story > i { width: 35px; inset: 14px auto 10px 23px; transform: rotate(-12deg); border-width: 3px; border-radius: 9px; background: #ccd2c0; }
.cv-website-template-art.is-phone-story > b,.cv-website-template-art.is-laptop-story > b { right: 12px; height: 55px; width: 36px; background: #586e72; }
.cv-website-template-art.is-laptop-story > i { inset: 40px 35px 13px 8px; transform: perspective(160px) rotateY(15deg); border-bottom-width: 9px; }
.cv-website-summary { padding: 12px; }
.cv-website-summary strong { display: block; font-size: 15px; }
.cv-website-summary p { font-size: 11px; color: #abae9e; overflow-wrap: anywhere; }
.cv-website-summary-images { display: flex; gap: 6px; margin: 8px 0; }
.cv-website-summary-images img { min-width: 0; width: 17%; height: 66px; object-fit: contain; background: #050706; border-radius: 5px; }
.cv-ai-studio-card.is-website-ad { background: radial-gradient(ellipse at 80% 5%,#806b32,transparent 70%),#101917; }
.cv-ai-studio-card.is-website-ad > .cv-website-template-art { height: 220px; margin: 30px; transform: rotate(-5deg); }
.cv-ai-studio-card.is-website-ad .cv-website-template-art > i { inset: 10px 5px 25px; }
@media (min-width: 600px) {
  .cv-website-media { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .cv-website-templates { grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-flow: row; margin-right: 0; padding-right: 0; overflow: visible; }
}