.ai-customer-photos{margin:14px 0;padding:14px;border:1px solid #dce6f1;border-radius:14px;background:#f8fafc;color:#18314a}
.ai-customer-photos strong{display:block;font-size:14px}
.ai-customer-photos .ai-photo-info,.ai-customer-photos .ai-photo-limit,.ai-customer-photos .ai-photo-local{margin:6px 0 10px;font-size:12px;line-height:1.45;color:#41566c}
.ai-customer-photos .ai-photo-local{border-top:1px solid #dce6f1;padding-top:9px}
.ai-photo-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px;margin-top:11px}
.ai-photo-option{position:relative;min-width:0;border:2px solid #dce6f1;border-radius:10px;overflow:hidden;background:#fff}
.ai-photo-option.active{border-color:#3478db}
.ai-photo-option-select{display:grid;gap:4px;width:100%;padding:5px;border:0;background:none;color:#153554;text-align:center;font-size:11px;font-weight:700;cursor:pointer}
.ai-photo-option-thumb{display:block;width:100%;height:66px;object-fit:cover;border-radius:5px}
.ai-photo-option-remove{position:absolute;right:3px;top:3px;z-index:2;display:grid;place-items:center;width:25px;height:25px;border:0;border-radius:7px;background:#782b30;color:#fff;font-size:18px;cursor:pointer}
.ai-photo-empty,.ai-photo-message{margin:8px 0;font-size:12px;color:#41566c}
.ai-photo-message{color:#8a2e30;font-weight:700}
.ai-customer-photo-choice{position:absolute;left:9px;top:9px;z-index:5;max-width:calc(100% - 20px);padding:6px 8px;border:1px solid #fff;border-radius:8px;background:rgba(10,36,57,.88);color:#fff;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}
.ai-photo-picker{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:15px;background:rgba(7,18,32,.75)}
.ai-photo-picker-panel{width:min(100%,580px);max-height:85vh;overflow:auto;padding:20px;border-radius:16px;background:#fff;color:#18314a;box-shadow:0 20px 80px #0005}
.ai-photo-picker-panel h3{margin:0 0 14px;font-size:19px}
.ai-photo-picker-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.ai-photo-picker-choice{padding:7px;border:1px solid #dce6f1;border-radius:9px;background:#fff;color:#18314a;font-weight:700;cursor:pointer}
.ai-photo-picker-choice img{display:block;width:100%;height:83px;margin-bottom:6px;object-fit:cover;border-radius:5px}
.ai-photo-picker-close{margin:12px 8px 0 0;padding:8px 11px;border:1px solid #dce6f1;border-radius:8px;background:#f6f8fb;color:#18314a;cursor:pointer}
#projectTools #sendProject{display:inline-flex!important}
#projectTools .project-policy{display:block!important}
#projectTools .project-tools-head{position:relative;display:block;min-height:40px;padding:1px 54px 0;text-align:center}
#projectTools .project-tools-head>div{max-width:650px;margin:0 auto}
#projectTools .project-tools-head .project-limit{position:absolute;right:0;top:0}
#projectTools .project-tabs{justify-content:center}
#projectTools .project-actions{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:16px auto 8px;max-width:760px}
#projectTools .project-actions button{min-height:39px;padding:10px 15px;border-radius:10px;font-size:11px;font-weight:800;text-align:center}
#projectTools #sendProject{background:linear-gradient(105deg,#86d7ff,#3dafff 65%,#5785ff);border:1px solid rgba(170,221,255,.5);color:#071b2e;box-shadow:0 9px 23px rgba(36,153,255,.21)}
#projectTools #sendProject:disabled{opacity:.64;cursor:wait}
#projectTools #sendProject:focus-visible,#projectTools .project-actions button:focus-visible,#projectTools .ai-logo-tool:focus-visible,.ai-customer-photos button:focus-visible{outline:2px solid #b1e7ff;outline-offset:3px}
#projectTools #deleteProject{color:#ffd0d0;border-color:rgba(255,125,125,.36)}
#projectTools .ai-logo-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:16px auto 0}
#projectTools .ai-logo-tools button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 17px;border-radius:10px;font-size:12px;font-weight:850;text-align:center;cursor:pointer}
#projectTools .ai-logo-tool{border:1px solid rgba(110,183,230,.3);color:#d3eafd;background:#103558}
#projectTools .ai-logo-tools .ai-photo-add{border:1px solid #83d4fa;color:#051d31;background:linear-gradient(100deg,#9ce4ff,#5ab8fa)}
#projectTools .ai-logo-tools>.project-status{box-sizing:border-box;flex:1 1 100%;width:100%;max-width:680px;min-height:0;margin:3px auto 0;color:#dcebf8;font-size:13px;font-weight:750;line-height:1.5;text-align:center}
#projectTools .ai-logo-tools>.project-status:empty{display:none}
#projectTools .ai-logo-tools>.project-status[data-state="success"]{padding:14px 18px;border:1px solid #51c891;border-radius:12px;background:#123b34;color:#e6fff3;box-shadow:0 8px 22px rgba(24,135,92,.18);font-size:14px;font-weight:850}
#projectTools .ai-logo-tools>.project-status[data-state="error"]{padding:11px 14px;border:1px solid #dd8888;border-radius:10px;background:#3c2028;color:#ffe6e6}
#projectTools .ai-logo-tools>.project-status[data-state="pending"]{padding:11px 14px;border:1px solid #5699cf;border-radius:10px;background:#123149;color:#e4f3ff}
.ai-customer-photos{background:#10283e;color:#eef7ff;border-color:#34526b}
.ai-customer-photos .ai-photo-info,.ai-customer-photos .ai-photo-limit,.ai-customer-photos .ai-photo-local{color:#c6d7e7}
.ai-customer-photos .ai-photo-empty{color:#b9cada}
.ai-customer-photos .ai-photo-message{color:#ffcccc}
.ai-customer-photos{text-align:center}
.ai-customer-photos .ai-photo-file{display:none}
.ai-customer-photos>.project-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:4px auto 0;padding:9px 20px;border-radius:10px;color:#051d31;background:linear-gradient(100deg,#9ce4ff,#5ab8fa);font-size:12px;font-weight:850}
.ai-photo-options{text-align:center;justify-content:center}
@media(max-width:600px){#projectTools .project-tools-head{padding:1px 38px 0}#projectTools .project-actions button,#projectTools .ai-logo-tools button{flex:1 1 42%;min-width:136px}#projectTools #sendProject{flex:1 1 100%}}
@media(max-width:390px){#projectTools .project-tools-head{padding:0}#projectTools .project-tools-head .project-limit{position:static;display:inline-block;margin-top:8px!important}}
.ai-site .ai-hero-visual{align-items:flex-end;justify-content:center}
.ai-site .ai-hero-visual.has-photo{background-image:linear-gradient(180deg,transparent 52%,rgba(5,18,32,.44) 100%)}
.ai-site .ai-hero-visual .ai-visual-overlay{width:max-content;min-width:min(60%,320px);max-width:calc(100% - 36px);margin:0 auto 20px;padding:15px 26px;border:1px solid rgba(255,255,255,.33);border-radius:14px;background:rgba(8,26,42,.66);box-shadow:0 8px 28px rgba(0,0,0,.15);backdrop-filter:blur(10px);text-align:center;color:#fff}
.ai-site .ai-hero-visual .ai-visual-overlay span{color:#d7e9f2;font-size:9px;font-weight:750;letter-spacing:.17em}
.ai-site .ai-hero-visual .ai-visual-overlay strong{display:block;margin-top:5px;color:#fff;font-size:clamp(16px,2.2vw,24px);font-weight:850;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
@container (max-width:500px){.ai-site .ai-hero-visual .ai-visual-overlay{max-width:calc(100% - 30px);margin-bottom:13px;padding:9px 14px}.ai-site .ai-hero-visual .ai-visual-overlay strong{font-size:16px}}
