:root{color:#262321;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f0ec;font-family:Segoe UI,Microsoft YaHei UI,Microsoft YaHei,sans-serif}html,body{background:#f2f0ec;min-width:1024px;min-height:100vh}body{margin:0}#root{min-height:100vh}.auth-screen{box-sizing:border-box;background:radial-gradient(circle at 16% 18%,#b3845326,#0000 30%),radial-gradient(circle at 84% 82%,#3c574c21,#0000 32%),#f2f0ec;place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #43393121;border-radius:24px;width:min(430px,100vw - 40px);overflow:hidden;box-shadow:0 22px 70px #362d2724}.auth-brand{color:#f9f5ee;background:linear-gradient(135deg,#29241f,#4b4036);align-items:center;gap:14px;padding:22px 24px;display:flex}.auth-mark{color:#fff8eb;background:#ffffff1a;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.auth-brand div{gap:4px;display:grid}.auth-brand span{letter-spacing:.02em;font-size:17px;font-weight:700}.auth-brand small{color:#ffffffa6;font-size:12px}.auth-state,.auth-form{text-align:center;flex-direction:column;align-items:center;padding:38px 36px 36px;display:flex}.auth-state strong,.auth-form h1{color:#29241f;margin:14px 0 0;font-size:22px}.auth-state p,.auth-form p{color:#756c65;margin:10px 0 24px;font-size:14px;line-height:1.65}.auth-form{text-align:left;align-items:stretch}.auth-form h1,.auth-form p{text-align:center}.auth-icon{color:#7f5b39;background:#f5eee5;border-radius:14px;place-items:center;width:46px;height:46px;margin:0 auto;display:grid}.auth-form label{color:#514943;margin-bottom:8px;font-size:13px;font-weight:650}.auth-form input{box-sizing:border-box;color:#29241f;width:100%;font:inherit;letter-spacing:.08em;text-align:center;background:#faf9f7;border:1px solid #d8d0c8;border-radius:12px;outline:none;padding:14px 16px;font-size:17px;transition:border-color .16s,box-shadow .16s}.auth-form input:focus{border-color:#8b6948;box-shadow:0 0 0 3px #8b69481f}.auth-primary{color:#fff;min-height:46px;font:inherit;cursor:pointer;background:#3f554b;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:18px;padding:0 20px;font-weight:700;display:inline-flex}.auth-primary:hover{background:#354a40}.auth-primary:disabled{cursor:wait;opacity:.7}.auth-state .auth-primary{align-self:center}.auth-error{color:#9d372f;text-align:center;background:#fff0ed;border-radius:9px;margin-top:10px;padding:9px 11px;font-size:12px}.auth-privacy{color:#958a82;text-align:center;margin-top:15px;font-size:11px;line-height:1.5}.secure-session-badge{z-index:100;color:#3b5649;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f8f5eb;border:1px solid #3750442e;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:650;display:flex;position:fixed;bottom:16px;right:18px;box-shadow:0 5px 20px #27362f17}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (width<=700px){html,body{min-width:0}.auth-screen{padding:18px}.auth-card{border-radius:20px;width:100%}.auth-state,.auth-form{padding:32px 24px 28px}.secure-session-badge{bottom:10px;right:10px}}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}.app-shell{color:#22201f;grid-template-columns:226px minmax(820px,1fr);min-height:100vh;display:grid}.sidebar{color:#f7f2e9;background:#242322;border-right:1px solid #dedbd6;flex-direction:column;height:100vh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 9px 30px;display:flex}.brand-mark{color:#242322;background:#d9b46f;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.12em;font-family:Noto Serif SC,Songti SC,serif;font-size:20px}.brand small{color:#a9a39a;margin-top:2px;font-size:11px}nav{gap:5px;display:grid}.nav-item{color:#bcb6ad;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;padding:11px 13px;font-size:14px;display:flex}.nav-item:hover{color:#fff;background:#302f2d}.nav-item.active{color:#fff8ed;background:#3b3834;box-shadow:inset 3px 0 #d9b46f}.sidebar-footer{margin-top:auto}.privacy-note{background:#201f1e;border:1px solid #3d3b38;border-radius:10px;margin:14px 6px 0;padding:13px}.privacy-note span{color:#cab486;align-items:center;gap:5px;font-size:12px;display:flex}.privacy-note small{color:#817d76;margin-top:5px;font-size:10px;line-height:1.5;display:block}main{min-width:0;padding:30px 38px 24px}.topbar{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.page-kicker,.eyebrow{color:#8c6a2e;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}h1{letter-spacing:.04em;margin:4px 0 0;font-family:Noto Serif SC,Songti SC,serif;font-size:31px;font-weight:600}.top-actions{gap:9px;display:flex}.ghost-button,.primary-small,.small-action,.work-footer button{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:12px;display:inline-flex}.ghost-button{color:#5e5953;background:#fff;border:1px solid #d8d3cc}.primary-small{color:#fff;background:#242322;border:1px solid #242322}.customer-strip{background:#fff;border:1px solid #ded9d1;border-radius:13px;grid-template-columns:42px 230px minmax(250px,1fr) 174px;align-items:center;gap:13px;min-height:72px;padding:11px 16px;display:grid;box-shadow:0 6px 20px #2e281f0a}.customer-avatar{color:#715a34;background:#eee3d0;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.customer-meta>span,.preference span,.visit-time span{color:#9a948c;font-size:10px;display:block}.select-wrap{margin-top:2px;position:relative}.select-wrap select{appearance:none;color:#272421;background:0 0;border:0;outline:0;width:100%;padding:1px 24px 1px 0;font-size:13px;font-weight:650}.select-wrap svg{pointer-events:none;position:absolute;top:3px;right:0}.preference{border-left:1px solid #ebe7e0;min-width:0;padding-left:18px}.preference p{color:#5f5a54;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:12px;overflow:hidden}.visit-time{color:#756d64;border-left:1px solid #ebe7e0;align-items:center;gap:9px;padding-left:16px;display:flex}.visit-time strong{color:#423d38;margin-top:2px;font-size:11px;font-weight:600;display:block}.visit-time button{color:#765d36;background:#f2eadc;border:0;border-radius:7px;place-items:center;width:25px;height:25px;margin-left:auto;padding:0;display:grid}.workspace-grid{grid-template-columns:minmax(380px,.82fr) minmax(460px,1.18fr);gap:18px;margin-top:18px;display:grid}.input-column{grid-template-columns:1fr 1fr;gap:14px;display:grid}.photo-card,.preview-panel{background:#fff;border:1px solid #ded9d1;border-radius:14px;box-shadow:0 7px 24px #2e281f0b}.photo-card{min-width:0;padding:13px}.card-heading,.preview-heading{justify-content:space-between;align-items:flex-start;gap:8px;padding:1px 2px 10px;display:flex}.card-heading p,.preview-heading p{color:#8c857d;margin:4px 0 0;font-size:10px;line-height:1.45}.small-action{color:#72634d;background:#f5f0e8;border:0;flex:none;min-height:27px;padding:0 7px}.upload-area{cursor:pointer;background:linear-gradient(#fcfaf7e6,#fcfaf7e6),repeating-linear-gradient(45deg,#eee9e2 0 1px,#0000 1px 12px);border:1px dashed #cfc7bb;border-radius:10px;place-items:center;height:calc(100vh - 294px);min-height:390px;max-height:560px;display:grid;position:relative;overflow:hidden}.upload-area.has-photo{background:#ece9e4;border-style:solid}.upload-area img,.result-stage>img,.source-placeholder>img{object-fit:contain;width:100%;height:100%;display:block}.upload-prompt{color:#6b6359;text-align:center;flex-direction:column;align-items:center;padding:20px;display:flex}.upload-icon,.empty-result>span{color:#92723e;background:#f8f1e5;border:1px solid #ded2be;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:12px;display:grid}.upload-prompt strong{font-size:13px}.upload-prompt small{color:#a09a91;max-width:150px;margin-top:5px;font-size:10px;line-height:1.45}.trend-browser{background:#fff;border:1px solid #ded9d1;border-radius:14px;grid-column:1/-1;min-width:0;padding:14px;box-shadow:0 7px 24px #2e281f0b}.face-advice{background:#fff;border:1px solid #ded9d1;border-radius:12px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex;box-shadow:0 7px 24px #2e281f09}.face-advice p{color:#8c857d;margin:4px 0 0;font-size:10px;line-height:1.45}.face-advice p.done{color:#42745b}.face-advice p.error{color:#a4534e}.face-advice button{color:#fff;background:#6f5632;border:0;border-radius:8px;flex:none;align-items:center;gap:6px;min-height:34px;font-size:10px;font-weight:700;display:inline-flex}.face-advice button:disabled{cursor:wait;opacity:.65}.suggestion-chips{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.suggestion-chips span{color:#765d36;background:#faf4eb;border:1px solid #e5d7c3;border-radius:999px;padding:4px 7px;font-size:9px}.trend-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.trend-heading p{color:#8c857d;margin:4px 0 0;font-size:10px;line-height:1.45}.live-badge{color:#3f7658;background:#f0f8f3;border:1px solid #cfe0d6;border-radius:999px;flex:none;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.trend-filters{grid-template-columns:104px minmax(160px,1fr) auto;align-items:end;gap:8px;margin-top:12px;display:grid}.trend-filters label{color:#777067;gap:5px;font-size:9px;display:grid}.trend-filters select,.trend-filters input{color:#4e4943;background:#faf8f5;border:1px solid #ddd7ce;border-radius:8px;outline:0;width:100%;height:34px;padding:0 9px;font-size:10px}.trend-filters select:focus,.trend-filters input:focus{border-color:#9d7940;box-shadow:0 0 0 3px #9d79401a}.trend-search-button{color:#fff8e9;background:#292724;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.trend-search-button:disabled{cursor:wait;opacity:.68}.trend-status{color:#8f887f;margin-top:8px;font-size:9px}.trend-status.done{color:#42745b}.trend-status.error{color:#a4534e}.trend-external{color:#765d36;text-underline-offset:2px;align-items:center;gap:5px;margin-top:7px;font-size:9px;font-weight:650;text-decoration:underline;display:inline-flex}.trend-results{scrollbar-width:thin;grid-auto-columns:minmax(126px,148px);grid-auto-flow:column;gap:8px;margin-top:10px;padding:1px 1px 6px;display:grid;overflow-x:auto}.trend-card{background:#faf8f5;border:1px solid #e1dbd2;border-radius:9px;overflow:hidden}.trend-card>img{aspect-ratio:4/5;object-fit:cover;background:#ebe7e0;width:100%;display:block}.trend-card-body{gap:3px;padding:7px;display:grid}.trend-card-body strong{color:#49443e;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:650;overflow:hidden}.trend-card-body>span{color:#aaa39a;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.trend-card-body>div{justify-content:space-between;align-items:center;gap:5px;margin-top:3px;display:flex}.trend-card-body a,.trend-card-body button{color:#7c6a4f;background:0 0;border:0;align-items:center;gap:3px;font-size:8px;text-decoration:none;display:inline-flex}.trend-card-body button{color:#fff;background:#7b6036;border-radius:6px;padding:4px 6px;font-weight:700}.trend-notice{color:#a29b92;margin-top:4px;font-size:8px;line-height:1.45;display:block}.preview-panel{grid-template-rows:auto minmax(340px,1fr) auto;padding:13px;display:grid}.result-stage{background:#292826;border-radius:10px;place-items:center;height:calc(100vh - 400px);min-height:390px;max-height:484px;display:grid;position:relative;overflow:hidden}.empty-result{color:#d4cec4;flex-direction:column;align-items:center;display:flex}.empty-result>span{color:#c5a468;background:#37332d;border-color:#5a5040}.empty-result strong{font-family:Noto Serif SC,Songti SC,serif;font-size:16px;font-weight:500}.empty-result p{color:#7e7971;margin:4px 0 0;font-size:11px}.source-placeholder{width:100%;height:100%;position:relative}.source-placeholder div{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1d1b18c7;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:11px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.working-overlay{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#181614c2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.working-overlay strong{margin-top:10px;font-family:Noto Serif SC,serif}.working-overlay span{color:#bbb4aa;margin-top:4px;font-size:10px}.candidate-strip{padding:10px 2px 0}.candidate-caption{color:#6f675e;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px;display:flex}.candidate-caption small{color:#aaa39a;font-size:9px}.candidate-list{gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.candidate-list button{background:#ece8e1;border:2px solid #0000;border-radius:8px;flex:0 0 58px;width:58px;height:58px;padding:0;position:relative;overflow:hidden}.candidate-list button.active{border-color:#b48643;box-shadow:0 0 0 2px #f3e5ce}.candidate-list img{object-fit:cover;width:100%;height:100%}.candidate-list span{color:#fff;background:#1a1816bf;border-radius:4px;padding:2px 4px;font-size:8px;position:absolute;bottom:3px;right:3px}.quality-row{color:#898178;align-items:center;gap:10px;margin-top:7px;font-size:9px;display:flex}.quality-row strong{color:#4f745b;margin-left:auto;font-weight:700}.face-controls{background:#faf8f5;border:1px solid #e1dbd2;border-radius:9px;margin-top:10px;padding:10px 11px}.face-control-heading{color:#554f48;justify-content:space-between;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.face-control-heading small{color:#a09991;font-size:9px;font-weight:400}.face-controls label{margin-top:6px;display:block}.face-controls label span{color:#777067;justify-content:space-between;font-size:9px;display:flex}.face-controls label b{color:#7a5a29}.controls{padding:13px 3px 0}.control-title,.control-title>span,.status-line{align-items:center;display:flex}.control-title{justify-content:space-between;margin-bottom:9px}.control-title>span{color:#544e47;gap:6px;font-size:11px;font-weight:700}.control-title small{color:#a39d95;font-size:9px}.controls>label>span,.compact-controls label>span{color:#777067;justify-content:space-between;margin-bottom:5px;font-size:10px;display:flex}.controls label b{color:#7a5a29;font-weight:700}input[type=range]{accent-color:#98743b;width:100%}.compact-controls{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.compact-controls select,.compact-controls input{color:#4e4943;background:#faf8f5;border:1px solid #ddd7ce;border-radius:7px;outline:0;width:100%;height:31px;padding:0 8px;font-size:11px}.generate-button{color:#fff8e9;background:#292724;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;margin-top:10px;font-size:12px;font-weight:700;display:flex;box-shadow:0 6px 14px #29272429}.generate-button:hover{background:#39352f}.generate-button:disabled{cursor:wait;opacity:.75}.cloud-consent{color:#c8b995;background:#26231e;border:1px solid #4b4335;border-radius:9px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:11px;line-height:1.45;display:flex!important}.cloud-consent input{accent-color:#c49a58;margin-top:2px}.status-line{color:#969087;gap:6px;margin-top:7px;font-size:9px}.status-line>span{background:#a9a29a;border-radius:50%;width:6px;height:6px}.status-line.done{color:#42745b}.status-line.done>span{background:#4e9870}.status-line.error{color:#a4534e}.status-line.error>span{background:#bd5a55}.work-footer{color:#898279;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;padding:0 3px;font-size:10px;display:flex}.work-footer>span{align-items:center;gap:6px;display:flex}.work-footer>div{gap:7px;display:flex}.work-footer button{color:#5d554a;background:#fff;border:1px solid #d9d2c7;min-height:30px}.work-footer button:disabled{cursor:default;opacity:.45}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1c1a178c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #ded7cc;border-radius:16px;width:min(430px,100%);padding:28px;position:relative;box-shadow:0 24px 80px #15131042}.modal-card h2{margin:5px 0 20px;font-family:Noto Serif SC,Songti SC,serif;font-size:24px;font-weight:600}.modal-card form{display:grid}.modal-card label{color:#696159;gap:6px;margin-bottom:13px;font-size:11px;display:grid}.modal-card input,.modal-card textarea{color:#342f2a;background:#faf8f5;border:1px solid #dcd5cc;border-radius:8px;outline:none;width:100%;padding:10px 11px;font-size:12px}.modal-card textarea{resize:vertical;min-height:88px}.modal-card input:focus,.modal-card textarea:focus{border-color:#9d7940;box-shadow:0 0 0 3px #9d79401a}.modal-close{color:#837b72;background:#f4f1ec;border:0;border-radius:8px;place-items:center;width:31px;height:31px;padding:0;display:grid;position:absolute;top:14px;right:14px}.modal-submit{color:#fff8e9;background:#292724;border:0;border-radius:9px;height:40px;margin-top:4px;font-size:12px;font-weight:700}.history-grid{gap:9px;max-height:520px;padding-right:4px;display:grid;overflow-y:auto}.history-grid article{background:#faf8f5;border:1px solid #e2dcd3;border-radius:10px;grid-template-columns:76px 1fr;align-items:center;gap:11px;padding:8px;display:grid}.history-grid img{object-fit:cover;background:#e9e5de;border-radius:7px;width:76px;height:76px}.history-grid article>div{gap:4px;min-width:0;display:grid}.history-grid strong{color:#68502d;font-size:11px}.history-grid span,.history-grid small{color:#898178;font-size:9px}.empty-history{color:#8c857d;font-size:11px}.settings-list{gap:8px;display:grid}.settings-list>div{color:#756e66;background:#faf8f5;border:1px solid #e2dcd3;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;font-size:10px;display:flex}.settings-list strong{color:#4f745b;font-size:10px}.settings-note{color:#8c857d;margin:14px 0 0;font-size:10px;line-height:1.65}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1120px){.app-shell{grid-template-columns:190px minmax(760px,1fr)}main{padding:24px}.workspace-grid{grid-template-columns:minmax(330px,.8fr) minmax(420px,1.2fr)}.customer-strip{grid-template-columns:40px 210px 1fr}.visit-time{display:none}.trend-filters{grid-template-columns:94px minmax(130px,1fr)}.trend-search-button{grid-column:1/-1}}@media (width<=760px){.app-shell{min-height:100vh;display:block}.sidebar{z-index:50;scrollbar-width:none;border-bottom:1px solid #3a3835;border-right:0;flex-direction:row;align-items:center;gap:8px;width:100%;height:auto;min-height:62px;padding:9px 11px;position:sticky;top:0;overflow-x:auto}.sidebar::-webkit-scrollbar{display:none}.brand{flex:none;padding:0 4px 0 0}.brand-mark{width:38px;height:38px}.brand>div{display:none}nav{flex:none;gap:3px;display:flex}.nav-item{white-space:nowrap;flex:none;gap:6px;width:auto;min-height:42px;padding:8px 10px;font-size:11px}.nav-item.active{box-shadow:inset 0 -2px #d9b46f}.sidebar-footer{flex:none;margin:0;display:flex}.privacy-note{display:none}main{padding:18px 14px 84px}.topbar{align-items:flex-start;gap:14px;margin-bottom:16px}h1{font-size:24px}.top-actions{gap:6px}.ghost-button,.primary-small{min-height:40px;padding:0 10px;font-size:11px}.customer-strip{grid-template-columns:42px minmax(0,1fr);gap:9px 11px;min-height:0;padding:12px}.preference{border-top:1px solid #ebe7e0;border-left:0;grid-column:1/-1;padding:10px 0 0}.preference p{white-space:normal;line-height:1.5}.visit-time{display:none}.workspace-grid{flex-direction:column;gap:13px;margin-top:13px;display:flex}.input-column{display:contents}.input-column>.photo-card{order:1}.input-column>.face-advice{order:2}.preview-panel{order:3}.input-column>.trend-browser{order:4}.photo-card,.preview-panel,.trend-browser{border-radius:12px}.upload-area{height:58vh;min-height:320px;max-height:520px}.face-advice{flex-direction:column;align-items:stretch}.face-advice button{justify-content:center;align-self:stretch;min-height:42px}.trend-heading{align-items:center}.trend-filters{grid-template-columns:1fr}.trend-search-button{grid-column:auto;min-height:42px}.trend-results{grid-auto-columns:minmax(138px,43vw)}.preview-panel{grid-template-rows:auto minmax(360px,auto) auto;padding:12px}.result-stage{height:58vh;min-height:360px;max-height:540px}.compact-controls{grid-template-columns:1fr}.compact-controls select,.compact-controls input{height:40px}.generate-button{height:46px}.work-footer{flex-direction:column;align-items:stretch}.work-footer>div{grid-template-columns:1fr 1fr;display:grid}.work-footer button{min-height:42px}.modal-backdrop{align-items:end;padding:0}.modal-card{width:100%;max-height:88vh;padding:26px 20px calc(22px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;overflow-y:auto}}@media (width<=430px){.topbar{flex-direction:column}.top-actions{width:100%}.top-actions button{flex:1}.photo-card .card-heading p{max-width:230px}.secure-session-badge{display:none}}