/* PhotoAI Studio: shared presentation for the existing local face models. */
:root{--bg-color:#151b25;--text-color:#edf1f6;--accent-color:#9fb5f5;--secondary-color:#202a39;--card-bg:#202a39;--border-color:#354357;--font-heading:ui-sans-serif,system-ui,sans-serif;--font-body:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
body.light-mode{--bg-color:#f5f6fa;--text-color:#243044;--accent-color:#3c58b3;--secondary-color:#fff;--card-bg:#fff;--border-color:#dce2ed}
body{display:block;padding:0 18px;font-family:var(--font-body);line-height:1.6}.stars,.feature-links{display:none}.container{max-width:1080px;margin:0 auto;padding:24px 0;width:100%}header{padding:30px 0 22px;text-align:left;border-bottom:1px solid var(--border-color);margin-bottom:28px}header h1{font-family:var(--font-heading);font-size:clamp(29px,5vw,48px);letter-spacing:-.045em;line-height:1.2;color:var(--text-color);margin:25px 0 12px;word-break:keep-all;text-shadow:none}.subtitle{font-family:var(--font-body);font-size:16px;color:var(--text-color);opacity:.72;letter-spacing:0;word-break:keep-all}.theme-switch,.lang-switch{position:static;display:inline-flex;vertical-align:middle;gap:6px}.theme-switch{float:right}.lang-btn{width:34px;height:25px;border-radius:5px}.theme-btn{font-size:18px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.service-card{display:flex;align-items:center;gap:12px;flex-direction:row;min-height:76px;padding:16px;border:1px solid var(--border-color);background:var(--card-bg);border-radius:14px;text-align:left;box-shadow:none;transition:border-color .15s}.service-card:hover,.service-card.active{transform:none;border-color:var(--accent-color);background:var(--secondary-color)}.service-icon{font-size:25px;margin:0;line-height:1}.service-title{font-size:14px;font-weight:700;color:var(--text-color);word-break:keep-all}.studio-intro{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:18px;padding:25px;margin-bottom:24px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.studio-intro p{font-size:14px;opacity:.75;margin-top:8px}.studio-intro strong{font-size:20px}.studio-intro a{display:inline-flex;border-radius:10px;padding:11px 18px;background:var(--accent-color);color:var(--bg-color);font-weight:700;text-decoration:none}.studio-search{display:block;margin-bottom:12px}.studio-search input{width:100%;max-width:450px;background:var(--secondary-color);color:var(--text-color);border:1px solid var(--border-color);padding:13px 17px;border-radius:10px;font:inherit;font-size:14px}.studio-count{font-size:12px;opacity:.7;margin:12px 0}.studio-note{font-size:13px;background:var(--secondary-color);border-left:3px solid var(--accent-color);padding:18px;border-radius:0 12px 12px 0;margin:20px 0;color:var(--text-color)}.upload-box{background:var(--secondary-color);border:2px dashed var(--border-color);border-radius:20px;min-height:190px;box-shadow:none}.upload-label{padding:26px;min-height:190px;justify-content:center}.upload-label .icon{font-size:36px}.upload-label .text{font-family:var(--font-body);font-size:17px;letter-spacing:0}.upload-label:focus-visible{outline:3px solid var(--accent-color);outline-offset:6px}.upload-help{font-size:12px;opacity:.7;text-align:center;margin-top:10px}.studio-error{font-size:14px;color:#df657c;margin-top:10px}.preview-container{max-width:600px;margin:0 auto;max-height:550px}.preview-container img{max-height:550px;object-fit:contain}.results-section{border:1px solid var(--border-color);border-radius:20px;background:var(--secondary-color);padding:25px}.result-card{border-radius:14px;font-family:var(--font-body)}footer{padding:32px 0;font-size:12px;color:var(--text-color);opacity:.7;margin-top:35px;border-top:1px solid var(--border-color)}footer a{color:inherit;margin-right:14px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent-color);outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{padding:13px;gap:8px}.studio-intro{grid-template-columns:1fr}.studio-intro a{justify-self:start}}@media(max-width:520px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.container{padding-top:14px}.service-card{min-height:70px}.service-icon{font-size:22px}.service-title{font-size:13px}header{padding-top:12px}.studio-intro{padding:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}