@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{background:#f8fafc;color:#182942;font-family:DM Sans,sans-serif;font-optical-sizing:auto}*{box-sizing:border-box}body{margin:0}a,button{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{margin:auto;max-width:1440px;padding:0 7.1%}.topbar{border-bottom:1px solid #e9edf2;gap:32px;height:85px}.brand,.topbar{align-items:center;display:flex}.brand{color:#142944;font:800 20px Manrope,sans-serif;gap:10px;letter-spacing:-.8px;text-decoration:none}.brand-icon{background:#193755;border-radius:9px;box-shadow:inset 0 -3px #69b4c6;color:#fff;display:grid;font-size:19px;font-style:italic;height:31px;place-items:center;width:31px}.brand-accent{color:#42899a}.header-note{align-items:center;color:#65758a;display:flex;font-size:12px;gap:8px;margin-left:auto}.privacy-dot{background:#27a579;border-radius:50%;box-shadow:0 0 0 3px #def4eb;height:7px;width:7px}.help-link{border:1px solid #e1e7ed;border-radius:8px;color:#53647b;font-size:12px;padding:9px 12px;text-decoration:none}.help-link span{color:#438a9a;margin-left:9px}.hero{align-items:center;background:linear-gradient(110deg,#edf4f6,#eef4f5 58%,#e2edef);border-radius:22px;display:grid;grid-template-columns:1.2fr .8fr;margin:35px 0 65px;min-height:386px;overflow:hidden;padding:48px 7.2%;position:relative}.hero:after{border:1px solid #d5e3e5;border-radius:50%;content:"";height:385px;position:absolute;right:10%;top:-110px;width:385px}.hero-copy{position:relative;z-index:1}.eyebrow,.section-kicker{align-items:center;color:#548e98;display:flex;font-size:10px;font-weight:800;gap:8px;letter-spacing:1.6px}.eyebrow span{background:#54a7a4;height:2px;width:19px}h1,h2,h3,p{margin:0}h1{color:#1a3047;font:800 clamp(40px,5vw,64px)/1.08 Manrope,sans-serif;letter-spacing:-3px;margin:18px 0 14px}h1 span{color:#4d9099}.hero-copy>p{color:#667486;font-size:14px;line-height:1.65;max-width:405px}.hero-points{color:#536477;display:flex;font-size:11px;gap:20px;margin-top:25px}.hero-points b{color:#23846e;margin-right:5px}.hero-art{height:270px;position:relative;z-index:1}.hero-photo{background:linear-gradient(155deg,#dae8e5,#f5f0e4);border:8px solid #fff;border-radius:13px;box-shadow:0 22px 45px #23384c24;height:218px;left:50%;overflow:hidden;position:absolute;top:24px;transform:translate(-50%);width:168px}.portrait-head{align-items:center;display:flex;flex-direction:column;top:20px;right:0;bottom:0;left:0;position:absolute}.face{background:#efba91;border-radius:45% 45% 42% 42%;box-shadow:inset -8px 0 #e8a77d;height:94px;top:38px;width:72px;z-index:2}.face,.hair{position:absolute}.hair{background:#283744;border-radius:50% 48% 25% 25%;clip-path:polygon(0 0,100% 0,100% 90%,86% 72%,74% 35%,42% 45%,19% 56%,0 100%);height:50px;top:29px;width:82px;z-index:3}.face i{background:#34414b;border-radius:50%;height:4px;left:18px;position:absolute;top:43px;width:6px}.face i+i{left:48px}.face em{border-bottom:1.5px solid #9d544d;border-radius:50%;height:5px;left:31px;top:66px;width:12px}.face em,.neck{position:absolute}.neck{background:#eab18c;height:27px;top:119px;width:27px}.shirt{background:#377e85;border-radius:50% 50% 0 0;height:90px;position:absolute;top:135px;width:130px}.photo-scan{border:1px dashed #ffffffc7;border-radius:7px;top:22px;right:21px;bottom:38px;left:21px;position:absolute;z-index:5}.photo-scan span{border-top:1px dashed #fff8;top:48%}.photo-label,.photo-scan span{left:0;position:absolute;right:0}.photo-label{bottom:10px;color:#61747a;font:700 7px Manrope;letter-spacing:1px;text-align:center}.decor{border-radius:50%;position:absolute}.decor-one{background:#bad9d6;height:54px;left:9%;top:13px;width:54px}.decor-two{border:1px solid #9bbfc0;bottom:12px;height:74px;right:7%;width:74px}.floating-tag{background:#fff;border-radius:10px;box-shadow:0 8px 24px #20384b1a;color:#43536a;font-size:10px;font-weight:700;padding:11px 14px;position:absolute;z-index:6}.floating-tag span{color:#53a69b;margin-right:5px}.tag-top{right:2%;top:33px}.tag-bottom{bottom:25px;left:1%}.tag-check{background:#e4f5ee;border-radius:50%;display:inline-grid;height:18px;place-items:center;width:18px}.workspace{margin-bottom:74px}.workspace-head{align-items:end;display:flex;justify-content:space-between;margin-bottom:23px}.guide-heading h2,.workspace-head h2{color:#1c3046;font:800 27px Manrope,sans-serif;letter-spacing:-1px;margin-top:6px}.step-indicator{align-items:center;display:grid;grid-template-columns:26px 28px 26px 28px 26px;padding-bottom:19px;position:relative}.step-indicator>span{border:1px solid #dbe1e5;border-radius:50%;color:#9aa6b1;display:grid;font-size:9px;font-weight:800;height:24px;place-items:center;width:24px}.step-indicator>i{background:#dce2e5;height:1px}.step-indicator>span.step-active{background:#1c3b54;border-color:#1c3b54;color:#fff}.step-indicator small{bottom:0;color:#99a3ad;font-size:8px;left:0;position:absolute;width:100%}.studio-grid{align-items:start;display:grid;gap:25px;grid-template-columns:1fr 1fr}.settings{background:#fff;border:1px solid #e7ebef;border-radius:15px;padding:24px}.field-block+.field-block{border-top:1px solid #edf0f2;margin-top:22px;padding-top:22px}.field-title{align-items:center;display:flex;gap:11px;margin-bottom:16px}.number{background:#eaf4f3;border-radius:7px;color:#4e969a;font:700 10px Manrope;padding:7px}.field-title h3{color:#20354b;font:700 13px Manrope}.field-title p{color:#98a2ad;font-size:10px;margin-top:4px}.purpose-card{align-items:center;border:1px solid #e6eaee;border-radius:10px;color:#21374e;display:flex;margin-top:8px;padding:12px 13px;text-align:left;transition:.18s;width:100%}.purpose-card.selected{background:#f4faf9;border-color:#6ab1ad;box-shadow:0 0 0 2px #dcefeb}.purpose-icon{background:#e9f2f1;border-radius:9px;color:#39848b;display:grid;font-size:20px;height:36px;place-items:center;width:36px}.print-icon{background:#f0f1fa;color:#6a74a4}.purpose-info{display:grid;gap:4px;margin-left:11px}.purpose-info b{font-size:11px}.purpose-info small{color:#8b98a7;font-size:9px}.radio{border:1.5px solid #c5ced5;border-radius:50%;height:14px;margin-left:auto;width:14px}.selected .radio{border:4px solid #428f91}.spec-note{color:#909ca8;display:flex;font-size:9px;gap:7px;line-height:1.5;margin-top:12px}.spec-note>span:first-child{color:#55999b}.upload-box{align-items:center;background:#f8fbfb;border:1px dashed #c8d8da;border-radius:11px;display:flex;flex-direction:column;padding:20px 10px}.upload-icon{background:#fff;border:1px solid #e5ecec;border-radius:10px;color:#469499;display:grid;font-size:24px;height:38px;margin-bottom:9px;place-items:center;width:38px}.upload-box>b{color:#32475d;font-size:11px}.upload-box>span{color:#8b98a6;font-size:9px;margin-top:4px}.browse-btn{background:#24475a;border:0;border-radius:7px;color:#fff;font-size:10px;font-weight:700;margin-top:12px;padding:8px 15px}.upload-box>small{color:#a1aab4;font-size:8px;margin-top:9px}.capture-actions{align-items:center;display:flex;gap:11px;justify-content:center;margin-top:12px}.camera-btn,.gallery-btn{border:1px solid #e1e7ea;border-radius:7px;color:#536579;font-size:9px;padding:8px 10px}.camera-btn span,.gallery-btn span{color:#4b9294;font-size:14px;margin-right:5px}.or-label{color:#adb6bd;font-size:8px}.photo-tips{background:#f3f8f6;border-radius:8px;display:flex;gap:8px;margin-top:15px;padding:10px}.photo-tips>span{color:#42987d;font-weight:800}.photo-tips p{color:#67798a;font-size:9px;line-height:1.5}.preview-panel{border:1px solid #e7ebef;border-radius:15px;padding:22px}.preview-top{align-items:center;display:flex;justify-content:space-between}.preview-label{color:#71939a;font-size:9px;font-weight:800;letter-spacing:1px}.preview-top h3{color:#253a50;font:700 13px Manrope;margin-top:5px}.reset-btn{background:transparent;border:0;color:#788796;font-size:12px}.reset-btn span{font-size:9px}.preview-stage{align-items:center;background:#f3f6f7;border-radius:10px;display:flex;justify-content:center;margin-top:18px;min-height:284px;padding:18px;position:relative}.crop-frame{border-radius:2px;box-shadow:0 4px 14px #25374618;height:238px;max-width:178px;overflow:hidden;position:relative;width:100%}.crop-frame img{-o-object-fit:fill;object-fit:fill}.crop-frame.empty{background:linear-gradient(145deg,#fff,#edf2f2);border:1px solid #e4eaec}.empty-preview{align-items:center;color:#91a1a8;display:flex;flex-direction:column;height:100%;justify-content:center}.empty-person{background:#d7e3e1;border-radius:45% 45% 0 0;height:91px;margin-bottom:17px;position:relative;width:61px}.empty-person:before{background:#edd1b9;border-radius:50%;content:"";height:45px;left:11px;position:absolute;top:13px;width:38px}.empty-person:after{background:#81918f;border-radius:50% 50% 10% 10%;content:"";height:29px;left:8px;position:absolute;top:5px;width:45px}.empty-person i{background:#45565a;border-radius:50% 50% 15% 15%;height:15px;left:11px;position:absolute;top:18px;width:38px;z-index:1}.empty-person b{background:#9eafb0;border-radius:50% 50% 0 0;bottom:0;height:31px;left:0;position:absolute;width:61px}.empty-preview>span{color:#667987;font-size:10px;font-weight:700}.empty-preview>small{color:#a0abb4;font-size:8px;margin-top:5px}.guide-corners i{border-color:#fff;border-style:solid;height:14px;position:absolute;width:14px}.guide-corners i:first-child{border-width:2px 0 0 2px;left:8px;top:8px}.guide-corners i:nth-child(2){border-width:2px 2px 0 0;right:8px;top:8px}.guide-corners i:nth-child(3){border-width:0 0 2px 2px;bottom:8px;left:8px}.guide-corners i:nth-child(4){border-width:0 2px 2px 0;bottom:8px;right:8px}.guide-line{border-top:1px dashed #fff9;top:44%}.guide-line,.stage-measure{left:12px;position:absolute;right:12px}.stage-measure{bottom:10px;color:#87959e;display:flex;font-size:8px;justify-content:space-between}.edit-controls{margin-top:18px}.control-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.control-heading b{color:#34495c;font-size:10px}.control-heading span{color:#a2adb5;font-size:8px}.slider-row{align-items:center;color:#71808e;display:grid;font-size:9px;gap:9px;grid-template-columns:71px 1fr 36px;margin:11px 0}.slider-row input{accent-color:#478f90;height:3px;width:100%}.slider-row b{color:#607386;font-size:9px;text-align:right}.adjust-actions{border-top:1px solid #eef0f2;display:flex;gap:16px;margin-top:12px;padding-top:11px}.adjust-actions button{background:none;border:0;color:#607386;font-size:13px;padding:0}.adjust-actions button span{font-size:9px;margin-left:4px}.hidden-canvas{display:none}.download-btn{align-items:center;background:#22485a;border:0;border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:700;gap:8px;justify-content:center;margin-top:20px;padding:12px;position:relative;width:100%}.download-btn>span{font-size:17px}.download-btn small{color:#bdcdd2;font-size:8px;font-weight:400;position:absolute;right:12px}.download-hint{color:#a0abb5;font-size:8px;margin-top:9px;text-align:center}.quality-row{align-items:center;background:#fff;border:1px solid #e8ecef;border-radius:12px;display:grid;gap:14px;grid-template-columns:32px 1.3fr .8fr 1.4fr;margin-top:15px;padding:16px 19px}.quality-icon{background:#e7f4f0;border-radius:9px;color:#43958f;display:grid;height:31px;place-items:center;width:31px}.quality-copy{display:grid;gap:4px}.quality-copy b{color:#34495e;font-size:10px}.quality-copy span{color:#94a0aa;font-size:8px}.quality-meter{align-items:center;display:flex;gap:8px}.meter-line{background:#edf0f1;border-radius:4px;flex:1;height:5px;overflow:hidden}.meter-line i{background:#47a487;border-radius:4px;display:block;height:100%;transition:width .2s}.quality-meter>b{color:#62807c;font-size:9px}.quality-checks{display:grid;gap:6px 10px;grid-template-columns:1fr 1fr}.quality-checks>span{color:#9ba6af;font-size:8px;white-space:nowrap}.quality-checks i{background:#f0f2f3;border-radius:50%;color:#9ba6af;display:inline-grid;font-style:normal;height:13px;margin-right:5px;place-items:center;width:13px}.quality-checks .done{color:#607267}.quality-checks .done i{background:#e4f4ed;color:#248163}.guide-section{border-top:1px solid #e8ecee;padding:47px 0 30px}.guide-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:20px}.guide-heading h2{font-size:23px}.guide-heading>a{color:#477d84;font-size:10px;text-decoration:none}.guide-heading>a span{margin-left:8px}.tips-grid{display:grid;gap:13px;grid-template-columns:repeat(3,1fr)}.tip-card{align-items:center;border:1px solid #e8ecee;border-radius:11px;display:flex;gap:13px;overflow:hidden;padding:17px;position:relative}.tip-illustration{background:#eaf3f1;border-radius:11px;color:#4c9694;display:grid;flex:none;font-size:25px;height:46px;place-items:center;position:relative;width:46px}.tip-face span{background:#fff;border-radius:50%;bottom:-2px;color:#327b89;font-size:14px;position:absolute;right:-4px}.tip-light{background:#faf3e4;color:#cea34d}.tip-clear{background:#eef0f6;color:#7789a9}.tip-card b{color:#34495e;font-size:10px}.tip-card p{color:#8996a1;font-size:8px;line-height:1.5;margin-top:5px;max-width:205px}.tip-number{color:#c1c9cd;font-size:8px;position:absolute;right:12px;top:9px}.disclaimer{align-items:center;background:#fff8e7;border-radius:9px;color:#977a39;display:flex;gap:11px;margin-top:18px;padding:13px 16px}.disclaimer>span{font-size:16px}.disclaimer p{color:#887a5e;font-size:9px;line-height:1.55}footer{align-items:center;border-top:1px solid #e8ecee;color:#9aa5ae;display:flex;font-size:8px;gap:20px;padding:21px 0 25px}.footer-brand{font-size:13px;margin-right:auto}.footer-brand .brand-icon{border-radius:7px;font-size:14px;height:24px;width:24px}.camera-box{background:#172b39;border-radius:10px;display:grid;min-height:200px;overflow:hidden;place-items:center;position:relative}.camera-box video{max-height:270px;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1);width:100%}.cancel-camera,.capture-btn{background:#248b79;border:0;border-radius:20px;bottom:12px;color:#fff;font-size:10px;font-weight:700;left:50%;padding:8px 16px;position:absolute;transform:translate(-50%)}.cancel-camera{background:#ffffff2b;left:auto;right:10px;transform:none}.error-message{color:#b33242;font-size:9px;margin-top:10px}.app-shell{padding-left:max(7.1%,calc(50% - 560px));padding-right:max(7.1%,calc(50% - 560px))}@media(max-width:900px){.app-shell{padding:0 5%}.hero{grid-template-columns:1.15fr .85fr;padding:38px 6%}.studio-grid{gap:15px}.preview-panel,.settings{padding:18px}.quality-row{grid-template-columns:32px 1fr .7fr}.quality-checks{grid-column:2/-1}.tips-grid{gap:9px}.tip-card{gap:9px;padding:12px}}@media(max-width:650px){.app-shell{padding:0 18px}.topbar{gap:12px;height:67px}.header-note{font-size:0}.header-note:after{content:"Privasi terjaga";font-size:9px}.help-link{font-size:10px;padding:7px 9px}.hero{align-content:start;grid-template-columns:1fr;margin:18px 0 42px;min-height:575px;padding:34px 25px 10px}.hero-copy{max-width:440px}.hero-art{height:255px;margin-top:4px}.hero-photo{height:205px;top:22px}.hero-points{font-size:9px;gap:11px}.hero-copy>p{font-size:12px}h1{font-size:47px}.workspace-head{align-items:center}.workspace-head h2{font-size:22px}.step-indicator{margin-right:-13px;transform:scale(.83);transform-origin:right center}.studio-grid{grid-template-columns:1fr}.preview-panel,.settings{padding:19px}.preview-stage{min-height:270px}.quality-row{gap:10px;grid-template-columns:30px 1fr auto;padding:13px}.quality-meter{grid-column:2/-1;grid-row:2}.quality-checks{grid-column:1/-1;grid-template-columns:1fr 1fr}.quality-copy span{font-size:7px}.guide-section{padding-top:35px}.guide-heading{align-items:start;flex-direction:column;gap:14px}.guide-heading h2{font-size:21px}.tips-grid{grid-template-columns:1fr}.tip-card{padding:14px}.tip-card p{max-width:none}.disclaimer{align-items:flex-start}.disclaimer p{font-size:8px}footer{flex-wrap:wrap;gap:10px}footer>span:nth-child(2){flex-basis:100%;order:3}}.quality-row.face-missing{background:snow;border-color:#f1d2cf}.quality-row.face-missing .quality-icon{background:#ffeded;color:#c34d49}.quality-row.face-pending .quality-icon{animation:face-pulse 1.3s infinite}.face-badge{background:#f1f3f4;border-radius:20px;color:#8a969d;font-size:8px;font-weight:800;justify-self:end;letter-spacing:.5px;padding:7px 10px;white-space:nowrap}.face-badge.detected{background:#e5f5ee;color:#258064}.face-badge.error,.face-badge.missing{background:#fff0ed;color:#b84c42}.face-badge.loading{background:#edf5f6;color:#4a8c93}@keyframes face-pulse{50%{opacity:.4}}.quality-checks .failed{color:#b7524b}.quality-checks .failed i{background:#fff0ed;color:#b7524b}@media(max-width:650px){.face-badge{grid-column:2/-1;grid-row:3;justify-self:start}.quality-checks{grid-row:4}}.quality-checks .warning{color:#a26b19}.quality-checks .warning i{background:#fff3d9;color:#a26b19}.checklist-panel .quality-checks{gap:8px;grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:6px}.check-item{align-items:start;border:1px solid #edf0f1;border-radius:8px;display:grid;gap:8px;grid-template-columns:20px 1fr auto;padding:9px 10px}.check-item>i{background:#f0f2f3;border-radius:50%;color:#929da5;display:grid;font-size:11px;font-style:normal;height:18px;place-items:center;width:18px}.check-item.pass>i{background:#e4f4ed;color:#248163}.check-item.warning{border-color:#f1e5c6}.check-item.warning>i{background:#fff0ce;color:#a26b19}.check-item.manual>i{background:#edf1f4;color:#758495}.check-item.pending{opacity:.65}.check-text{display:grid;gap:4px}.check-text>b{color:#34495e;font-size:9px}.check-text>small{color:#8996a1;font-size:8px;line-height:1.4}.check-label{color:#93a0a8;font-size:7px;font-weight:800;letter-spacing:.35px;white-space:nowrap}.check-item.pass .check-label{color:#258064}.check-item.warning .check-label{color:#a26b19}.check-item.manual .check-label{color:#738393}.checklist-panel .quality-copy span{font-size:8px}@media(max-width:650px){.checklist-panel .quality-checks{grid-column:1/-1;grid-row:auto;grid-template-columns:1fr;margin-top:2px}.checklist-panel .quality-icon{grid-row:1}.checklist-panel .quality-copy{grid-column:2/-1}.checklist-panel .face-badge{grid-column:2/-1;grid-row:auto}.check-item{padding:9px}}:root{color:#172536;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;font-weight:400;text-rendering:optimizeLegibility}:root,body{background:#f5f7fa}body{min-width:320px}.app-shell{max-width:1280px;padding:0 40px}.topbar{border-bottom-color:#e7ebf0;height:76px}.brand{font-family:inherit;font-size:19px;letter-spacing:-.5px}.brand-icon{background:#172536;border-radius:10px;box-shadow:none}.brand-accent{color:#5675d8}.adjust-actions button,.browse-btn,.camera-btn,.gallery-btn,.help-link,.purpose-card,.reset-btn{transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.help-link{border-color:#dce2e9;border-radius:10px;color:#34465b}.help-link:hover{background:#fff;border-color:#b9c5d4}.hero{background:#edf1f8;border-radius:24px;margin:28px 0 52px;min-height:340px;padding:42px 6%}.hero:after{border-color:#dce3ee}.eyebrow,.section-kicker{color:#536fce}.eyebrow span{background:#647ee0}h1{color:#16263a;font-family:inherit;letter-spacing:-2.4px}h1 span{color:#536fce}.hero-copy>p{color:#556579;font-size:15px}.hero-points{color:#43546b;font-size:12px}.hero-points b{color:#536fce}.hero-photo{box-shadow:0 16px 36px #17253620}.floating-tag{border:1px solid #edf0f4;border-radius:12px;box-shadow:0 8px 22px #17253612}.workspace-head{margin-bottom:20px}.guide-heading h2,.workspace-head h2{color:#172536;font-family:inherit;letter-spacing:-.7px}.studio-grid{gap:20px}.preview-panel,.settings{background:#fff;border:1px solid #e6eaf0;border-radius:20px;box-shadow:0 8px 28px #17253608;padding:24px}.field-title h3,.preview-top h3{color:#172536;font-family:inherit}.control-heading span,.field-title p,.purpose-info small,.spec-note{color:#718096}.purpose-card{background:#fff;border:1px solid #e5eaf0;border-radius:14px}.purpose-card:hover{background:#fbfcff;border-color:#b8c5e7}.purpose-card.selected{background:#f5f7ff;border-color:#667fda;box-shadow:0 0 0 2px #667fda15}.purpose-icon{background:#eef1fb;border-radius:11px;color:#566fd0}.radio{border-color:#bdc6d1}.purpose-card.selected .radio{border-color:#617bd5}.spec-note{background:#f8f9fb;border:1px solid #e9edf3;border-radius:12px;line-height:1.55}.upload-box{background:#fafbfc;border:1.5px dashed #cbd4df;border-radius:16px}.upload-box:hover{background:#f8f9ff;border-color:#8295da}.upload-icon{background:#edf1ff;border-radius:12px;color:#566fd0}.browse-btn,.camera-btn,.gallery-btn{border-radius:10px}.browse-btn{background:#536fce}.browse-btn:hover{background:#405cba;transform:translateY(-1px)}.camera-btn,.gallery-btn{background:#fff;border-color:#dce2ea;color:#394b60}.camera-btn:hover,.gallery-btn:hover{background:#f6f8fc;border-color:#c4cfdd}.photo-tips{background:#f2f6f3;border-radius:12px}.photo-tips>span{color:#27865d}.preview-panel{background:#fff}.preview-stage{background:#f6f8fa;border:1px solid #edf0f4;border-radius:16px}.crop-frame{box-shadow:0 8px 24px #1725361a}.reset-btn{border:1px solid #e1e6ed;border-radius:9px;color:#4d5e72}.reset-btn:hover:not(:disabled){background:#f6f8fb}.edit-controls{border-color:#edf0f4}.control-heading b{color:#26384c}.slider-row{color:#526277}.slider-row input{accent-color:#536fce}.adjust-actions button{border:1px solid #e2e7ed;border-radius:9px;color:#46586c}.adjust-actions button:hover:not(:disabled){background:#f5f7fb}.download-btn{background:#536fce;border-radius:12px;box-shadow:none}.download-btn:hover:not(:disabled){background:#405cba;transform:translateY(-1px)}.checklist-panel{background:#fff;border:1px solid #e6eaf0;border-radius:18px;box-shadow:0 8px 28px #17253608;margin-top:20px;padding:20px}.quality-icon{background:#edf1ff;color:#536fce}.quality-copy>b{color:#172536;font-size:16px}.checklist-panel .quality-copy span{color:#718096;font-size:12px}.face-badge{font-size:10px;padding:8px 11px}.checklist-panel .quality-checks{gap:10px;margin-top:12px}.check-item{background:#fff;border:1px solid #e9edf2;border-radius:12px;gap:10px;grid-template-columns:22px 1fr auto;padding:13px}.check-item>i{font-size:12px;height:20px;width:20px}.check-text>b{color:#26384c;font-size:12px}.check-text>small{color:#718096;font-size:11px;line-height:1.5}.check-label{font-size:9px;letter-spacing:.25px}.check-item.pass{background:#fbfefc;border-color:#e0eee6}.check-item.pass>i{background:#e7f4ec;color:#27865d}.check-item.warning{background:#fffdf8;border-color:#f0e5cc}.check-item.warning>i{background:#fff1d6;color:#a66c15}.check-item.manual>i{background:#eff2f6;color:#68788d}.guide-section{border-top-color:#e5e9ef}.guide-heading a{color:#536fce}.tips-grid{gap:14px}.tip-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;box-shadow:0 5px 18px #17253607}.tip-illustration{background:#eef1fb;border-radius:12px;color:#566fd0}.tip-card b{color:#26384c}.tip-card p{color:#718096}.tip-number{color:#9aa5b5}.disclaimer{background:#fffaf0;border:1px solid #efe5c7;border-radius:14px}.disclaimer>span{color:#a66c15}footer{border-top-color:#e5e9ef;color:#718096}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7189e580;outline-offset:2px}@media(max-width:900px){.app-shell{padding:0 28px}.preview-panel,.settings{padding:20px}}@media(max-width:650px){.app-shell{padding:0 16px}.topbar{height:64px}.hero{margin:18px 0 36px;min-height:540px;padding:30px 22px 8px}.hero-points{font-size:11px}.hero-copy>p{font-size:14px}h1{font-size:43px}.studio-grid{gap:14px}.preview-panel,.settings{border-radius:16px;padding:17px}.checklist-panel{padding:15px}.checklist-panel .quality-checks{grid-template-columns:1fr}.check-item{gap:8px;grid-template-columns:22px 1fr}.check-label{grid-column:2;justify-self:start}.check-text>b{font-size:12px}.check-text>small{font-size:11px}.guide-section{padding-top:30px}.disclaimer p{font-size:11px}}.brand{font-size:clamp(13px,1.5vw,18px);gap:8px;letter-spacing:-.35px;white-space:nowrap}.brand-accent{font-size:.82em;font-weight:700}.footer-brand{font-size:14px}.preview-panel{min-width:0}.preview-stage{min-height:0;overflow:hidden;padding:24px 20px 44px}.crop-frame{aspect-ratio:7/10;background:#fff;border:1px solid #dfe5ed;border-radius:3px;box-shadow:0 10px 28px #17253616;cursor:grab;flex:none;height:auto;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:min(100%,268px)}.crop-frame.dragging{cursor:grabbing}.crop-frame img{height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:contain;object-fit:contain;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.crop-frame.empty{background:#fff}.preview-stage:has(.crop-frame:not(.empty)){background:#f4f6f9}.stage-measure{bottom:13px;color:#66758a;font-size:10px;left:20px;right:20px}.stage-measure span:last-child{color:#96a1b0;font-size:9px}.passport-guides{color:#fff;font-size:9px;font-weight:700;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;text-shadow:0 1px 4px #14243b,0 0 2px #14243b}.passport-guides>span{background:#172536ad;border-radius:4px;padding:3px 4px;position:absolute;right:6px;z-index:2}.guide-top-label{top:4%}.guide-face-label{top:40%}.guide-bottom-label{bottom:4%}.passport-guides>i{background:#fff;border-top:1px dashed #172536b0;height:1px;left:8%;position:absolute;right:8%}.guide-head-line{top:20%}.guide-chin-line{top:80%}.crop-helper{color:#718096;font-size:11px;line-height:1.5;margin:-4px 0 12px}.slider-row{font-size:11px;grid-template-columns:78px 1fr 40px;margin:14px 0}.slider-row input{cursor:pointer;height:5px}.adjust-actions{gap:10px}.adjust-actions button{font-size:12px;padding:7px 10px}.adjust-actions button span{font-size:10px}.download-btn{font-size:13px;padding:14px}.download-hint{font-size:10px}@media(max-width:650px){.topbar{gap:8px}.brand{font-size:clamp(12px,3.5vw,16px);gap:6px}.brand-icon{font-size:16px;height:27px;width:27px}.header-note{display:none}.help-link{margin-left:auto}.preview-stage{padding:18px 14px 42px}.crop-frame{width:min(100%,250px)}.stage-measure{left:14px;right:14px}.crop-helper{font-size:11px}.adjust-actions{justify-content:space-between}}.passport-guides .guide-chin-line,.passport-guides .guide-head-line{opacity:.35}.passport-guides .guide-face-bottom,.passport-guides .guide-face-top{border-top:2px solid #fff;box-shadow:0 0 0 1px #17253680;opacity:.9}.passport-guides .guide-face-top{top:20%}.passport-guides .guide-face-bottom{top:80%}.checklist-panel.has-blockers{border-color:#f2d1d1}.checklist-panel.has-blockers .quality-icon{background:#fff0f0;color:#ce3945}.quality-progress{display:grid;gap:6px;min-width:145px}.progress-label{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.progress-label>b{color:#25364b;font-size:19px}.progress-label>span{color:#728096;font-size:10px}.progress-track{background:#edf0f4;border-radius:999px;height:8px;overflow:hidden}.progress-track>i{background:#178451;border-radius:inherit;display:block;height:100%;transition:width .25s ease}.quality-progress small{color:#718096;font-size:10px}.check-item.warning{background:#fff7f7;border-color:#efc5c7}.check-item.warning>i{background:#ffe4e5;color:#c62f3d;font-weight:900}.check-item.warning .check-label{color:#c62f3d}.check-item.manual{background:#fafbfc}.manual-confirm{align-items:center;color:#596a80;cursor:pointer;display:flex;font-size:10px;gap:7px;grid-column:2/-1}.manual-confirm input{accent-color:#178451;cursor:pointer;height:15px;width:15px}.check-item.manual:has(.manual-confirm input:checked){background:#f5fbf7;border-color:#d2e9dc}.download-btn:disabled{background:#aeb8c6;color:#fff;opacity:1}.download-btn:not(:disabled){background:#16834f}.download-btn:not(:disabled):hover{background:#116f42}.download-hint{line-height:1.5}@media(max-width:900px){.quality-progress{grid-column:2/-1;grid-row:auto}.face-badge{grid-column:2/-1;justify-self:start}.checklist-panel .quality-checks{grid-row:auto}}@media(max-width:650px){.quality-progress{grid-column:1/-1}.progress-label>b{font-size:17px}.checklist-panel .face-badge{grid-column:1/-1}.manual-confirm{grid-column:2/-1}}.silhouette-mask{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%}.silhouette-area{clip-rule:evenodd;fill:#687383;fill-opacity:.26;fill-rule:evenodd}.silhouette-outline{fill:none;stroke:#fff;stroke-dasharray:5 5;stroke-width:2;vector-effect:non-scaling-stroke}.crop-frame.needs-fit .silhouette-outline{stroke:#f5c84c}.frame-loading{align-items:center;background:#13243bdc;border:1px solid #ffffffa8;border-radius:999px;box-shadow:0 4px 18px #0f172a35;color:#fff;display:flex;font-size:11px;font-weight:700;gap:9px;left:50%;padding:9px 13px;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:10}.frame-loading i{animation:passport-spin .8s linear infinite;border:2px solid #ffffff70;border-radius:50%;border-top-color:#fff;height:15px;width:15px}@keyframes passport-spin{to{transform:rotate(1turn)}}.quality-row.face-pending .quality-icon{animation:passport-spin 1s linear infinite;background:#edf1ff;color:#566fce}.face-badge.loading{background:#edf1ff;color:#465fbe}.progress-track.indeterminate i{animation:progress-sweep 1.15s ease-in-out infinite alternate;background:#536fce;width:34%}@keyframes progress-sweep{0%{transform:translate(0)}to{transform:translate(190%)}}.passport-guides .guide-chin-line,.passport-guides .guide-head-line{display:none}.passport-guides .guide-face-bottom,.passport-guides .guide-face-top{border:0;border-top:2px dashed #fff;box-shadow:0 1px 2px #132238;height:0;left:8%;opacity:.95;right:8%}.passport-guides .guide-face-top{top:18%}.passport-guides .guide-face-bottom{top:64%}.passport-guides .guide-face-label{top:39%}.crop-frame{touch-action:none}.crop-frame.dragging .silhouette-outline{stroke:#58d68d;stroke-width:3}.silhouette-area{fill-rule:nonzero}.silhouette-outline{opacity:.9;stroke-dasharray:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.silhouette-mask{overflow:hidden}.quality-checks .pending>i{animation:passport-spin 1s linear infinite;background:#edf1ff;color:#536fce}.quality-checks .pending .check-label{color:#536fce}.empty-guide{background:#0864ff;display:grid;height:100%;top:0;right:0;bottom:0;left:0;place-items:center;position:absolute;width:100%}.empty-guide svg{height:100%;width:100%}.empty-guide path{fill:#888;stroke:#aaa;stroke-width:.8;vector-effect:non-scaling-stroke}.empty-preview>small,.empty-preview>span{color:#fff;position:relative;text-shadow:0 1px 3px #1238;z-index:1}.empty-preview>span{margin-top:0}.empty-preview>small{margin-top:3px}.silhouette-area{fill:#858585;fill-opacity:.38}.silhouette-outline{opacity:.85;stroke:#d7d7d7;stroke-width:1.6}.crop-frame.needs-fit .silhouette-outline{stroke:#ffcc43;stroke-width:2.3}.crop-frame.dragging .silhouette-outline{stroke:#54dc91;stroke-width:2.5}.empty-preview>small,.empty-preview>span{display:none}.rescan-btn{background:#244b64;border:0;border-radius:8px;box-shadow:0 4px 12px #244b6425;color:#fff;display:block;font-size:12px;font-weight:700;margin-top:14px;padding:11px 14px;width:100%}.rescan-btn:hover:not(:disabled){background:#176d80}.rescan-btn:disabled{opacity:.6}