:root{--ink:#262931;--muted:#656870;--paper:#fff;--panel:#fff;--line:#e6e6e7;--estate-green:#323c37;--blueprint:#526475;--copper:#575e68;--shadow:0 8px 24px #26293108;font-family:"Avenir Next","Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{color:inherit}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #587398;outline-offset:4px}[hidden]{display:none!important}section[id],#looks{scroll-margin-top:100px}.skip-link{position:fixed;top:-80px;left:12px;z-index:100;background:white;padding:12px}.skip-link:focus{top:8px}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;padding:12px max(24px,calc((100vw - 1240px)/2));background:#fffffff5;border-bottom:1px solid #f2f2f2}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;color:#243d37}.brand-mark{display:block;width:40px;height:40px;flex:none}.brand-wordmark{font-size:20px;font-weight:650;letter-spacing:-.8px;line-height:1.15}.brand-lane{font-weight:450;color:#63756a}.nav{display:flex;gap:3px;padding:5px;border:1px solid #f0f0f0;background:#f8f8f8;border-radius:999px;font-size:13px;color:var(--muted)}.nav a{padding:7px 12px;border-radius:999px}.nav a:hover{background:#fff;color:var(--ink)}.primary-btn,.secondary-btn,.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:47px;padding:10px 20px;border:1px solid #d4d4d6;border-radius:14px;font-weight:550;font-size:14px;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.primary-btn,.nav-cta{background:var(--ink);color:white;border-color:var(--ink)}.nav-cta{min-height:38px;border-radius:999px;font-size:13px;padding:7px 17px}.secondary-btn{background:#fff9}.primary-btn:hover,.nav-cta:hover{background:#41454f;box-shadow:0 4px 12px #26293115}.secondary-btn:hover{background:#f1f1f1}.primary-btn:active,.secondary-btn:active{transform:translateY(1px)}.wide{width:100%}main{width:min(1240px,calc(100% - 48px));margin:auto}
h1,h2,h3{margin:0;font-family:"Avenir Next","Segoe UI",sans-serif;line-height:1.12;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(42px,4.8vw,68px);text-wrap:balance}h2{font-size:clamp(30px,3.4vw,46px);text-wrap:balance}h3{font-size:20px;letter-spacing:-.025em}.eyebrow{margin:0 0 20px;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.035em}.hero{position:relative;margin-top:24px;border:1px solid #f0f0f0;border-radius:28px;overflow:hidden;padding:65px 42px 22px;background:radial-gradient(ellipse at 100% 0,#cfddf5 0,transparent 45%),radial-gradient(ellipse at 0 85%,#eed6d4 0,transparent 40%),radial-gradient(ellipse at 55% 110%,#eee7c8 0,transparent 45%),#f8f7f5}.hero-copy{text-align:center;position:relative}.hero .eyebrow{display:inline-flex;gap:8px;align-items:center;background:#ffffffa8;border:1px solid #ffffffb0;border-radius:999px;padding:5px 12px;margin-bottom:22px;font-size:11px}.status-dot{width:6px;height:6px;border-radius:50%;background:#718475}.lead{max-width:600px;margin:22px auto 0;font-size:17px;line-height:1.7;color:var(--muted)}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-facts{font-size:12px;color:var(--muted);margin:19px 0 0}.hero-facts span{margin:0 9px}.hero-visual{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:43px auto 0;max-width:1080px}.look-card{min-width:0;margin:0;padding:6px;background:#ffffffb8;border:1px solid #fff;border-radius:18px;box-shadow:0 8px 24px #26293105;transition:transform .22s ease,box-shadow .22s ease}.look-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #26293110}.look-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:12px;background:#e8e6e3}.look-card figcaption{padding:10px 9px 8px}.look-card figcaption span{font-size:13px;font-weight:600}.look-card small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.sample-caption{font-size:10px;text-align:center;color:var(--muted);margin:18px 0 0}.trust-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 36px;padding:32px 12px 45px;color:#72747b;font-size:12px}.trust-strip span{white-space:nowrap}
.workflow,.pricing{padding:72px 0;border-top:1px solid var(--line)}.workflow>div:first-child{max-width:700px;margin-bottom:38px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.steps article{padding:23px;background:#fafafa;border:1px solid #efefef;border-radius:16px}.steps span{display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:50%;width:28px;height:28px;margin-bottom:28px}.steps h3{font-size:17px;letter-spacing:-.025em}.steps p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:0}.section-heading{max-width:740px;margin-bottom:32px}.section-heading>p:last-child{font-size:13px;line-height:1.8;color:var(--muted);max-width:620px}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-card{display:flex;flex-direction:column;align-items:stretch;gap:17px;min-height:330px;text-align:left;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;cursor:pointer;transition:border-color .2s ease,background .2s ease}.price-card:hover{background:#fafafa;border-color:#a6a8ae}.price-card.active{border-color:var(--ink);background:#f7f8f9;box-shadow:inset 0 0 0 1px var(--ink)}.price-card>span:first-child{font-size:14px;font-weight:600}.price-card strong{font-size:48px;letter-spacing:-.055em;line-height:1.2;font-weight:500}.package-features{font-size:12px;line-height:2.2;color:var(--muted)}.choose-label{font-size:12px;margin-top:auto;border-top:1px solid var(--line);padding-top:17px}.pack-name{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}.pack-badge{border:1px solid #d6dce4;border-radius:20px;font-size:9px;font-weight:500;padding:3px 7px;color:#596371;background:#eaf0f7}.delivery-note{padding:24px 28px;background:#f8f8f8;border:1px solid #eee;border-radius:16px;margin-bottom:60px}.delivery-note h3{font-size:16px}.delivery-note p,.delivery-note a{font-size:12px;max-width:850px;color:var(--muted)}.delivery-note a{text-decoration:underline}
.studio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;padding:32px 0 70px;min-height:70vh;align-items:start}.workspace-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:12px;font-size:12px}.workspace-heading p{font-weight:600}.workspace-heading a{text-decoration:underline}.studio-panel,.results-panel{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px}.panel-head{margin-bottom:24px}.panel-head h2{font-size:32px}.studio-steps{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.studio-steps li{background:#f4f4f4;padding:6px 8px;border-radius:6px}#paymentNotice{font-size:13px;line-height:1.6}.split{display:flex;align-items:start;justify-content:space-between;gap:12px}.job-badge{border-radius:99px;background:#f0f2f5;padding:6px 10px;font-size:10px;white-space:nowrap}.upload-zone{position:relative;display:grid;place-items:center;min-height:165px;padding:24px;border:1px dashed #bcc3cc;border-radius:14px;background:#f8f9fa;cursor:pointer;text-align:center}.upload-zone:focus-within{outline:3px solid #587398}.upload-zone input{display:block;position:absolute;width:1px;height:1px;opacity:0}.upload-zone.dragging{background:#e8eef7;outline:2px solid #587398}.upload-title{display:block;font-weight:600;font-size:15px}.upload-note{display:block;margin-top:8px;font-size:12px;color:var(--muted);line-height:1.7}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 22px}.preview-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.reference-card{display:grid;gap:6px;min-width:0}.reference-card button,.result-card button{font-size:12px;padding:8px;border:1px solid var(--line);border-radius:8px;background:white;cursor:pointer}.reference-card button:disabled{background:#f2f3f4}.photo-guide{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.photo-guide div{border-left:2px solid #c5ccd5;padding-left:12px}.photo-guide strong{font-size:12px}.photo-guide p{font-size:12px;color:var(--muted);margin:4px 0}.studio-panel>label{font-size:12px;line-height:1.8}.control-group{margin:24px 0}.control-label,.notes-label{display:block;margin-bottom:12px;font-size:13px;font-weight:600}.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.segmented button{padding:4px;min-width:0;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;overflow:hidden}.segmented img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:6px;display:block}.segmented span{display:block;padding:6px 0;font-size:10px}.segmented button.active{outline:2px solid #677a91;outline-offset:1px}#styleCount{font-size:12px;color:var(--muted)}textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:12px;background:white;color:var(--ink);font-size:13px}#checkoutBtn,#generateBtn{margin-top:16px}.status-text{font-size:12px;min-height:44px;margin:14px 0 0;color:var(--muted)}#statusText,#accountStatus{white-space:pre-line}.text-button{background:none;border:0;text-decoration:underline;color:inherit;padding:8px;cursor:pointer}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-grid.loading{opacity:.45}.result-grid img{width:100%;height:auto;border-radius:12px;background:#f3f3f3}.gallery-empty{grid-column:1/-1;padding:60px 20px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted)}.gallery-empty h3{color:var(--ink)}.gallery-empty p,.results-panel>p{font-size:12px;color:var(--muted)}.result-card{display:grid;gap:6px;min-width:0}.result-card a{font-size:12px;text-align:center;text-decoration:underline}.result-card .favorite[aria-pressed=true]{background:#e8eef7}#galleryTools,#orderActions,.dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}#galleryStatus,#editorStatus{font-size:12px;color:var(--muted)}progress{width:100%;height:16px}
.account-section{max-width:800px;margin:auto;padding:60px 0;min-height:70vh}.account-section h2{margin-bottom:20px}.account-section form{display:grid;gap:16px;max-width:640px}.account-section label{display:grid;gap:7px}.account-section input{border:1px solid var(--line);border-radius:10px;padding:12px}.auth-actions{display:flex;flex-wrap:wrap;gap:10px}.account-section code{display:block;overflow-wrap:anywhere;padding:20px;background:#f6f6f6}.order-row{padding:16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.site-footer{padding:32px 24px;border-top:1px solid var(--line);text-align:center;font-size:12px;color:var(--muted)}.site-footer a{display:inline-block;padding:4px}.site-footer a:hover{text-decoration:underline}dialog{width:100%;max-width:min(700px,94vw);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:24px;color:var(--ink)}dialog::backdrop{background:#26293199}dialog label{display:grid;gap:6px;margin:16px 0}dialog input,dialog select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px}#exportCanvas{width:100%;height:auto;max-height:45vh;object-fit:contain;background:#f5f5f5}.compare-images{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.compare-images img{width:100%;height:auto}#compareDialog{max-width:min(1000px,96vw)}.legal{max-width:820px;margin:40px auto;padding:25px;line-height:1.8}.legal h1{font-size:42px}.legal h2{font-size:26px;margin-top:32px}.notice{padding:15px;background:#f5eddd;border-radius:8px}.admin-main{max-width:1300px;margin:auto;padding:35px}.admin-main table{border-collapse:collapse;width:100%;font-size:14px}.admin-main th,.admin-main td{padding:12px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.admin-table{overflow-x:auto}.admin-main h2{margin-top:45px}.admin-main button{padding:8px;cursor:pointer}.admin-main pre{white-space:pre-wrap;overflow-wrap:anywhere}#adminGallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#adminGallery img{width:100%}
@media(max-width:1000px){.nav{display:none}.hero{padding:50px 24px 20px}.look-card small{font-size:9px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.price-card{padding:22px}.studio{grid-template-columns:1fr}.results-panel{min-height:300px}}
@media(max-width:600px){main{width:calc(100% - 28px)}.topbar{min-height:70px;padding:12px 16px;gap:8px}.brand{font-size:14px;gap:7px}.nav-cta{font-size:11px;padding:7px 12px}.hero{margin-top:14px;padding:36px 14px 18px;border-radius:20px}.hero .eyebrow{font-size:10px;margin-bottom:20px}h1{font-size:clamp(33px,8.5vw,48px);letter-spacing:-.055em}.lead{font-size:14px;line-height:1.65;max-width:310px;margin-top:18px}.desktop-break{display:none}.hero-actions{gap:8px;margin-top:22px}.hero-actions a{font-size:11px;padding:10px 12px;gap:10px;min-height:44px;border-radius:12px}.hero-facts{font-size:10px}.hero-facts span{margin:0 4px}.hero-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.look-card{padding:4px;border-radius:14px}.look-card img{border-radius:10px}.look-card figcaption{padding:6px}.look-card figcaption span{font-size:11px}.look-card small{font-size:9px}.sample-caption{font-size:9px}.trust-strip{font-size:10px;gap:10px 20px;padding:26px 8px 35px}.workflow,.pricing{padding:42px 0}h2{font-size:31px}.steps{gap:10px}.steps article{padding:17px}.steps h3{font-size:16px}.steps p{font-size:12px}.steps span{margin-bottom:20px}.price-grid{grid-template-columns:1fr;gap:12px}.price-card{min-height:0;padding:24px;gap:12px}.package-features{font-size:13px}.pack-badge{font-size:10px}.delivery-note{padding:22px;margin-bottom:35px}.studio{padding-top:24px}.studio-panel,.results-panel{padding:18px}.panel-head h2{font-size:28px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.account-section{padding:40px 6px}.split{flex-wrap:wrap}.order-row{flex-wrap:wrap}.site-footer{font-size:11px}.legal h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.look-card:hover{transform:none}}
/* Real estate agent positioning: server-rendered copy, no animation dependency. */
.agent-kit,.agent-faq{padding:64px 0;border-top:1px solid var(--line)}.kit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kit-note{font-size:12px;color:var(--muted);margin-top:20px;max-width:780px}.agent-faq h2{margin-bottom:28px}.agent-faq details{padding:19px 0;border-bottom:1px solid var(--line);max-width:850px}.agent-faq summary{cursor:pointer;font-size:15px;font-weight:600}.agent-faq details p,.agent-faq details>a{font-size:13px;max-width:760px;color:var(--muted)}.agent-faq details a{text-decoration:underline}.agent-faq summary:focus-visible{outline:3px solid #587398;outline-offset:4px}@media(max-width:600px){.agent-kit,.agent-faq{padding:40px 0}.kit-grid{grid-template-columns:1fr}.kit-grid article{padding:22px}.kit-grid article>span{margin-bottom:16px}}

/* Account forms share the same layout on mobile and desktop. */
.account-card{background:#fff;border:1px solid #e2e5ee;border-radius:20px;padding:24px;margin:24px 0}.account-card form{display:grid;gap:14px;max-width:520px}.account-card label{display:grid;gap:7px}.account-card input:not([type=checkbox]){width:100%;padding:12px;border:1px solid #c9cfdb;border-radius:9px;font:inherit}.account-card .auth-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.account-card button[aria-pressed=true]{border-color:#4147cf;background:#eef0ff}.account-card #accountTermsLabel{display:block;line-height:1.6}.account-card input[type=checkbox]{margin-right:8px}.account-card [hidden]{display:none!important}#supportHistory p{white-space:pre-wrap;overflow-wrap:anywhere}.account-card p{line-height:1.6}#newPasswordFields{display:grid;gap:14px}

#threadDialog{width:min(720px,94vw);max-height:85vh;overflow:auto}#threadMessages article,#staffMessages p{padding:16px;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}#threadState{font-size:12px;overflow-wrap:anywhere}#threadReplyForm,#staffReplyForm{display:grid;gap:12px}#supportForm input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px}#threadMessages{max-height:40vh;overflow:auto}

#historyDialog{width:min(850px,94vw);max-height:85vh;overflow:auto}#historyList{margin:20px 0}#deviceList p{overflow-wrap:anywhere}#signedIn details{margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:12px}#signedIn summary{cursor:pointer;font-weight:600}#orderDetails{font-size:12px;overflow-wrap:anywhere;color:var(--muted)}

@media(max-width:600px){.brand-mark{width:34px;height:34px}.brand-wordmark{font-size:17px;letter-spacing:-.65px}.brand{gap:8px}}

/* Mobile task navigation remains available when the desktop navigation collapses. */
.mobile-nav{display:none}main>section{scroll-margin-top:104px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #526475;outline-offset:3px}
@media(max-width:1000px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.mobile-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}.mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;font-size:14px;font-weight:600}.mobile-nav a[aria-current=page]{background:#edf2ee;color:#243d37}}
@media(max-width:600px){.topbar{position:relative;background:#fff}.nav-cta{min-height:44px;max-width:112px;text-align:center}.account-card{padding:16px;min-width:0}.account-section h2{font-size:30px}.account-section p,.order-row,#historyList{overflow-wrap:anywhere}.account-section input,.account-section textarea,dialog input,dialog select,dialog textarea,#notesInput{font-size:16px}.account-section button,.result-card button,.result-card a,.segmented button,dialog button,.site-footer a{min-height:44px}.result-card button{padding:10px 8px}.result-card a{display:flex;align-items:center;justify-content:center}.result-grid{grid-template-columns:1fr}.studio-progress{flex-wrap:wrap}.account-card .auth-actions>*{flex:1 1 130px}.order-row>*{max-width:100%}#galleryTools>*{flex:1 1 130px}dialog,#threadDialog,#historyDialog{max-width:calc(100vw - 20px);width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:18px;margin:auto}.dialog-actions>*{flex:1 1 120px}#exportCanvas{max-height:32dvh}.legal{padding:16px;margin:24px auto}.legal h1{font-size:30px}.legal summary{padding:12px 0;cursor:pointer}.site-footer a{display:inline-flex;align-items:center}.steps{grid-template-columns:1fr}main>section{scroll-margin-top:16px}}
/* Profession-led homepage: approved direction, using existing verified assets. */
:root{--estate-green:#193d35;--ink:#172b27;--muted:#64706b}
.profession-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:52px 0 46px}.profession-hero .hero-copy{text-align:left}.profession-hero h1{font-size:clamp(40px,4.4vw,64px);font-weight:600;line-height:1.08;letter-spacing:-.05em}.profession-hero h1 span{color:#204c40}.profession-hero .lead{margin:24px 0 0;max-width:480px;font-size:18px}.profession-hero .hero-actions{justify-content:flex-start;gap:12px}.profession-hero .hero-facts{font-size:13px}.availability-note{font-size:13px;color:#785d2d;padding-left:12px;border-left:2px solid #c7a568;margin-top:24px}.primary-btn,.nav-cta{background:#193d35;border-color:#193d35}.portrait-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.portrait-mosaic figure{margin:0;min-width:0}.portrait-mosaic img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:12px;background:#f6f4ef}.portrait-mosaic figure:nth-child(n+5) img{object-fit:contain}.sample-caption{font-size:12px;line-height:1.6}.profession-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:#f8f7f3;padding:20px;border-radius:14px}.profession-selectors button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;background:transparent;border:1px solid transparent;border-radius:9px;padding:18px;cursor:pointer;min-width:0}.profession-selectors button[aria-pressed=true]{border-color:#285346;background:#edf2ed}.profession-selectors strong{font-size:17px;line-height:1.3}.profession-selectors span{font-size:13px;color:var(--muted);line-height:1.5}.profession-detail{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;padding:64px 0;align-items:center}.profession-photo{margin:0}.profession-photo img{display:block;width:100%;height:auto;border-radius:16px}.profession-photo figcaption{font-size:12px;color:var(--muted);margin-top:12px}.profession-copy h2{font-size:clamp(30px,3vw,44px)}.profession-copy>p{color:var(--muted)}.profession-copy h3{font-size:17px;margin-top:28px;letter-spacing:-.02em}.profession-copy ul{padding-left:20px;font-size:15px;line-height:1.9;color:var(--muted)}.profession-copy .eyebrow{letter-spacing:.14em;color:#8a6a35;text-transform:uppercase}.profession-uses{font-size:13px;padding:16px 0;border-top:1px solid var(--line)}.direction-note{text-align:left;max-width:520px;margin-top:14px}.service-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f8f7f3;padding:28px 20px;border-radius:12px;gap:20px}.service-strip>div{padding:0 12px;border-right:1px solid #e6e3da}.service-strip>div:last-child{border:0}.service-strip strong,.service-strip span{display:block}.service-strip strong{font-size:14px}.service-strip span{font-size:13px;color:var(--muted);margin-top:8px}.service-strip a{text-decoration:underline}.example-section,.finished-kit{padding:72px 0;border-bottom:1px solid var(--line)}.section-heading>p:last-child{font-size:15px}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.demo-portrait{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;text-align:left}.demo-portrait img{display:block;width:100%;height:auto}.demo-portrait span{display:block;padding:16px;font-size:14px}.demo-portrait:hover{border-color:#193d35}.kit-examples{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center;margin:28px 0}.kit-examples figure{margin:0 0 20px}.kit-examples img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--line)}.kit-examples figcaption{font-size:13px;color:var(--muted);margin-top:10px}#professionInput{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:16px}.topbar .nav{font-size:12px}.topbar .nav a{padding:7px 10px}
@media(max-width:1000px){.profession-hero{gap:28px;padding-top:32px}.profession-hero h1{font-size:44px}.profession-detail{gap:32px}.profession-selectors{gap:6px;padding:12px}.profession-selectors button{padding:12px}.profession-selectors strong{font-size:15px}}
@media(max-width:650px){.profession-hero{grid-template-columns:1fr;gap:26px;padding:32px 0}.profession-hero h1{font-size:42px;max-width:460px}.profession-hero .lead{font-size:16px}.profession-hero .hero-actions>*{flex:1;padding:12px;font-size:13px}.portrait-mosaic{gap:8px}.portrait-mosaic img{border-radius:8px}.profession-selectors{grid-template-columns:repeat(2,minmax(0,1fr))}.profession-selectors button{gap:8px}.profession-selectors strong{font-size:15px}.profession-selectors span{font-size:12px}.profession-detail{grid-template-columns:1fr;gap:24px;padding:36px 0}.profession-photo img{max-height:420px;object-fit:contain;background:#f7f5ef}.profession-copy h2{font-size:34px}.service-strip{grid-template-columns:1fr 1fr;padding:20px 12px;gap:22px 10px}.service-strip>div:nth-child(2){border:0}.example-section,.finished-kit{padding:44px 0}.demo-grid{gap:10px;grid-template-columns:1fr 1fr}.demo-grid .demo-portrait:last-child{grid-column:1/-1;width:70%;justify-self:center}.demo-portrait span{padding:12px;font-size:12px}.kit-examples{grid-template-columns:1fr;gap:12px}.kit-examples>figure{max-width:300px;justify-self:center}.kit-note{font-size:13px}}

.role-layouts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;align-items:center}.role-layouts figure{margin:0}.role-layouts img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.role-layouts figcaption{font-size:11px;color:var(--muted);margin-top:8px}

.sample-case{min-width:0}.sample-case .demo-portrait{width:100%}.demo-portrait small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.sample-case details{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:10px}.sample-case summary{cursor:pointer;font-size:14px;min-height:32px}.sample-case details img{display:block;width:100%;height:auto;margin-top:12px;border-radius:8px}.sample-case details p{font-size:13px;color:var(--muted)}.layout-try-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.layout-try-grid article{padding:20px;background:#f8f7f3;border-radius:12px}.layout-try-grid img{width:100%;height:auto;max-height:260px;object-fit:contain;border-radius:8px}.layout-try-grid h3{margin:18px 0}.layout-try-grid button{width:100%}@media(max-width:650px){.sample-case summary{font-size:12px;min-height:44px}.sample-case .demo-portrait:last-child{width:100%}.layout-try-grid{grid-template-columns:1fr}.layout-try-grid img{max-height:240px}}

.availability-explain{display:block;margin-top:10px;font-size:13px;color:#4c5e58}.photo-check{font-size:13px;line-height:1.6;margin:4px 0;color:#3e514b}.price-card small{display:block;font-size:13px;margin:16px 0;color:#43544e}#qualityReview{padding:16px;background:#fff4dc;border-radius:10px;font-size:14px}#qualityReview input,#availabilityOptIn{width:20px;height:20px;vertical-align:middle}#editorDialog canvas{display:block;max-height:35vh;width:100%;object-fit:contain;background:#f6f5f0}#exportDownload{position:sticky;bottom:0;box-shadow:0 -6px 15px #fff;width:100%}.upload-note a,.price-grid a,#studioAlert a{text-decoration:underline}.studio-panel>label,.upload-note,.photo-guide p,.status-text{font-size:14px}input,textarea,select{font-size:16px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.preview-grid .reference-inspect{padding:0;cursor:zoom-in;background:#f0f1f3}.preview-grid .reference-inspect img{display:block;object-fit:contain}.reference-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}.reference-dialog img{display:block;width:100%;height:55dvh;object-fit:contain;background:#f0f1f3}.reference-dialog button{display:block;margin-top:12px;min-height:44px;padding:10px 20px}.reference-dialog p{line-height:1.6}

/* Reference preparation keeps feedback beside the selected files. */
.photo-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.photo-heading h3{font-size:17px;margin:0}.photo-heading span{font-size:12px;color:var(--muted);white-space:nowrap}
#uploadArea{margin:24px 0}.upload-feedback{padding:12px 14px;background:#edf5f0;border:1px solid #b7d5c4;border-radius:10px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.upload-feedback.has-error{background:#fff5eb;border-color:#e0ba91;color:#663b12}.rejected-photo{padding:12px;border-left:3px solid #a44931;background:#fff6f2;margin-top:8px;font-size:13px;overflow-wrap:anywhere}.rejected-photo p{margin:6px 0;line-height:1.6}.reference-name{font-size:12px;overflow-wrap:anywhere;margin:4px 0}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.reference-card{padding:10px;border:1px solid var(--line);border-radius:12px}.reference-card button{min-height:44px}.reference-card .photo-check{font-size:12px;line-height:1.6;margin:4px 0}.photo-tips{border-top:1px solid var(--line);padding-top:14px}.photo-tips summary{cursor:pointer;font-size:13px;min-height:32px}#qualityReview{background:#fff5eb;padding:12px;border-radius:8px;font-size:13px;line-height:1.6}.upload-zone{min-height:130px}.studio-panel>label{display:block;margin:18px 0;line-height:1.7}.studio-panel input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:6px}.studio button:focus-visible,.photo-tips summary:focus-visible{outline:3px solid #587398;outline-offset:3px}
@media(max-width:600px){.studio-panel,.results-panel{padding:18px}.photo-heading{align-items:baseline}.photo-heading h3{font-size:16px}.preview-grid{gap:8px}.reference-card{padding:7px}.upload-zone{padding:18px;min-height:130px}.studio-panel>label{font-size:14px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented span{font-size:13px}}

@media(max-width:600px){.preview-grid{grid-template-columns:1fr}.reference-card{grid-template-columns:110px minmax(0,1fr);padding:10px;column-gap:12px}.reference-inspect{grid-row:span 3;align-self:start}.reference-card .photo-check{grid-column:2}.reference-card button:not(.reference-inspect){grid-column:2}.reference-name{margin:0}}
