*{box-sizing:border-box}
:root{
  --purple:#4b2ab5;--purple-2:#321879;--purple-soft:#f4f0ff;--purple-line:#ded5fb;
  --navy:#071b3b;--ink:#0d1b34;--muted:#68738a;--line:#e5e8ef;--soft:#f8f8fb;
  --ivory:#fcfaf7;--gold:#c9922e;--gold-soft:#fff7e6;--green:#1f9d55;--red:#c33b32;
  --shadow:0 16px 45px rgba(18,27,57,.08);--shadow-soft:0 8px 26px rgba(18,27,57,.07);
  --radius:20px;--radius-sm:13px;
}
html{scroll-behavior:smooth;background:#f3f3f7}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:linear-gradient(135deg,#f6f5f8,#eff1f6);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}
button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}a{color:var(--purple)}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(75,42,181,.18);outline-offset:2px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.app-shell{width:min(1180px,100%);min-height:100vh;margin:0 auto;background:#fff;box-shadow:0 0 55px rgba(13,24,52,.08)}
.app-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:16px 34px;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid #eef0f4}.brand-link{display:inline-flex}.brand-logo{width:142px;height:auto}.header-status{justify-self:center;display:flex;align-items:center;gap:18px;color:#56617a;font-size:.82rem}.header-status>span{display:flex;align-items:center;gap:7px}.safe-copy i{color:var(--purple)}.save-dot{width:8px;height:8px;border-radius:50%;background:#b7bdc9;box-shadow:0 0 0 3px #f0f2f6}.save-indicator.is-saved .save-dot{background:var(--green);box-shadow:0 0 0 3px #eaf8ef}.save-indicator.is-saving .save-dot{background:var(--gold);animation:pulse 1s infinite}.save-indicator.is-offline .save-dot{background:#e39b2f}.header-action{border:0;background:transparent;color:var(--purple);font-weight:700;padding:9px 10px;border-radius:10px}.header-action:hover{background:var(--purple-soft)}
@keyframes pulse{50%{opacity:.35}}
.journey-wrap{padding:22px 34px 0;background:#fff}.journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);position:relative}.journey::before{content:"";position:absolute;left:7%;right:7%;top:17px;height:2px;background:#e9eaf0}.journey li{position:relative;z-index:1;text-align:center;color:#9aa1af}.journey li span{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 7px;border-radius:50%;background:#fff;border:1px solid #d9dce4;font-weight:700;font-size:.8rem}.journey li small{font-weight:600}.journey li.is-active,.journey li.is-complete{color:var(--purple)}.journey li.is-active span{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 0 0 5px var(--purple-soft)}.journey li.is-complete span{background:var(--purple-soft);border-color:var(--purple-line)}.journey-mobile{display:none}
main{padding:34px 38px 60px}.form-step{display:none;animation:fadeIn .22s ease}.form-step.is-active{display:block}@keyframes fadeIn{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}
.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--purple);font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;font-weight:800}.section-heading{max-width:760px;margin:4px auto 28px;text-align:center}.section-heading.align-left{text-align:left;margin-left:0}.section-heading h2,.welcome-copy h1{margin:8px 0 10px;color:var(--navy);font-size:clamp(2rem,4.3vw,3.4rem);line-height:1.04;letter-spacing:-.035em}.section-heading p,.welcome-copy .lead{margin:0;color:var(--muted);font-size:1rem;line-height:1.65}.inline-save{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:.8rem;margin-top:13px}.inline-save i{font-size:.75rem}
.welcome-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(410px,.98fr);gap:56px;align-items:center;min-height:650px;padding:12px 16px 26px}.welcome-copy{max-width:610px}.welcome-copy h1{font-size:clamp(2.7rem,5.4vw,4.8rem);margin-top:12px}.welcome-copy .lead{font-size:1.07rem;max-width:610px}.autosave-reassurance{display:flex;gap:13px;align-items:flex-start;padding:15px 16px;margin:22px 0;border-radius:15px;background:linear-gradient(135deg,#f7f4ff,#fff);border:1px solid var(--purple-line);color:#43318a}.autosave-reassurance i{margin-top:2px}.autosave-reassurance strong,.autosave-reassurance span{display:block}.autosave-reassurance span{margin-top:3px;font-size:.83rem;line-height:1.45;color:#6d638f}
.resume-card{padding:17px;border:1px solid #e7e3f3;background:#fff;border-radius:18px;box-shadow:var(--shadow-soft);margin:0 0 18px}.resume-main{display:flex;align-items:center;gap:12px;margin-bottom:14px}.resume-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--purple-soft);color:var(--purple);font-weight:800}.resume-main div:last-child{min-width:0}.resume-main small,.resume-main strong,.resume-main span{display:block}.resume-main small{color:var(--muted);font-size:.72rem}.resume-main strong{margin:2px 0;font-size:.95rem}.resume-main span{color:var(--muted);font-size:.76rem}.resume-card .primary-btn{width:100%}
.welcome-actions{display:flex;align-items:center;gap:16px;margin:20px 0}.welcome-actions .primary-btn{width:auto;min-width:230px}.promise-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.promise-row>div{display:flex;gap:10px;align-items:flex-start;padding:4px 0}.promise-row i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:var(--purple-soft);color:var(--purple)}.promise-row strong,.promise-row small{display:block}.promise-row strong{font-size:.79rem}.promise-row small{margin-top:4px;font-size:.72rem;color:var(--muted);line-height:1.4}
.welcome-visual{position:relative;height:560px}.welcome-physical-card,.welcome-back-card{position:absolute;width:360px;aspect-ratio:1.586/1;border-radius:17px;background:#050505;box-shadow:0 28px 55px rgba(0,0,0,.22);border:1px solid #181818}.welcome-physical-card{left:4px;top:78px;z-index:3;transform:rotate(-7deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold)}.welcome-physical-card .nfc-symbol{position:absolute;right:4%;top:5%;width:8%}.welcome-card-name{font-family:Italianno,cursive;font-size:4.6rem;line-height:.75}.welcome-card-title{font-family:Philosopher,serif;margin-top:20px;font-size:.85rem}.welcome-back-card{right:5px;top:120px;transform:rotate(7deg);display:flex;align-items:center;justify-content:space-between;padding:28px}.welcome-back-card img:first-child{width:44%}.welcome-back-card img:last-child{width:42%;background:#fff;padding:4px}.mini-profile-preview{position:absolute;right:28px;bottom:12px;z-index:5;width:250px;background:#fff;border:1px solid #ececf1;border-radius:28px;box-shadow:0 26px 48px rgba(19,28,59,.19);padding:16px 18px 18px;text-align:center}.mini-profile-top img{width:82px}.mini-avatar{display:grid;place-items:center;width:72px;height:72px;margin:10px auto;border-radius:50%;background:linear-gradient(145deg,#ece8fb,#f9f7ff);border:5px solid #fff;box-shadow:0 5px 16px rgba(52,30,125,.12);color:var(--purple);font-weight:800}.mini-profile-preview strong,.mini-profile-preview span{display:block}.mini-profile-preview strong{font-size:1.05rem}.mini-profile-preview>span{font-size:.75rem;color:var(--muted);margin-top:2px}.mini-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0}.mini-actions i{display:grid;place-items:center;height:35px;border-radius:11px;background:var(--purple-soft);color:var(--purple)}.mini-save{padding:10px;border-radius:10px;background:var(--purple);color:#fff;font-weight:700;font-size:.78rem}
.primary-btn,.secondary-btn,.text-btn,.mini-btn,.asset-action{border-radius:12px;font-weight:700;transition:.17s ease}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;background:linear-gradient(135deg,var(--purple),var(--purple-2));color:#fff;padding:14px 20px;box-shadow:0 9px 20px rgba(75,42,181,.18)}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(75,42,181,.22)}.primary-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 17px;background:#fff;color:var(--purple);border:1px solid #cfc6ee}.secondary-btn:hover{background:#faf8ff}.secondary-btn.compact{padding:9px 12px;font-size:.8rem}.text-btn{border:0;background:transparent;color:var(--purple);padding:10px 4px}.text-btn:hover{text-decoration:underline}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#f7f7fa;color:#505a70}.icon-btn:hover{background:#efedf7;color:var(--purple)}
.two-column-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}.content-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 7px 26px rgba(23,31,63,.035)}.form-panel{padding:27px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.field-stack{display:grid;gap:18px}.field{display:block;position:relative}.field-wide{grid-column:1/-1}.field>span{display:block;margin:0 0 7px;color:#182743;font-weight:700;font-size:.85rem}.field b{color:var(--red)}.field>small{display:block;color:var(--muted);font-size:.73rem;line-height:1.45;margin-top:6px}.optional-badge{margin-left:5px;color:#9b7834;font-style:italic;font-weight:500;font-size:.7rem;text-transform:lowercase}input,textarea,select{width:100%;border:1px solid #d4d9e3;border-radius:12px;background:#fff;padding:13px 14px;color:var(--ink);outline:none;transition:.17s ease}input::placeholder,textarea::placeholder{color:#9aa2b2}input:focus,textarea:focus,select:focus{border-color:#9d89df;box-shadow:0 0 0 4px rgba(75,42,181,.08)}textarea{resize:vertical;min-height:105px;line-height:1.5}.field-link{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--purple);padding:7px 2px 0;font-size:.73rem;font-weight:700}.field-link i{color:#20a75a}.soft-note{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding:13px 14px;border-radius:13px;background:#f7f5fc;color:#5b5370;font-size:.78rem;line-height:1.5}.soft-note i{color:var(--purple);margin-top:2px}
.live-preview-card{position:sticky;top:126px;border:1px solid #ebe7f5;border-radius:22px;background:linear-gradient(155deg,#fff,#fbfaff);padding:17px;box-shadow:var(--shadow-soft)}.preview-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:.75rem;font-weight:700;color:#5d6678}.preview-label>span{display:flex;align-items:center;gap:6px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#24ad61}.digital-preview{overflow:hidden;border-radius:19px;background:#fff;border:1px solid #e5e5ec;text-align:center;padding-bottom:18px}.digital-cover{height:72px;background:linear-gradient(135deg,#141929,#3a2d6e)}.digital-cover.has-image{background-size:cover;background-position:center}.digital-avatar{display:grid;place-items:center;width:76px;height:76px;margin:-38px auto 8px;border-radius:50%;background:#efebfb;border:5px solid #fff;color:var(--purple);font-weight:800;overflow:hidden}.digital-avatar img{width:100%;height:100%;object-fit:cover}.digital-preview h3{margin:3px 0;font-size:1.18rem}.digital-preview p{margin:0;color:var(--muted);font-size:.78rem}.digital-preview>strong{display:block;margin:3px 0 7px;color:var(--purple);font-size:.76rem}.digital-preview>span{display:block;color:#7c8495;font-size:.7rem}.digital-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 14px 13px}.digital-actions span{display:flex;flex-direction:column;gap:5px;align-items:center;font-size:.55rem;color:#687186}.digital-actions i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--purple-soft);color:var(--purple);font-size:.84rem}.preview-save-btn{border:0;border-radius:10px;background:var(--purple);color:#fff;padding:9px 24px;font-weight:700;font-size:.72rem}.live-preview-card>p{text-align:center;margin:12px 4px 0;color:var(--muted);font-size:.7rem}.preview-collapse{display:none}
.step-actions{display:flex;align-items:center;gap:12px;margin-top:28px}.step-actions .primary-btn{min-width:190px;margin-left:auto}.action-status{display:flex;align-items:center;gap:6px;color:#7d8492;font-size:.72rem;margin-left:auto}.action-status+.primary-btn{margin-left:0}.action-status i{color:var(--green)}
.look-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:24px;align-items:start}.look-assets{display:grid;gap:20px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-heading h3,.compact-section h3{margin:0;color:#16243d;font-size:1.05rem}.panel-heading p,.compact-section p{margin:4px 0 0;color:var(--muted);font-size:.77rem;line-height:1.45}.asset-list{display:grid}.asset-row{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #eff0f4}.asset-row:first-child{padding-top:0}.asset-row:last-child{border-bottom:0;padding-bottom:0}.asset-preview{display:grid;place-items:center;overflow:hidden;background:#f5f3fb;border:1px dashed #c9c0e6;color:#6b57aa}.asset-preview.circle{width:70px;height:70px;border-radius:50%}.asset-preview.square{width:70px;height:70px;border-radius:14px}.asset-preview.landscape{width:84px;height:58px;border-radius:12px}.asset-preview img{width:100%;height:100%;object-fit:cover}.asset-copy strong,.asset-copy small{display:block}.asset-copy strong{font-size:.85rem}.asset-copy small{margin-top:4px;color:var(--muted);font-size:.72rem;line-height:1.4}.asset-action{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #d2caeb;color:var(--purple);background:#fff;font-size:.76rem}.asset-action:hover{background:var(--purple-soft)}
.gallery-style-picker,.text-finish-picker{border:0;padding:0;margin:0;display:grid;gap:10px}.gallery-style-picker{grid-template-columns:repeat(3,1fr);margin-bottom:15px}.gallery-style-picker label{cursor:pointer;position:relative}.gallery-style-picker input,.text-finish-picker input{position:absolute;opacity:0;pointer-events:none}.gallery-style-picker label>span{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:12px;border:1px solid #dfe2e9;border-radius:13px;background:#fff;transition:.15s}.gallery-style-picker i{color:var(--purple);margin-bottom:7px}.gallery-style-picker strong{font-size:.77rem}.gallery-style-picker small{color:var(--muted);font-size:.65rem;margin-top:3px}.gallery-style-picker input:checked+span{border-color:var(--purple);background:var(--purple-soft);box-shadow:0 0 0 3px rgba(75,42,181,.06)}.gallery-style-picker.is-busy{opacity:.55;pointer-events:none}.thumb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.thumb-item,.add-photo-tile{border-radius:13px;overflow:hidden}.thumb-item{border:1px solid #e1e3e8;background:#fff}.gallery-image-wrap{position:relative;width:100%;background:#131313;overflow:hidden}.gallery-image-wrap img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.gallery-ratio-landscape .gallery-image-wrap,.gallery-ratio-landscape .add-photo-tile{aspect-ratio:4/3}.gallery-ratio-square .gallery-image-wrap,.gallery-ratio-square .add-photo-tile{aspect-ratio:1}.gallery-ratio-portrait .gallery-image-wrap,.gallery-ratio-portrait .add-photo-tile{aspect-ratio:3/4}.gallery-item-footer{display:flex;justify-content:flex-end;gap:5px;padding:6px}.gallery-edit-btn,.gallery-replace-btn{border:0;background:transparent;color:var(--purple);font-size:.62rem;font-weight:700;padding:4px}.gallery-remove-btn{width:25px;height:25px;border:0;border-radius:50%;background:#fff0ef;color:var(--red);font-weight:800}.add-photo-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed #bcb0df;background:#fbf9ff;color:var(--purple);text-align:center;padding:12px;cursor:pointer}.add-photo-tile strong{font-size:.75rem}.add-photo-tile small{font-size:.63rem;color:var(--muted)}.plus-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--purple-soft);color:var(--purple)}
.physical-panel{position:sticky;top:126px}.finish-tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f2f3f6;color:#525c70;font-size:.65rem;font-weight:700}.card-preview-wrap{text-align:center}.card-scene{perspective:1200px;width:100%;aspect-ratio:1.586/1;margin:4px auto 13px}.physical-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.physical-card.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:flex;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:15px;background:#030303;border:1px solid #191919;color:var(--gold);box-shadow:0 18px 30px rgba(0,0,0,.18)}.card-front{flex-direction:column;align-items:center;justify-content:center;padding:10%}.nfc-symbol{position:absolute;right:4.2%;top:5%;width:7.5%;height:auto}.printed-name{font-family:Italianno,cursive;font-size:clamp(3.5rem,7vw,5.5rem);line-height:.76;text-align:center}.printed-name.name-medium{font-size:clamp(3.1rem,6.3vw,4.8rem)}.printed-name.name-long{font-size:clamp(2.7rem,5.5vw,4.2rem)}.printed-name.name-xlong{font-size:clamp(2.35rem,4.7vw,3.6rem)}.printed-tagline{font-family:Philosopher,serif;margin-top:8%;font-size:clamp(.68rem,1.5vw,.92rem)}.card-back{transform:rotateY(180deg);align-items:center;justify-content:space-between;gap:8%;padding:8% 9%}.card-back-left-art{width:43%}.preview-qr{width:41%;background:#fff;padding:4px}.physical-card.finish-grey .card-front{color:#7F7E7E}.card-fields{margin-top:18px}.text-finish-picker{grid-template-columns:1fr 1fr;margin-top:17px}.text-finish-picker legend{grid-column:1/-1;font-weight:700;font-size:.84rem;margin-bottom:0}.finish-choice{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #dfe2e9;border-radius:12px;cursor:pointer}.finish-choice.is-selected{border-color:var(--purple);background:var(--purple-soft)}.finish-swatch{width:30px;height:24px;border-radius:7px;background:var(--gold);border:1px solid rgba(0,0,0,.08)}.finish-swatch.grey{background:#7F7E7E}.finish-choice strong,.finish-choice small{display:block}.finish-choice strong{font-size:.76rem}.finish-choice small{font-size:.62rem;color:var(--muted);margin-top:2px}.fixed-choice{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px;border:1px solid #e0e3e9;border-radius:13px}.black-swatch{width:44px;height:31px;border-radius:7px;background:#080808}.fixed-choice>div:nth-child(2){flex:1;text-align:left}.fixed-choice strong,.fixed-choice small{display:block}.fixed-choice strong{font-size:.75rem}.fixed-choice small{color:var(--muted);font-size:.62rem;margin-top:2px}.check-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e9f7ee;color:var(--green);font-size:.65rem}
.profile-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px;align-items:start}.profile-main{display:grid;gap:20px}.voice-card{padding:18px;border-radius:16px;background:linear-gradient(145deg,#fff,#faf8ff);border:1px solid #e6e0f5}.voice-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.voice-top strong,.voice-top small{display:block}.voice-top strong{font-size:.88rem}.voice-top small{margin-top:4px;color:var(--muted);font-size:.72rem}.voice-top>span{font-size:.76rem;color:#5f6681}.voice-controls{display:flex;align-items:center;gap:12px;margin-top:17px}.record-btn{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:50%;background:#fff;border:5px solid #ebe5fb;box-shadow:0 0 0 2px var(--purple);padding:0}.record-btn span{width:15px;height:15px;border-radius:50%;background:#d63b3b}.record-btn:disabled{opacity:.55}.voice-wave{height:34px;display:flex;align-items:center;gap:3px;flex:1}.voice-wave span{width:3px;border-radius:5px;background:#7a5ed0}.voice-wave span:nth-child(1){height:10px}.voice-wave span:nth-child(2){height:19px}.voice-wave span:nth-child(3){height:29px}.voice-wave span:nth-child(4){height:16px}.voice-wave span:nth-child(5){height:32px}.voice-wave span:nth-child(6){height:24px}.voice-wave span:nth-child(7){height:14px}.voice-wave span:nth-child(8){height:26px}.voice-wave span:nth-child(9){height:9px}.helper-note{color:var(--muted);font-size:.72rem;line-height:1.45}.nothing-perfect{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:13px;background:var(--gold-soft);color:#66512c}.nothing-perfect i{color:var(--gold)}.nothing-perfect strong,.nothing-perfect span{display:block}.nothing-perfect strong{font-size:.8rem}.nothing-perfect span{margin-top:4px;font-size:.7rem;line-height:1.45}.documents-panel{position:sticky;top:126px}.document-upload-tile{min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #b8addd;background:#fbfaff;border-radius:15px;cursor:pointer;padding:20px}.document-upload-tile strong{font-size:.82rem;margin-top:7px}.document-upload-tile small{font-size:.68rem;color:var(--muted);margin-top:4px}.simple-file-list{display:grid;gap:8px;margin-top:12px}.simple-file-row{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e6e7ec;border-radius:11px;background:#fff}.simple-file-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--purple-soft);color:var(--purple)}.simple-file-row>div:nth-child(2){min-width:0;flex:1}.simple-file-row strong,.simple-file-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-file-row strong{font-size:.72rem}.simple-file-row small{font-size:.63rem;color:var(--muted);margin-top:2px}.remove-btn{display:grid;place-items:center;width:29px;height:29px;border:0;border-radius:50%;background:#fff1ef;color:var(--red);flex:0 0 auto}
.connect-layout{display:grid;gap:20px}.socials-panel .panel-heading{align-items:center}.social-list{display:grid;gap:9px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px 15px;color:var(--muted)}.empty-state>i{font-size:1.7rem;color:#b5a8dc}.empty-state strong{margin-top:10px;color:#39425a;font-size:.85rem}.empty-state span{font-size:.73rem;max-width:360px;line-height:1.45;margin:4px 0 8px}.social-row{display:grid;grid-template-columns:42px minmax(0,180px) 1fr auto auto;align-items:center;gap:11px;padding:10px 11px;border:1px solid #e8e8ee;border-radius:13px;background:#fff}.social-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f7f6fb;font-size:1.15rem;color:var(--purple)}.social-info strong,.social-info small{display:block}.social-info strong{font-size:.78rem}.social-info small{font-size:.62rem;color:var(--muted)}.social-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5d6680;font-size:.73rem}.social-row .drag-handle{border:0;background:transparent;color:#a1a7b4}.compact-section{display:flex;align-items:center;justify-content:space-between;gap:16px}.repeat-list{display:grid;gap:8px;margin-top:12px}.repeat-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) auto;gap:8px;align-items:center}.repeat-row.video-row{grid-template-columns:1.1fr .8fr .8fr auto}.repeat-row input{padding:11px 12px;font-size:.78rem}.divider{height:1px;background:#eceef2;margin:22px 0}.included-card{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:17px;border-radius:13px;background:#f5fbf7;border:1px solid #dcefe3}.included-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e5f6eb;color:var(--green)}.included-card strong,.included-card small{display:block}.included-card strong{font-size:.82rem}.included-card small{font-size:.68rem;color:#617069;margin-top:3px}
.sheet-backdrop,.resume-dialog-backdrop{position:fixed;inset:0;z-index:80;background:rgba(8,12,27,.48);display:grid;place-items:center;padding:24px;backdrop-filter:blur(4px)}.sheet-backdrop[hidden],.resume-dialog-backdrop[hidden],.crop-modal[hidden]{display:none!important}.social-sheet{width:min(720px,100%);max-height:min(760px,92vh);overflow:auto;border-radius:24px;background:#fff;padding:23px;box-shadow:0 32px 80px rgba(0,0,0,.24)}.sheet-handle{display:none}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between}.sheet-header h2{margin:5px 0 0;font-size:1.6rem;color:var(--navy)}.search-field{display:flex;align-items:center;gap:9px;margin:18px 0;padding:0 13px;border:1px solid #dddfe7;border-radius:13px;background:#fafafa}.search-field i{color:#8d94a3}.search-field input{border:0;background:transparent;box-shadow:none!important;padding-left:0}.social-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.platform-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:84px;border:1px solid #e4e5eb;border-radius:14px;background:#fff;color:#2f3850;padding:10px 6px}.platform-btn:hover{border-color:#bdb1e4;background:#faf9ff}.platform-btn i{font-size:1.4rem;color:var(--purple)}.platform-btn span{font-size:.67rem;font-weight:700}.social-entry{margin-top:18px;padding-top:18px;border-top:1px solid #eceef2}.social-entry-platform{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0 0 12px;color:var(--navy)}.social-entry-platform>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--purple-soft);color:var(--purple);font-size:1.2rem}.social-entry .primary-btn{width:100%;margin-top:13px}
.review-heading{margin-bottom:22px}.review-hero{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;max-width:850px;margin:0 auto 22px}.review-digital{min-height:260px}.review-digital .digital-preview{max-width:290px;margin:0 auto;box-shadow:var(--shadow-soft)}.review-card-stage{padding:25px;border-radius:20px;background:linear-gradient(145deg,#fbf5ea,#fff)}.review-physical-card{aspect-ratio:1.586/1;border-radius:15px;background:#030303;color:var(--gold);box-shadow:0 18px 34px rgba(0,0,0,.17);display:flex;flex-direction:column;align-items:center;justify-content:center}.review-script{font-family:Italianno,cursive;font-size:clamp(3rem,6vw,5rem);line-height:.8;text-align:center}.review-physical-card small{margin-top:8%;font-family:Philosopher,serif}.readiness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:850px;margin:0 auto 22px}.readiness-item{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:12px;background:#fbfbfd;border:1px solid #ececf1;font-size:.73rem}.readiness-item i{color:var(--green)}.readiness-item.is-missing i{color:#b48a37}.readiness-item.is-missing{color:#73613a;background:#fffaf0}.review-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:930px;margin:0 auto}.review-section{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid #e7e7ed;border-radius:15px;background:#fff}.review-section-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:var(--purple-soft);color:var(--purple)}.review-section>div:nth-child(2){min-width:0;flex:1}.review-section strong,.review-section span{display:block}.review-section strong{font-size:.8rem}.review-section span{margin-top:4px;color:var(--muted);font-size:.7rem;line-height:1.45}.review-section button{border:0;background:transparent;color:var(--purple);font-weight:700;font-size:.7rem}.privacy-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:23px auto 0;color:#737d91;font-size:.7rem}.error-box{max-width:930px;margin:16px auto 0;padding:13px 14px;border-radius:12px;background:#fff1ef;border:1px solid #f0c6c2;color:#9d2e27;font-size:.8rem}.final-actions{max-width:930px;margin-left:auto;margin-right:auto}.final-actions .primary-btn{flex:1}
.crop-modal{position:fixed;inset:0;z-index:90;background:rgba(5,9,20,.7);display:grid;place-items:center;padding:22px}.crop-dialog{width:min(760px,100%);max-height:94vh;overflow:auto;border-radius:22px;background:#fff;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.crop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.crop-header strong,.crop-header small{display:block}.crop-header small{color:var(--muted);font-size:.72rem;margin-top:4px}.crop-stage{height:min(480px,55vh);margin:16px 0;background:#101014;border-radius:14px;overflow:hidden}.crop-stage img{max-width:100%;display:block}.crop-toolbar{display:flex;gap:8px;justify-content:center}.resume-dialog{position:relative;width:min(560px,100%);border-radius:22px;background:#fff;padding:28px;box-shadow:0 30px 75px rgba(0,0,0,.2);text-align:center}.dialog-close{position:absolute;right:14px;top:14px}.resume-dialog-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 12px;border-radius:50%;background:var(--purple-soft);color:var(--purple);font-size:1.45rem}.resume-dialog h2{margin:0 0 8px;color:var(--navy)}.resume-dialog p{margin:0 auto;color:var(--muted);line-height:1.55;font-size:.84rem;max-width:430px}.resume-link-box{display:flex;gap:8px;margin:18px 0}.resume-link-box input{font-size:.73rem;background:#fafafa}.resume-dialog>.primary-btn{width:100%}
.toast-message{position:fixed;left:50%;bottom:26px;z-index:120;transform:translateX(-50%);width:min(430px,calc(100% - 28px));padding:12px 15px;border-radius:12px;background:#202736;color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.22);font-size:.78rem;text-align:center}.toast-message.success{background:#126b3c}.toast-message.warning{background:#80591a}.toast-message[hidden]{display:none}
.success-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#f8f7fb,#f1f0f5)}.success-shell{width:min(760px,100%);background:#fff;border:1px solid #e9e8ee;border-radius:28px;padding:42px;box-shadow:var(--shadow);text-align:center}.success-shell .brand-logo{margin:0 auto 24px}.success-mark{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;margin:0 auto 18px;background:linear-gradient(145deg,var(--purple),var(--purple-2));color:#fff;font-size:2rem;box-shadow:0 14px 30px rgba(75,42,181,.2)}.success-shell h1{margin:0;color:var(--navy);font-size:clamp(2rem,5vw,3.3rem);letter-spacing:-.035em}.success-shell>.success-lead{margin:10px auto 25px;max-width:570px;color:var(--muted);line-height:1.65}.reference-box{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:var(--purple-soft);color:var(--purple);font-size:.76rem;font-weight:700}.next-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.next-step{padding:18px 14px;border:1px solid #e8e7ed;border-radius:15px;text-align:left}.next-step-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--purple-soft);color:var(--purple);font-weight:800;font-size:.72rem}.next-step strong,.next-step span{display:block}.next-step strong{margin-top:10px;font-size:.8rem}.next-step span{margin-top:4px;font-size:.68rem;color:var(--muted);line-height:1.45}.received-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:15px;border-radius:16px;background:#fbfaff;border:1px solid #ebe7f7}.received-strip div{font-size:.7rem}.received-strip i{display:block;color:var(--green);margin-bottom:5px}.success-note{margin:20px 0;padding:12px;border-radius:12px;background:#f7f5fc;color:#625a79;font-size:.73rem}.success-actions{display:flex;justify-content:center;gap:10px}.success-actions a{text-decoration:none}
@media(max-width:900px){
  .app-header{padding:14px 22px}.journey-wrap{padding-left:22px;padding-right:22px}main{padding:28px 22px 54px}.welcome-layout{grid-template-columns:1fr;gap:22px;min-height:auto}.welcome-copy{max-width:760px}.welcome-visual{height:470px;max-width:620px;width:100%;margin:0 auto}.two-column-layout,.look-layout,.profile-layout{grid-template-columns:1fr}.live-preview-card,.physical-panel,.documents-panel{position:static}.live-preview-card{max-width:440px;margin:0 auto}.review-sections{grid-template-columns:1fr}.promise-row{max-width:700px}.social-row{grid-template-columns:42px 150px 1fr auto auto}
}
@media(max-width:680px){
  body{background:#fff}.app-shell{box-shadow:none}.app-header{grid-template-columns:auto 1fr auto;padding:12px 16px}.brand-logo{width:110px}.header-status{justify-self:end}.safe-copy{display:none!important}.save-indicator{font-size:.68rem}.header-action{padding:8px}.header-action span{display:none}.journey-wrap{padding:11px 16px 0;border-bottom:1px solid #f0f0f3}.journey{display:flex;gap:5px;padding:0 0 11px}.journey::before{display:none}.journey li{flex:1}.journey li span{width:auto;height:4px;border:0;border-radius:8px;margin:0;background:#ececf1;color:transparent;font-size:0}.journey li small{display:none}.journey li.is-active span,.journey li.is-complete span{background:var(--purple);box-shadow:none}.journey-mobile{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#28344d;font-size:.72rem}.journey-mobile span{color:var(--muted)}
  main{padding:22px 16px 95px}.section-heading{margin-bottom:20px}.section-heading h2,.welcome-copy h1{font-size:2rem;line-height:1.08}.section-heading p,.welcome-copy .lead{font-size:.88rem;line-height:1.55}.welcome-layout{display:flex;flex-direction:column;padding:4px 0}.welcome-copy{order:1}.welcome-visual{order:0;height:275px}.welcome-physical-card,.welcome-back-card{width:220px;border-radius:12px}.welcome-physical-card{left:4%;top:26px}.welcome-back-card{right:3%;top:48px;padding:18px}.welcome-card-name{font-size:2.9rem}.welcome-card-title{font-size:.58rem;margin-top:13px}.mini-profile-preview{width:150px;right:4%;bottom:5px;border-radius:18px;padding:10px}.mini-profile-top img{width:58px}.mini-avatar{width:48px;height:48px;margin:5px auto;font-size:.7rem}.mini-profile-preview strong{font-size:.74rem}.mini-profile-preview>span{font-size:.56rem}.mini-actions{margin:9px 0;gap:4px}.mini-actions i{height:25px;border-radius:7px;font-size:.63rem}.mini-save{padding:7px;font-size:.55rem}.welcome-copy .eyebrow{display:none}.autosave-reassurance{margin:16px 0;padding:12px}.autosave-reassurance span{font-size:.75rem}.welcome-actions{display:grid;gap:8px;margin:15px 0}.welcome-actions .primary-btn{width:100%;min-width:0}.welcome-actions .text-btn{justify-self:center}.promise-row{grid-template-columns:1fr;gap:4px;margin-top:16px}.promise-row>div{padding:7px 0}.promise-row i{width:31px;height:31px;flex-basis:31px}.promise-row strong{font-size:.76rem}.promise-row small{font-size:.68rem}.resume-card{margin-top:15px}
  .content-panel{padding:18px;border-radius:17px;box-shadow:none}.form-panel{padding:18px}.field-grid{grid-template-columns:1fr;gap:15px}.field-wide{grid-column:auto}.two-column-layout{gap:16px}.live-preview-card{padding:13px}.preview-collapse{display:grid}.live-preview-card.is-collapsed .digital-preview,.live-preview-card.is-collapsed>p{display:none}.asset-row{grid-template-columns:64px minmax(0,1fr) auto;gap:10px}.asset-preview.circle,.asset-preview.square{width:56px;height:56px}.asset-preview.landscape{width:64px;height:46px}.asset-copy small{display:none}.asset-action{padding:8px 9px}.gallery-style-picker{grid-template-columns:repeat(3,1fr);gap:6px}.gallery-style-picker label>span{padding:9px 7px}.gallery-style-picker small{display:none}.thumb-grid{grid-template-columns:repeat(3,1fr);gap:7px}.gallery-item-footer{padding:3px}.gallery-replace-btn{display:none}.gallery-edit-btn{font-size:.58rem}.add-photo-tile{padding:7px}.add-photo-tile small{display:none}.physical-panel{padding:18px}.card-scene{max-width:440px}.printed-name{font-size:clamp(3.2rem,16vw,5rem)}.printed-name.name-medium{font-size:clamp(2.8rem,14vw,4.4rem)}.printed-name.name-long{font-size:clamp(2.45rem,12vw,3.8rem)}.printed-name.name-xlong{font-size:clamp(2rem,10vw,3.2rem)}.printed-tagline{font-size:clamp(.62rem,3.2vw,.86rem)}.profile-layout{gap:16px}.voice-controls{gap:8px}.voice-wave{gap:2px}.voice-controls .secondary-btn{padding:8px 10px;font-size:.7rem}.documents-panel{padding:18px}.connect-layout{gap:14px}.socials-panel .panel-heading{align-items:flex-start}.socials-panel .panel-heading .secondary-btn{white-space:nowrap}.social-row{grid-template-columns:38px minmax(0,1fr) auto auto;gap:8px}.social-url{grid-column:2/5;grid-row:2;padding-left:0}.social-icon{width:35px;height:35px}.social-info small{display:none}.compact-section{align-items:flex-start}.repeat-row,.repeat-row.video-row{grid-template-columns:1fr auto}.repeat-row input,.repeat-row.video-row input{grid-column:1}.repeat-row .remove-btn,.repeat-row.video-row .remove-btn{grid-column:2;grid-row:1}.repeat-row.video-row .remove-btn{grid-row:1}.booking-panel .field-grid{gap:13px}.review-hero{grid-template-columns:1fr;gap:14px}.review-digital{min-height:0}.review-card-stage{padding:18px}.readiness-grid{grid-template-columns:1fr 1fr}.review-sections{gap:8px}.review-section{padding:12px}.review-section-icon{width:34px;height:34px;flex-basis:34px}.privacy-note{margin-bottom:10px}
  .sticky-actions{position:fixed;left:0;right:0;bottom:0;z-index:55;margin:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #e9e9ee;backdrop-filter:blur(14px);box-shadow:0 -10px 25px rgba(21,29,55,.06)}.sticky-actions .secondary-btn{padding:12px 13px}.sticky-actions .primary-btn{min-width:0;flex:1;margin-left:0}.sticky-actions .text-btn{font-size:.72rem}.action-status{display:none}.final-actions .secondary-btn{flex:0 0 auto}.final-actions .primary-btn{font-size:.78rem}
  .sheet-backdrop{align-items:end;padding:0}.social-sheet{width:100%;max-height:87vh;border-radius:23px 23px 0 0;padding:13px 16px calc(20px + env(safe-area-inset-bottom))}.sheet-handle{display:block;width:42px;height:4px;border-radius:5px;background:#d7d8df;margin:0 auto 14px}.social-picker-grid{grid-template-columns:repeat(4,1fr);gap:7px}.platform-btn{min-height:76px;padding:8px 4px}.platform-btn i{font-size:1.25rem}.platform-btn span{font-size:.62rem}.crop-modal{padding:0;align-items:end}.crop-dialog{border-radius:22px 22px 0 0;max-height:93vh;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.crop-stage{height:52vh}.resume-dialog-backdrop{padding:16px}.resume-dialog{padding:24px 18px}.resume-link-box{display:grid}.success-page{padding:0;background:#fff;display:block}.success-shell{min-height:100vh;border:0;border-radius:0;box-shadow:none;padding:28px 17px 42px}.next-steps{grid-template-columns:1fr;gap:8px}.next-step{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:14px}.next-step-num{grid-row:1/3}.next-step strong{margin-top:0}.received-strip{grid-template-columns:1fr 1fr}.success-actions{display:grid}.success-actions a{width:100%}
}
@media(max-width:390px){
  .app-header{padding-left:12px;padding-right:12px}.brand-logo{width:98px}.save-indicator{font-size:.62rem}main{padding-left:13px;padding-right:13px}.section-heading h2,.welcome-copy h1{font-size:1.82rem}.welcome-visual{height:245px}.welcome-physical-card,.welcome-back-card{width:195px}.mini-profile-preview{width:132px}.welcome-card-name{font-size:2.55rem}.promise-row small{display:none}.asset-row{grid-template-columns:56px minmax(0,1fr) auto}.asset-preview.circle,.asset-preview.square{width:50px;height:50px}.asset-preview.landscape{width:56px;height:42px}.asset-copy strong{font-size:.75rem}.gallery-style-picker strong{font-size:.67rem}.thumb-grid{grid-template-columns:repeat(2,1fr)}.text-finish-picker{grid-template-columns:1fr}.readiness-grid{grid-template-columns:1fr}.sticky-actions{padding-left:12px;padding-right:12px;gap:7px}.sticky-actions .secondary-btn{font-size:.72rem;padding:11px}.sticky-actions .primary-btn{font-size:.76rem;padding:12px 10px}.sticky-actions .text-btn{font-size:.66rem}.social-picker-grid{grid-template-columns:repeat(3,1fr)}
}

/* =========================================================
   Tujuane Onboarding V2.1 — quiet premium correction pass
   ========================================================= */
:root{
  --purple:#4427a9;
  --purple-2:#4427a9;
  --purple-soft:#f7f6fb;
  --purple-line:#e6e2f0;
  --navy:#111827;
  --ink:#182033;
  --muted:#697386;
  --line:#e5e7eb;
  --soft:#f7f8fa;
  --shadow:none;
  --shadow-soft:none;
  --radius:13px;
  --radius-sm:10px;
}
html{background:#f4f5f7}
body{background:#f4f5f7;color:var(--ink)}
.app-shell{width:min(1200px,100%);box-shadow:none;border-left:1px solid #eceef1;border-right:1px solid #eceef1}
.app-header{padding:13px 30px;gap:18px;background:rgba(255,255,255,.98);backdrop-filter:blur(8px);border-bottom:1px solid #eceef1}
.brand-logo{width:124px}
.header-status{gap:15px;font-size:.76rem;color:#687184}
.safe-copy i{color:#5b43b7}
.header-action{font-size:.78rem;font-weight:650;color:#3f2aa0;border-radius:8px;padding:7px 9px}
.header-action:hover{background:#f7f6fb}
.journey-wrap{padding:18px 30px 0}
.journey::before{background:#e8eaf0;height:1px}
.journey li span{width:30px;height:30px;margin-bottom:6px;font-size:.72rem}
.journey li small{font-size:.72rem;font-weight:600}
.journey li.is-active span{box-shadow:none;background:#4427a9}
.journey li.is-complete span{background:#fff;border-color:#9c8cd1}
main{padding:30px 34px 54px}
.eyebrow{font-size:.7rem;letter-spacing:.06em;color:#4f36aa}
.section-heading{margin-bottom:22px;max-width:720px}
.section-heading h2,.welcome-copy h1{font-size:clamp(2rem,3.5vw,2.7rem);line-height:1.08;letter-spacing:-.027em;margin:7px 0 8px}
.section-heading p,.welcome-copy .lead{font-size:.93rem;line-height:1.55}
.welcome-layout{grid-template-columns:minmax(0,1fr) minmax(370px,.88fr);gap:48px;min-height:560px;padding:8px 10px 20px}
.welcome-copy{max-width:570px}
.welcome-copy h1{font-size:clamp(2.45rem,4.3vw,3.55rem);margin-top:9px}
.welcome-copy .lead{font-size:.96rem;max-width:560px}
.autosave-reassurance{display:inline-flex;max-width:100%;gap:9px;align-items:center;padding:0;margin:17px 0 18px;border:0;border-radius:0;background:transparent;color:#556073}
.autosave-reassurance i{margin:0;color:#4f36aa;font-size:.8rem}
.autosave-reassurance strong{font-size:.78rem;color:#334155}
.autosave-reassurance span{margin-top:2px;font-size:.72rem;color:#7a8495}
.resume-card{padding:14px;border:1px solid #e4e6eb;border-radius:12px;box-shadow:none;margin:0 0 12px}
.resume-main{margin-bottom:10px}
.resume-avatar{width:38px;height:38px;background:#f4f2fa;color:#4934a3;font-size:.78rem}
.resume-main small{font-size:.66rem}.resume-main strong{font-size:.87rem}.resume-main span{font-size:.69rem}
.resume-card .primary-btn{width:auto;min-width:205px;margin-left:50px}
.welcome-actions{margin:12px 0 15px;gap:12px}
.welcome-actions .primary-btn{min-width:0}
.promise-row{margin-top:18px;gap:18px}
.promise-row i{width:28px;height:28px;flex-basis:28px;border-radius:8px;background:#f4f2fa}
.promise-row strong{font-size:.73rem}.promise-row small{font-size:.67rem}
.welcome-visual{height:500px}
.welcome-physical-card,.welcome-back-card{width:330px;border-radius:14px;box-shadow:0 18px 36px rgba(0,0,0,.16)}
.mini-profile-preview{width:220px;border-radius:20px;box-shadow:0 16px 36px rgba(17,24,39,.12);padding:14px}
.mini-avatar{background:#f4f2fa;box-shadow:none}
.mini-actions i{background:#f5f4f8;color:#4934a3;border-radius:8px}
.mini-save{background:#4427a9;border-radius:8px;padding:9px;box-shadow:none}
.primary-btn,.secondary-btn,.text-btn,.mini-btn,.asset-action{border-radius:8px;font-weight:650;transition:background-color .15s,border-color .15s,color .15s,opacity .15s}
.primary-btn{background:#4427a9;border-color:#4427a9;padding:11px 16px;box-shadow:none;font-size:.82rem}
.primary-btn:hover{background:#38218c;border-color:#38218c;transform:none;box-shadow:none}
.secondary-btn{padding:10px 14px;background:#fff;color:#253047;border-color:#d9dde5;font-size:.8rem}
.secondary-btn:hover{background:#f8f9fb;border-color:#cbd0da}
.secondary-btn.compact{padding:7px 10px;font-size:.73rem}
.text-btn{color:#4533a0;padding:8px 2px;font-size:.78rem;font-weight:600}
.icon-btn{width:34px;height:34px;border-radius:8px;background:#f7f8fa;color:#596274}
.icon-btn:hover{background:#eef0f4;color:#3f2aa0}
.content-panel{border-radius:12px;padding:20px;box-shadow:none;border-color:#e4e6eb}
.form-panel{padding:21px}
.field-grid{gap:16px 14px}
.field>span{font-size:.78rem;margin-bottom:6px}
.field>small{font-size:.68rem}
.optional-badge{font-size:.64rem;color:#8b6e37}
input,textarea,select{border-radius:8px;padding:11px 12px;border-color:#d8dde5;font-size:.86rem}
input:focus,textarea:focus,select:focus{border-color:#8776c4;box-shadow:0 0 0 3px rgba(68,39,169,.07)}
textarea{min-height:94px}
.soft-note{padding:10px 12px;margin-top:17px;border-radius:9px;background:#f8f8fa;font-size:.72rem;color:#667085}
.live-preview-card{top:108px;border-radius:12px;background:#fff;padding:14px;box-shadow:none;border-color:#e4e6eb}
.digital-preview{border-radius:12px}
.digital-cover{background:#252a34}
.digital-avatar{background:#f1eff8;color:#4934a3;box-shadow:none}
.digital-preview>strong{color:#4934a3}
.digital-actions i{border-radius:8px;background:#f5f5f7;color:#4934a3}
.preview-save-btn{background:#4427a9;border-radius:8px;padding:8px 18px}
.step-actions{justify-content:flex-end;gap:9px;margin-top:22px}
.step-actions .primary-btn{min-width:132px;margin-left:0}
.step-actions .secondary-btn{margin-right:auto}
.action-status{margin-left:0;margin-right:3px}
.look-layout{gap:20px}
.look-assets{gap:16px}
.panel-heading{margin-bottom:14px}
.panel-heading h3,.compact-section h3{font-size:.94rem}
.panel-heading p,.compact-section p{font-size:.71rem}
.asset-row{padding:11px 0}
.asset-preview{background:#f7f7f9;border-color:#cfd3db;color:#6b7280}
.asset-preview.circle,.asset-preview.square{width:62px;height:62px}
.asset-preview.landscape{width:76px;height:52px}
.asset-copy strong{font-size:.78rem}.asset-copy small{font-size:.67rem}
.asset-action{padding:8px 10px;border-color:#d6dae2;color:#35257f;background:#fff;font-size:.7rem}
.asset-action:hover{background:#f8f8fa}
.gallery-style-picker{gap:7px;margin-bottom:12px}
.gallery-style-picker label>span{padding:9px;border-radius:9px}
.gallery-style-picker i{color:#5a48a3;margin-bottom:5px}
.gallery-style-picker strong{font-size:.7rem}.gallery-style-picker small{font-size:.6rem}
.gallery-style-picker input:checked+span{border-color:#6f5db5;background:#fff;box-shadow:inset 0 0 0 1px #6f5db5}
.thumb-grid{gap:8px}
.thumb-item,.add-photo-tile{border-radius:9px}
.add-photo-tile{background:#fff;color:#4533a0;border-color:#c8c0df}
.plus-mark{background:#f4f2fa;color:#4934a3}
.physical-panel{top:108px}
.finish-tag{border-radius:7px;padding:5px 8px}
.card-face{border-radius:12px;box-shadow:0 12px 24px rgba(0,0,0,.14)}
.card-fields{margin-top:15px}
.text-finish-picker{gap:8px;margin-top:14px}
.text-finish-picker legend{font-size:.77rem}
.finish-choice{gap:8px;padding:9px;border-radius:9px}
.finish-choice.is-selected{border-color:#6b58b2;background:#fff;box-shadow:inset 0 0 0 1px #6b58b2}
.finish-swatch{width:27px;height:22px;border-radius:6px}
.finish-choice strong{font-size:.72rem}.finish-choice small{font-size:.6rem}
.fixed-choice{padding:9px;border-radius:9px}
.black-swatch{width:38px;height:28px;border-radius:6px}
.voice-card,.nothing-perfect,.included-card{box-shadow:none}
.sheet-backdrop,.resume-dialog-backdrop,.confirm-dialog-backdrop{background:rgba(17,24,39,.42);backdrop-filter:blur(2px)}
.social-sheet{border-radius:14px;padding:20px;box-shadow:0 18px 55px rgba(17,24,39,.15)}
.sheet-header h2{font-size:1.35rem}
.search-field{border-radius:9px;background:#fff}
.platform-btn{min-height:72px;border-radius:9px}
.platform-btn:hover{background:#f8f8fa;border-color:#cfd3dc}
.platform-btn i{color:#4934a3}
.social-entry{ text-align:left }
.social-entry .primary-btn{width:auto;margin:12px 0 0 auto;display:flex}
.review-heading{margin-bottom:18px}
.review-hero{gap:18px;margin-bottom:18px}
.review-digital .digital-preview{box-shadow:none}
.review-card-stage{padding:18px;border:1px solid #ece8df;border-radius:12px;background:#fcfaf6}
.review-physical-card{border-radius:12px;box-shadow:0 12px 24px rgba(0,0,0,.13)}
.readiness-grid{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}
.readiness-item{width:auto;padding:7px 9px;border-radius:8px;background:#fff;font-size:.67rem}
.readiness-item.is-missing{background:#fffdf7}
.review-sections{display:block;max-width:860px;border-top:1px solid #e5e7eb}
.review-section{display:flex;align-items:center;gap:11px;padding:13px 2px;border:0;border-bottom:1px solid #e5e7eb;border-radius:0;background:transparent}
.review-section-icon{width:30px;height:30px;flex-basis:30px;border-radius:8px;background:#f5f4f8;color:#4934a3}
.review-section strong{font-size:.77rem}.review-section span{font-size:.67rem;margin-top:2px}
.review-section button{font-size:.68rem;margin-left:auto;color:#44319d}
.final-actions{max-width:860px}
.final-actions .primary-btn{flex:0 0 auto;min-width:220px}
.privacy-note{margin-top:18px}
.crop-modal{background:rgba(17,24,39,.55)}
.crop-dialog{border-radius:14px;padding:17px;box-shadow:0 18px 55px rgba(0,0,0,.18);overflow:hidden}
.crop-stage{width:100%;max-width:100%;border-radius:10px;overflow:hidden}
.crop-stage .cropper-container{max-width:100%!important;max-height:100%!important}
.crop-toolbar{gap:6px}
.resume-dialog,.confirm-dialog{border-radius:14px;box-shadow:0 18px 55px rgba(17,24,39,.15)}
.resume-dialog{padding:24px}
.resume-dialog-icon{background:#f5f4f8;color:#4934a3}
.resume-dialog>.primary-btn{width:auto;margin:0 auto}
.confirm-dialog-backdrop{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:20px}
.confirm-dialog-backdrop[hidden]{display:none!important}
.confirm-dialog{position:relative;width:min(440px,100%);background:#fff;padding:24px;text-align:left}
.confirm-dialog-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#f5f4f8;color:#4934a3;margin-bottom:14px}
.confirm-dialog h2{margin:0 0 7px;color:#172033;font-size:1.16rem}
.confirm-dialog p{margin:0;color:#687184;font-size:.8rem;line-height:1.5}
.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.danger-confirm{background:#30216f;border-color:#30216f}
.toast-message{border-radius:9px;box-shadow:0 10px 30px rgba(17,24,39,.14);font-size:.73rem}
.toast-message.success,.toast-message.warning{background:#252b36}

@media(max-width:900px){
  .welcome-layout{gap:18px;min-height:auto}
  .welcome-visual{height:420px}
}

@media(max-width:680px){
  body{background:#fff}
  .app-shell{border:0}
  .app-header{padding:10px 14px}
  .brand-logo{width:98px}
  .save-indicator{font-size:.64rem}
  .journey-wrap{padding:9px 14px 0}
  .journey-mobile{font-size:.68rem;margin-bottom:7px}
  main{padding:18px 14px 82px}
  .section-heading{margin-bottom:16px}
  .section-heading h2,.welcome-copy h1{font-size:1.78rem;line-height:1.1;margin-top:5px}
  .section-heading p,.welcome-copy .lead{font-size:.82rem;line-height:1.48}
  .welcome-layout{display:flex;flex-direction:column;gap:13px;padding:0}
  .welcome-copy{order:0}
  .welcome-visual{order:1;height:235px;margin-top:4px}
  .welcome-copy .eyebrow{display:none}
  .welcome-copy h1{font-size:1.92rem;max-width:330px}
  .welcome-copy .lead{max-width:360px}
  .autosave-reassurance{margin:11px 0 12px}
  .autosave-reassurance span{display:none}
  .resume-card{margin:5px 0 8px;padding:12px}
  .resume-card .primary-btn{width:auto;min-width:0;margin-left:48px;padding:10px 13px}
  .welcome-actions{display:flex;align-items:center;gap:11px;margin:7px 0 4px}
  .welcome-actions .primary-btn{width:auto;min-width:0;padding:11px 15px}
  .welcome-actions .text-btn{justify-self:auto}
  .promise-row{display:none}
  .welcome-physical-card,.welcome-back-card{width:190px;border-radius:10px;box-shadow:0 12px 24px rgba(0,0,0,.14)}
  .welcome-physical-card{left:4%;top:15px}.welcome-back-card{right:4%;top:33px;padding:15px}
  .welcome-card-name{font-size:2.45rem}.welcome-card-title{font-size:.55rem;margin-top:11px}
  .mini-profile-preview{width:126px;right:5%;bottom:1px;border-radius:14px;padding:8px;box-shadow:0 10px 24px rgba(17,24,39,.12)}
  .mini-profile-top img{width:48px}.mini-avatar{width:40px;height:40px;margin:4px auto;font-size:.62rem}
  .mini-profile-preview strong{font-size:.66rem}.mini-profile-preview>span{font-size:.52rem}
  .mini-actions{margin:7px 0;gap:3px}.mini-actions i{height:22px;font-size:.56rem}.mini-save{padding:6px;font-size:.5rem}
  .content-panel,.form-panel,.physical-panel,.documents-panel{padding:15px;border-radius:10px}
  .field-grid{gap:13px}.field>span{font-size:.74rem}input,textarea,select{font-size:.83rem;padding:10px 11px}
  .soft-note{padding:9px 10px;margin-top:14px}
  .asset-row{grid-template-columns:56px minmax(0,1fr) auto;padding:10px 0}
  .asset-preview.circle,.asset-preview.square{width:50px;height:50px}.asset-preview.landscape{width:56px;height:42px}
  .gallery-style-picker label>span{padding:8px 6px}
  .physical-panel{padding:15px}.card-scene{max-width:360px;margin-bottom:10px}
  .text-finish-picker{grid-template-columns:1fr 1fr}
  .step-actions.sticky-actions{position:fixed;left:0;right:0;bottom:0;z-index:55;justify-content:flex-end;gap:7px;margin:0;padding:8px 13px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e8eaf0;backdrop-filter:none;box-shadow:none}
  .sticky-actions .secondary-btn{margin-right:auto;padding:9px 11px;font-size:.7rem}
  .sticky-actions .primary-btn{flex:0 0 auto;min-width:112px;width:auto;margin-left:0;padding:10px 13px;font-size:.72rem}
  .sticky-actions .text-btn{font-size:.67rem;padding:8px 3px}
  .final-actions .primary-btn{min-width:190px}
  .readiness-grid{display:flex;gap:6px}.readiness-item{font-size:.63rem;padding:6px 8px}
  .review-sections{border-top:1px solid #e5e7eb}.review-section{padding:11px 0}
  .review-card-stage{padding:13px}
  .sheet-backdrop{align-items:end;padding:0}
  .social-sheet{border-radius:15px 15px 0 0;padding:12px 14px calc(16px + env(safe-area-inset-bottom));max-height:86dvh}
  .social-picker-grid{grid-template-columns:repeat(4,1fr);gap:6px}
  .platform-btn{min-height:66px;padding:7px 3px}
  .social-entry .primary-btn{width:auto}
  .crop-modal{padding:0;align-items:stretch;background:#fff}
  .crop-dialog{width:100%;height:100dvh;max-height:none;border-radius:0;padding:12px 14px calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden;box-shadow:none}
  .crop-header{align-items:center}
  .crop-stage{height:min(calc((100vw - 28px) / var(--crop-aspect,1)),calc(100dvh - 205px));width:min(calc(100vw - 28px),calc((100dvh - 205px) * var(--crop-aspect,1)));max-width:calc(100vw - 28px);max-height:calc(100dvh - 205px);min-height:0;margin:10px auto;background:#111217;border-radius:9px;overflow:hidden}
  .crop-stage .cropper-container{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}
  .crop-toolbar{justify-content:flex-start;overflow-x:auto;padding:0 0 3px;scrollbar-width:none}.crop-toolbar::-webkit-scrollbar{display:none}
  .crop-dialog>.step-actions{margin-top:7px;justify-content:flex-end}.crop-dialog>.step-actions .secondary-btn{margin-right:auto}.crop-dialog>.step-actions .primary-btn{min-width:128px}
  .confirm-dialog-backdrop{align-items:end;padding:0}
  .confirm-dialog{width:100%;border-radius:15px 15px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom))}
  .confirm-dialog-actions{justify-content:flex-end}
  .resume-dialog-backdrop{padding:12px}.resume-dialog{border-radius:12px;padding:21px 16px}.resume-dialog>.primary-btn{width:auto}
  .success-actions{display:flex;flex-wrap:wrap;justify-content:center}.success-actions a{width:auto}
}

@media(max-width:390px){
  main{padding-left:12px;padding-right:12px}
  .section-heading h2,.welcome-copy h1{font-size:1.68rem}
  .welcome-copy h1{font-size:1.82rem}
  .welcome-visual{height:215px}
  .welcome-physical-card,.welcome-back-card{width:174px}
  .mini-profile-preview{width:116px}
  .resume-card .primary-btn{margin-left:0;margin-top:2px}
  .welcome-actions{flex-wrap:wrap}
  .text-finish-picker{grid-template-columns:1fr 1fr}
  .sticky-actions{gap:5px!important;padding-left:10px!important;padding-right:10px!important}
  .sticky-actions .secondary-btn{padding:9px 9px;font-size:.67rem}
  .sticky-actions .primary-btn{min-width:104px;padding:10px 11px;font-size:.69rem}
  .sticky-actions .text-btn{font-size:.63rem}
  .final-actions .primary-btn{min-width:176px}
  .social-picker-grid{grid-template-columns:repeat(3,1fr)}
}

/* =========================================================
   Tujuane Onboarding V2.2 — interaction + mobile discipline
   ========================================================= */
[hidden]{display:none!important}
html,body{max-width:100%;overflow-x:clip}
body{background:#f5f6f8}
.app-shell,main,form,.form-step,.two-column-layout,.look-layout,.look-assets,.physical-panel,.content-panel,.connect-layout,.step-actions,fieldset{min-width:0;max-width:100%}

/* Quieter brand use: purple is an accent, not the whole interface. */
.secondary-btn{color:#263247;border-color:#d7dbe3;background:#fff}
.secondary-btn:hover{color:#182033;background:#f7f8fa;border-color:#c8ced8}
.text-btn{color:#3f4655}
.text-btn:hover{color:#2f2181}
.primary-btn{background:#4026a5;border-color:#4026a5;box-shadow:none}
.primary-btn:hover{background:#35208b;box-shadow:none}
.social-icon,.review-section-icon{color:#4b5563;background:#f5f6f8}
.platform-btn i{color:#374151}
.asset-action{color:#354052;border-color:#d5d9e1}
.asset-action:hover{background:#f7f8fa}

/* Welcome: one clear primary action when a draft exists. */
.autosave-reassurance{background:transparent;border:0;padding:2px 0;margin:14px 0;color:#596275;border-radius:0}
.autosave-reassurance i{color:#5b43b7}
.autosave-reassurance span{color:#7a8291}
.resume-card{max-width:500px;border-color:#e1e4ea;border-radius:11px;padding:14px;box-shadow:none;margin-bottom:9px}
.resume-card .primary-btn{width:auto;margin-left:58px;padding:10px 14px}
.resume-avatar{background:#f3f2f7;color:#45339a}
.welcome-actions{margin:5px 0 14px}
.welcome-actions .primary-btn{min-width:0}
.welcome-visual{height:430px}
.welcome-physical-card,.welcome-back-card{width:345px}
/* The early fake digital profile preview is intentionally removed. */

/* About You is now a focused form, not form + pseudo-final preview. */
.two-column-layout{display:block;max-width:820px}
.form-panel{max-width:820px}

/* Connect page: flatter settings-style sections, less nested-card feeling. */
.connect-layout{gap:0;max-width:920px}
.connect-layout>.content-panel{border:0;border-bottom:1px solid #e5e7eb;border-radius:0;padding:20px 0;background:transparent;box-shadow:none}
.connect-layout>.content-panel:first-child{padding-top:4px}
.social-row{border:0;border-bottom:1px solid #eceef2;border-radius:0;padding:10px 2px;background:transparent}
.social-row:last-child{border-bottom:0}
.inline-add-btn{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#384152;font-weight:650;font-size:.76rem;padding:9px 2px;margin-top:7px}
.inline-add-btn:hover{color:#35208b}
.inline-add-btn i{font-size:.7rem}
.empty-state{padding:20px 10px}
.empty-state>i{color:#a8adb8}

/* Review: keep the useful end preview while clearly treating it as a working preview. */
.review-heading{max-width:820px}
.readiness-item i{color:#1f9d55}
.readiness-item.is-missing i{color:#a87925}

/* Mobile overflow safety: every major component must fit the viewport naturally. */
@media(max-width:680px){
  html,body{width:100%;overflow-x:clip}
  .app-shell{width:100%;max-width:100%;overflow-x:clip}
  main{width:100%;max-width:100%;padding:16px 14px 78px;overflow-x:clip}
  .form-step,.look-layout,.look-assets,.physical-panel,.content-panel,.field-grid,.connect-layout,.review-hero{width:100%;max-width:100%;min-width:0}

  /* Connected node journey: all six stages remain visibly connected. */
  .journey-wrap{padding:9px 14px 10px}
  .journey-mobile{display:flex;margin-bottom:8px}
  .journey{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:0 4px;position:relative;overflow:visible}
  .journey::before{display:block;content:"";position:absolute;left:8.5%;right:8.5%;top:14px;height:1.5px;background:#dfe2e8;z-index:0}
  .journey li{display:flex;justify-content:center;position:relative;z-index:1;min-width:0}
  .journey li span{display:grid;place-items:center;width:28px;height:28px;margin:0;border-radius:50%;border:1px solid #d8dce4;background:#fff;color:#8b93a1;font-size:.66rem;line-height:1;box-shadow:0 0 0 4px #fff}
  .journey li small{display:none}
  .journey li.is-complete span{background:#fff;border-color:#9c90c9;color:#5b43a4}
  .journey li.is-active span{background:#3f28a2;border-color:#3f28a2;color:#fff;box-shadow:0 0 0 4px #fff}

  /* Welcome must reveal the correct action immediately. */
  .welcome-layout{gap:10px;padding:0}
  .welcome-copy{order:0}
  .welcome-visual{order:1;height:190px;margin-top:4px;overflow:visible}
  .welcome-copy h1{font-size:1.75rem;max-width:100%;margin-bottom:6px}
  .welcome-copy .lead{font-size:.8rem;line-height:1.45}
  .autosave-reassurance{margin:10px 0 8px;font-size:.72rem}
  .autosave-reassurance span{display:none}
  .resume-card{margin:5px 0 4px;padding:11px;max-width:100%}
  .resume-main{margin-bottom:9px}
  .resume-avatar{width:38px;height:38px;font-size:.72rem}
  .resume-card .primary-btn{margin-left:50px;padding:9px 12px;font-size:.72rem}
  .welcome-actions{margin:1px 0 5px;display:block}
  .welcome-actions .primary-btn{width:auto;padding:10px 13px}
  .welcome-actions .text-btn{padding:8px 0;font-size:.72rem}
  .welcome-physical-card,.welcome-back-card{width:min(210px,61vw)}
  .welcome-physical-card{left:5%;top:12px}.welcome-back-card{right:5%;top:29px;padding:15px}
  .welcome-card-name{font-size:2.55rem}.welcome-card-title{font-size:.52rem;margin-top:10px}

  /* Keep card preview and finish controls inside the phone width. */
  .physical-panel{position:static!important;overflow:hidden}
  .card-preview-wrap,.card-scene,.physical-card,.card-face{max-width:100%;min-width:0}
  .card-scene{width:100%;margin-left:auto;margin-right:auto}
  .card-fields,.text-finish-picker,.fixed-choice{max-width:100%;min-width:0}
  .text-finish-picker{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}
  .finish-choice{min-width:0}
  .finish-choice span:last-child{min-width:0}
  .finish-choice small{white-space:normal}

  /* Fixed bottom actions never become wider than the viewport. */
  .step-actions.sticky-actions{left:0!important;right:0!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important;overflow:hidden;display:flex;align-items:center;padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px}
  .sticky-actions .secondary-btn{flex:0 0 auto;margin-right:auto}
  .sticky-actions .text-btn{flex:0 1 auto;min-width:0}
  .sticky-actions .primary-btn{flex:0 0 auto;min-width:108px;max-width:55vw;width:auto;margin-left:0;white-space:nowrap}
  .final-actions .primary-btn{max-width:68vw;min-width:0}

  /* Crop editor owns the mobile viewport and centres the ratio-aware crop area. */
  .crop-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:100vw!important;overflow:hidden!important;padding:0!important;background:#fff!important;display:grid!important;place-items:stretch!important}
  .crop-modal[hidden]{display:none!important}
  .crop-dialog{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;overflow:hidden!important;box-shadow:none!important}
  .crop-header{min-width:0}
  .crop-stage{align-self:center;justify-self:center;width:min(calc(100vw - 28px),520px)!important;height:min(calc((100vw - 28px) / var(--crop-aspect,1)),calc(100dvh - 190px))!important;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 190px)!important;margin:8px auto!important;overflow:hidden!important;border-radius:8px!important;background:#111!important}
  .crop-stage>img,.crop-stage .cropper-container,.crop-stage .cropper-wrap-box,.crop-stage .cropper-canvas,.crop-stage .cropper-drag-box{max-width:100%!important}
  .crop-stage .cropper-container{width:100%!important;height:100%!important;overflow:hidden!important}
  .crop-toolbar{display:flex;justify-content:center;overflow:visible!important;flex-wrap:wrap;padding:0!important}
  .crop-toolbar .secondary-btn{padding:8px 10px;font-size:.68rem}
  .crop-dialog>.step-actions{margin-top:6px;display:flex;justify-content:flex-end;gap:8px}
  .crop-dialog>.step-actions .secondary-btn{margin-right:auto}
  .crop-dialog>.step-actions .primary-btn{min-width:118px;width:auto}

  /* Connect is especially flat and easy to continue extending from the bottom. */
  .connect-layout>.content-panel{padding:16px 0}
  .socials-panel .panel-heading,.compact-section{align-items:flex-start;gap:10px}
  .social-row{grid-template-columns:36px minmax(0,1fr) auto auto;gap:7px;padding:10px 0}
  .social-url{grid-column:2/5}
  .inline-add-btn{margin-top:8px}
}

@media(max-width:390px){
  main{padding-left:12px;padding-right:12px}
  .journey-wrap{padding-left:12px;padding-right:12px}
  .journey li span{width:26px;height:26px;font-size:.62rem}
  .journey::before{top:13px}
  .welcome-copy h1{font-size:1.63rem}
  .welcome-visual{height:178px}
  .resume-card .primary-btn{margin-left:0}
  .sticky-actions .primary-btn{min-width:102px;max-width:52vw}
  .final-actions .primary-btn{max-width:72vw}
}
@media(max-width:680px){
  .crop-stage{aspect-ratio:var(--crop-aspect,1)!important;width:min(calc(100vw - 28px),calc((100dvh - 190px) * var(--crop-aspect,1)),520px)!important;height:auto!important;max-height:calc(100dvh - 190px)!important}
}

/* =========================================================
   Tujuane Onboarding V2.3 — Step 3 dock + truthful review
   ========================================================= */
.review-identity-preview{
  width:min(100%,360px);
  margin:0 auto;
  overflow:hidden;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
  box-shadow:none;
  text-align:left;
}
.review-identity-cover{
  height:118px;
  background:#29303b;
  background-size:cover;
  background-position:center;
}
.review-identity-cover.has-image{background-color:#eef0f3}
.review-identity-avatar{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:84px;
  height:84px;
  margin:-42px 0 0 22px;
  overflow:hidden;
  border:4px solid #fff;
  border-radius:50%;
  background:#f2f1f6;
  color:#46369a;
  font-weight:800;
}
.review-identity-avatar img{width:100%;height:100%;object-fit:cover}
.review-identity-body{padding:8px 22px 20px}
.review-identity-body h3{margin:0 0 3px;font-size:1.08rem;line-height:1.25;color:#121b2d}
.review-identity-title{margin:0;color:#5f6878;font-size:.78rem;line-height:1.4}
.review-identity-company,.review-identity-location{display:block;margin-top:3px;color:#667085;font-size:.7rem;line-height:1.35}
.review-identity-location i{margin-right:4px;color:#7e8797}
.review-identity-actions{display:flex;gap:8px;margin-top:14px}
.review-identity-actions span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border:1px solid #d8dde5;
  border-radius:9px;
  color:#182234;
  background:#fff;
  font-size:.68rem;
  font-weight:750;
}
.review-identity-actions span:last-child{background:#f5f6f8}
.review-identity-about{
  display:-webkit-box;
  margin:13px 0 0;
  overflow:hidden;
  color:#333d4e;
  font-size:.72rem;
  line-height:1.5;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.review-identity-socials{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.review-identity-socials span{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid #e2e5ea;
  border-radius:50%;
  background:#fff;
  color:#374151;
  font-size:.73rem;
}

@media(max-width:680px){
  /* Fixed descendants must not inherit the old slide transform on mobile. */
  .form-step.is-active{animation:none!important;transform:none!important}

  /* Step 3 uses the exact same viewport dock as the other mobile steps. */
  .form-step[data-step="3"]>.look-sticky-actions{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:80!important;
    width:100%!important;
    max-width:100vw!important;
    margin:0!important;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
    border-top:1px solid #e8eaf0!important;
    box-shadow:0 -6px 18px rgba(18,27,57,.045)!important;
    overflow:hidden!important;
  }
  .form-step[data-step="3"]>.look-sticky-actions .secondary-btn{margin-right:auto!important}
  .form-step[data-step="3"]>.look-sticky-actions .primary-btn{margin-left:0!important;flex:0 0 auto!important;width:auto!important;min-width:108px!important;max-width:55vw!important}

  .review-identity-preview{width:100%;max-width:360px;border-radius:12px}
  .review-identity-cover{height:112px}
  .review-identity-avatar{width:78px;height:78px;margin:-39px 0 0 18px;border-width:4px}
  .review-identity-body{padding:7px 18px 18px}
  .review-identity-actions{gap:7px;margin-top:12px}
  .review-identity-actions span{min-height:32px;padding:7px 10px;font-size:.64rem}
  .review-hero{align-items:start}
}

@media(max-width:390px){
  .form-step[data-step="3"]>.look-sticky-actions{padding-left:10px!important;padding-right:10px!important}
  .review-identity-cover{height:104px}
  .review-identity-avatar{width:74px;height:74px;margin-top:-37px}
  .review-identity-body{padding-left:16px;padding-right:16px}
}