.mi-page{max-width:1120px;margin:auto;padding:18px 0 40px;color:#302724}.mi-page svg{width:21px;height:21px;flex-shrink:0}.mi-page button,.mi-page input,.mi-page textarea{font:inherit}.mi-page button{cursor:pointer}.mi-page button:disabled{opacity:.5;cursor:wait}.mi-page :focus-visible{outline:2px solid #7d2c44;outline-offset:4px}.mi-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:10px 0 35px}.mi-heading h1{font:45px/1.18 var(--serif);letter-spacing:-1.8px;color:var(--wine);margin:0 0 16px}.mi-heading p{font-size:13px;line-height:1.7;color:#726256}.mi-limit{display:flex;gap:12px;align-items:center;font-size:12px;padding:16px 0}.mi-limit>svg{width:30px;height:36px;color:var(--wine)}.mi-limit small{display:block;font-size:10px;margin-top:7px;color:#79685b}.mi-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:48px;align-items:start}.mi-preview,.mi-controls{min-width:0}.mi-portrait{position:relative;isolation:isolate;aspect-ratio:4/5;overflow:hidden;border-radius:200px 200px 20px 20px;border:1px solid #d8c5b0;background:#e9ded1;box-shadow:0 0 0 6px #f8f2ea,0 0 0 7px #d8c5b060}.mi-portrait>img{width:100%;height:100%;object-fit:contain}.mi-portrait:not(.has-photo)>img{object-fit:cover}.mi-portrait.has-photo{border-radius:22px}.mi-portrait-overlay{position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#29191de6);display:flex;flex-direction:column;align-items:center;justify-content:end;padding:24px 15px 42px;gap:15px;color:white}.mi-portrait-overlay>span{font:23px/1.4 var(--serif);text-align:center;max-width:240px}.mi-photo-cta{display:flex;align-items:center;gap:9px;min-height:46px;background:#fff7ee;color:var(--wine);padding:12px 20px;border-radius:24px;font-size:11px;cursor:pointer}.mi-image-tag{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);border-radius:20px;background:#fff6e9de;padding:6px 12px;font-size:9px;white-space:nowrap;color:#59453b}.mi-photo-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 13px}.mi-photo-inputs>div{position:relative;border:1px solid #d9cbbd;border-radius:13px;background:#fcf8f2;min-width:0;overflow:hidden}.mi-photo-inputs label{display:block;padding:16px 13px;cursor:pointer;min-height:88px}.mi-photo-inputs strong{font-size:12px;display:block;font-weight:500;color:var(--wine)}.mi-photo-inputs span{display:block;font-size:9px;line-height:1.6;margin-top:7px;color:#746253}.mi-photo-inputs input{width:100%;font-size:9px;display:block;padding:0 8px 10px}.mi-photo-inputs button{font-size:10px;color:var(--wine);min-height:36px;border:0;background:transparent;margin:0 10px 6px}.mi-small{font-size:10px;line-height:1.8;color:#766759;margin:10px 0}.mi-advice{padding:22px 0;border-top:1px solid #dbccbd;margin-top:23px}.mi-advice strong{font:24px var(--serif);font-weight:400;color:var(--wine)}.mi-advice p{font-size:11px;line-height:1.9;margin:13px 0 0;color:#776457}.mi-section-heading{display:flex;gap:12px;align-items:center;margin-bottom:17px}.mi-section-heading>span{font-size:10px;border:1px solid #cdb7a5;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:#806252}.mi-section-heading h2{font:27px/1.25 var(--serif);margin:0;color:var(--wine);letter-spacing:-.7px}.mi-modes{display:grid;grid-template-columns:repeat(3,1fr);background:#eae1d6;border-radius:12px;padding:4px;margin-bottom:18px;gap:3px}.mi-modes button{border:0;background:none;color:#745a4c;min-height:44px;border-radius:9px;font-size:11px}.mi-modes button[aria-pressed=true]{background:#fffaf4;color:var(--wine)}.mi-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mi-styles{grid-template-columns:repeat(3,minmax(0,1fr))}.mi-styles button{position:relative;padding:0;background:transparent;border:1px solid transparent;text-align:left;border-radius:12px;overflow:hidden;min-width:0;color:#302724}.mi-styles img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#e9dfd1;display:block;border-radius:10px}.mi-styles button>span{padding:9px 5px 10px;display:block}.mi-styles strong{font-size:11px;line-height:1.5;display:block;font-weight:600}.mi-styles small{display:block;font-size:9px;line-height:1.6;margin-top:5px;color:#796655}.mi-styles b{position:absolute;right:7px;top:7px;background:var(--wine);color:white;border:1px solid #fdf4e8;width:23px;height:23px;border-radius:50%;display:none;place-items:center;font-size:12px}.mi-styles button[aria-pressed=true]{border-color:var(--wine);background:#efe1d6}.mi-styles button[aria-pressed=true] b{display:grid}.mi-color-section{margin:27px 0}.mi-colors{display:flex;flex-wrap:wrap;gap:8px}.mi-colors button{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:61px;border:1px solid transparent;background:transparent;padding:8px 6px;border-radius:12px;color:#6b5143;font-size:9px}.mi-colors i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--color);border:3px solid #faf2e7;box-shadow:0 0 0 1px #cdbca8}.mi-colors .mi-reference-swatch{background:#e4d4bf;color:var(--wine)}.mi-colors button[aria-pressed=true]{border-color:#905064;background:#f0e2d8}.mi-notes{display:flex;align-items:center;gap:9px;font-size:12px;color:#5c453b}.mi-notes small{font-size:9px;color:#846f60}.mi-page textarea{display:block;width:100%;resize:vertical;border:1px solid #d2c0ad;background:#fffbf6;border-radius:12px;padding:12px;margin:10px 0 27px;font-size:12px;line-height:1.7;color:#483a33;min-height:80px}.mi-create{border-top:1px solid #dac9b6;padding-top:24px}.mi-auth-state{background:#eee3d8;border-radius:13px;padding:15px;margin:14px 0;font-size:11px;line-height:1.6}.mi-auth-state>strong{display:block;font-weight:500}.mi-auth-state small{display:block;font-size:10px;color:#705b4e;margin:5px 0}.mi-auth-title{display:flex;align-items:center;gap:9px;font-size:10px;margin-bottom:7px}.mi-auth-title button{margin-left:auto}.mi-auth-state button{background:none;border:0;color:var(--wine);text-decoration:underline;min-height:36px;font-size:11px}.mi-consent{display:flex;gap:10px;align-items:flex-start;font-size:10px;line-height:1.8;color:#715b4c;padding:8px 0 15px;cursor:pointer}.mi-consent input{width:18px;height:18px;flex-shrink:0;accent-color:var(--wine);margin-top:3px}.mi-generate{display:flex;width:100%;justify-content:space-between;border:0;min-height:52px;border-radius:30px;font-size:13px;padding:14px 23px}.mi-error{font-size:12px;line-height:1.7;color:#9a1935;margin:12px 0}.mi-error:empty{display:none}.mi-mode-note{border:1px solid #d5c2ad;border-radius:15px;padding:26px 20px;min-height:160px;background:#f0e6da}.mi-mode-note strong,.mi-reference-preview strong{font:24px var(--serif);color:var(--wine)}.mi-mode-note p,.mi-reference-preview p{font-size:12px;line-height:1.8;margin:14px 0;color:#735b4d}.mi-reference-preview{display:flex;gap:17px;padding:20px;background:#f0e6da;border-radius:15px;align-items:center}.mi-reference-preview>img{width:100px;height:160px;object-fit:contain;border-radius:12px}.mi-reference-preview label{cursor:pointer;color:var(--wine);display:block;min-height:44px;padding-top:12px;font-size:12px;text-decoration:underline}.mi-result-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;background:#eadfd2;padding:4px;border-radius:12px;margin:18px 0 12px}.mi-result-tabs button{border:0;border-radius:9px;min-height:44px;background:transparent;font-size:12px;color:var(--wine)}.mi-result-tabs button[aria-pressed=true]{background:#fffaf2}.mi-book{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 16px;background:#65182c;color:#fff4e8;border-radius:22px;font-size:12px}.mi-loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:#f4ead9e8;text-align:center;padding:25px;color:var(--wine)}.mi-loading p{font-size:12px;line-height:1.8}.mi-spinner{width:38px;height:38px;border:2px solid #dbc3b3;border-top-color:var(--wine);border-radius:50%;animation:mirror-spin 1.3s linear infinite}@keyframes mirror-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mi-spinner{animation:none}}
.mi-login{border:1px solid #c9b19a;border-radius:23px;padding:32px;max-width:400px;width:calc(100% - 32px);background:#faf5ed;color:#493b32;position:fixed;margin:auto}.mi-login::backdrop{background:#24121ab3;backdrop-filter:blur(5px)}.mi-login>img{width:35px;margin:0 auto 20px;display:block}.mi-login h2{font:27px/1.3 var(--serif);color:var(--wine);text-align:center;margin:10px 0}.mi-login>p{font-size:12px;line-height:1.8;text-align:center}.mi-close{position:absolute;right:9px;top:9px;font-size:25px!important}.mi-login form{margin-top:20px}.mi-login form label{display:block;font-size:12px;margin-bottom:9px}.mi-login input{width:100%;border:1px solid #baa18d;border-radius:10px;min-height:52px;background:white;padding:12px 16px;font-size:24px;letter-spacing:12px}.mi-login form>.primary{display:block;width:100%;border:0;min-height:48px;margin-top:16px}.mi-login>small{display:block;font-size:10px;line-height:1.8;margin-top:16px;color:#795f4e}.mi-login [role=alert]{font-size:12px;color:#9a1935;margin-top:10px}
.mirror-promo{display:flex;gap:19px;align-items:center;max-width:1120px;margin:24px auto;background:#eadfd1;border:1px solid #d3bfab;border-radius:18px;padding:14px;color:var(--wine)}.mirror-promo>img{width:82px;height:100px;object-fit:contain;border-radius:60px 60px 12px 12px;background:#ddd0bf}.mirror-promo>span{flex:1}.mirror-promo small{font-size:9px;display:block;color:#7b6253;margin-bottom:8px}.mirror-promo strong{display:block;font:23px/1.35 var(--serif);letter-spacing:-.5px}.mirror-promo span>span{display:block;font-size:10px;line-height:1.7;color:#765a4a;margin-top:6px}.mirror-promo>svg{width:23px;margin-right:6px;flex-shrink:0}
@media(max-width:799px){.mi-page{padding-top:0}.mi-heading{display:block;margin-bottom:25px}.mi-heading h1{font-size:36px;letter-spacing:-1.2px;margin-bottom:13px}.mi-heading p{font-size:12px}.mi-limit{font-size:10px;padding:12px 0 0;gap:8px}.mi-limit>svg{width:20px;height:24px}.mi-limit small{display:inline;font-size:9px;margin-left:10px}.mi-layout{grid-template-columns:1fr;gap:25px}.mi-preview{max-width:430px;width:100%;margin:auto}.mi-portrait{aspect-ratio:1/1.08;max-height:450px}.mi-portrait-overlay>span{font-size:22px}.mi-advice{display:none}.mi-photo-inputs{margin-top:20px}.mi-section-heading h2{font-size:25px}.mi-styles{gap:7px}.mi-styles strong{font-size:10px}.mi-styles small{font-size:8px}.mi-colors{gap:4px}.mi-colors button{min-width:58px;padding:8px 4px}.mi-notes{font-size:11px}.mi-reference-preview{padding:16px}.mi-reference-preview>img{width:80px}.mirror-promo{gap:12px;margin:20px 0;padding:12px}.mirror-promo strong{font-size:20px}.mirror-promo>img{width:63px;height:82px}.mi-login{padding:26px}}
@media(max-width:359px){.mi-heading h1{font-size:31px}.mi-limit small{display:block;margin:5px 0 0}.mi-styles strong{font-size:9px}.mi-styles small{font-size:8px}.mi-reference-preview{display:block}.mi-reference-preview>img{width:100%;height:180px;margin-bottom:12px}.mirror-promo strong{font-size:17px}}