:root{--navy:#07182e;--navy2:#0d2848;--blue:#20a7ff;--blueDeep:#1467d8;--yellow:#ffc933;--ink:#10253c;--muted:#66778a;--line:#dce5ee;--bg:#f4f8fb;--white:#ffffff;--green:#179b63}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hiddenInput{display:none}.topbar{min-height:150px;background:linear-gradient(90deg,#061b35,#0b315c);justify-content:space-between;padding:10px 6.5vw;color:white;position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:7px solid var(--yellow);box-shadow:0 10px 30px rgba(4,20,38,.14)}.brand,.topbar{display:flex;align-items:center}.brand{gap:26px;cursor:pointer}.brandLogo{display:block;width:390px;max-width:36vw;height:118px;object-fit:contain;object-position:left center}.brandDivider{width:2px;height:92px;flex:0 0 2px;background:rgba(255,255,255,.88);border-radius:999px}.pictureBrand b{display:block;color:white;font-size:46px;line-height:1;font-weight:900;letter-spacing:.06em;white-space:nowrap}.pictureBrand small{display:block;margin-top:10px;color:rgba(255,255,255,.92);font-size:22px;line-height:1.2;font-weight:500;white-space:nowrap}.homeButton{border:2px solid #68baff;background:transparent;color:white;padding:15px 28px;border-radius:14px;font-weight:800;font-size:20px;transition:.15s ease}.homeButton:hover{background:white;color:var(--navy);border-color:white}.hero{min-height:calc(100vh - 150px);display:grid;grid-template-columns:minmax(0,1fr) 460px;grid-gap:55px;gap:55px;align-items:center;padding:5vh 6.5vw 4vh;background:radial-gradient(circle at 78% 20%,rgba(32,167,255,.14),transparent 30%),linear-gradient(135deg,#fbfdff,#edf5fb)}.heroInner{max-width:900px}.eyebrow{font-size:18px;letter-spacing:.22em;font-weight:800;color:#1670bd}.hero h1{font-size:clamp(58px,5.3vw,88px);line-height:.96;letter-spacing:-.05em;margin:24px 0 26px;color:var(--navy)}.hero h1 span.perfectHighlight{display:inline-block;margin-top:7px;padding:0;color:#1554a8;background:none;box-shadow:none;letter-spacing:-.05em}.heroText{font-size:26px;line-height:1.55;color:#5d7184;max-width:820px}.heroActions{display:flex;gap:18px;margin-top:42px}.primary,.secondary{border-radius:15px;padding:20px 34px;font-weight:800;font-size:22px;transition:.15s ease}.primary{border:2px solid var(--yellow);background:var(--yellow);color:var(--navy);box-shadow:0 10px 24px rgba(255,201,51,.3)}.primary:hover{transform:translateY(-1px);border-color:#e6ad00}.secondary{background:white;color:var(--navy);border:2px solid #9fb5c9;box-shadow:0 5px 12px rgba(10,40,70,.06)}.secondary:hover{border-color:var(--navy);background:#f8fbfd}.small{padding:12px 18px;font-size:15px}.processFlow{margin-top:38px;width:100%;max-width:100%}.processFlow,.processStep{display:flex;align-items:center;gap:6px}.processStep{white-space:nowrap;flex:0 0 auto}.stepNumber{width:48px;height:48px;place-items:center;border-radius:50%;color:white;background:linear-gradient(135deg,#168df0,#2569e2);border:4px solid #e5f4ff;outline:2px solid rgba(32,167,255,.26);box-shadow:0 5px 15px rgba(32,130,220,.18);font-size:16px}.stepIcon,.stepNumber{display:grid;font-weight:900}.stepIcon{width:38px;height:38px;place-items:center;border-radius:50%;background:#e8f5ff;color:#1652ae;font-size:18px}.processStep>span{color:var(--navy);font-size:15px;font-weight:900;white-space:nowrap}.processConnector{height:2px;min-width:15px;max-width:28px;flex:1 1;background:linear-gradient(90deg,#b4c9db,#dce7ef)}.heroCard{width:100%;max-width:460px;justify-self:end;background:white;border:1px solid var(--line);box-shadow:0 35px 90px rgba(10,44,73,.14);border-radius:30px;padding:18px;display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;transform:rotate(.5deg)}.photoMock{height:360px;border-radius:20px;position:relative;overflow:hidden}.photoMock:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,#bcc2c7 0 44%,#575f63 45% 48%,#777 49% 61%,#3d4448 62% 100%);filter:saturate(.65)}.photoMock:after{content:"";position:absolute;left:12%;right:12%;bottom:12%;height:32%;border-radius:4px;background:linear-gradient(90deg,#60696e 0 8%,#d2d5d5 8% 68%,#5b646a 68% 76%,#bfc3c4 76%)}.photoMock.after:before{filter:saturate(.9) brightness(1.45) contrast(.9)}.photoMock.after:after{filter:brightness(1.18)}.photoMock span{position:absolute;top:16px;left:16px;background:rgba(7,24,46,.86);color:white;padding:9px 14px;border-radius:8px;font-size:15px;font-weight:800;letter-spacing:.08em;z-index:2}.photoMock.after span{background:var(--yellow);color:var(--navy)}.heroCardBottom{grid-column:1/-1;padding:18px 8px 6px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.heroCardBottom b{font-size:22px;color:var(--navy);max-width:260px}.heroCardBottom span{color:var(--muted);font-size:18px;max-width:220px}.workspace{max-width:1480px;margin:0 auto;padding:42px 4vw 120px}.workspaceHead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.workspaceHead h2{font-size:40px;margin:9px 0 8px;color:var(--navy);letter-spacing:-.03em}.workspaceHead p{margin:0;color:var(--muted)}.setupGrid{display:grid;grid-template-columns:1fr 2fr;grid-gap:16px;gap:16px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:18px}.panel.wide{grid-column:span 1}.panel label{display:block;font-weight:800;margin-bottom:10px;color:var(--navy)}.panel input{width:100%;border:1px solid #cfdbe6;border-radius:10px;padding:13px 14px;outline:none}.panel input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(32,167,255,.1)}.panel small{display:block;color:var(--muted);margin-top:8px}.formatGrid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.format{border:1px solid var(--line);border-radius:11px;background:#fbfdff;padding:11px 9px;text-align:left;position:relative;min-height:72px}.format b,.format span{display:block}.format b{font-size:18px;color:var(--navy)}.format span{font-size:11px;color:var(--muted);margin-top:3px}.format em{position:absolute;right:7px;top:7px;background:#eaf7ff;color:#207db9;border-radius:999px;padding:4px 6px;font-size:8px;font-style:normal;font-weight:800}.format.active,.mode.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(32,167,255,.12);background:#f4fbff}.modeGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.mode{border:1px solid var(--line);background:#fbfdff;border-radius:11px;padding:12px;text-align:left}.mode b,.mode span{display:block}.mode b{color:var(--navy)}.mode span{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.35}.accuracyNote{margin-top:10px;background:#fff8df;border:1px solid #f7e3a3;padding:9px 11px;border-radius:9px;font-size:12px;color:#765f1d}.peoplePetsSetting{margin-top:14px;padding:13px 15px;border:1px solid #bed5e8;border-radius:12px;background:#f5faff;display:flex;justify-content:space-between;align-items:center;gap:20px}.peoplePetsSetting b{display:block;color:var(--navy)}.peoplePetsSetting>div>span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background:#bcc8d2;border-radius:999px;transition:.2s;margin:0}.switch .slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s;box-shadow:0 2px 5px rgba(0,0,0,.2)}.switch input:checked+.slider{background:#1674e8}.switch input:checked+.slider:before{transform:translateX(22px)}.dropzone{border:2px dashed #bfcfdd;background:white;border-radius:20px;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.uploadIcon{width:62px;height:62px;border-radius:20px;background:#eaf7ff;color:#168bd7;display:grid;place-items:center;font-size:31px;font-weight:300}.dropzone h3{font-size:25px;margin:18px 0 3px}.dropzone p{color:var(--muted);margin:0 0 18px}.organizeBar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eaf7ff;border:1px solid #c9e9fc;border-radius:14px;padding:14px 16px;margin:20px 0}.organizeBar b,.organizeBar span{display:block}.organizeBar span{color:#5d7890;font-size:12px;margin-top:3px}.organizeActions,.projectActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.photoGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px}.photoCard{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 7px 18px rgba(22,53,78,.04)}.thumbWrap{height:210px;position:relative;background:#dbe4ea}.thumbWrap img{width:100%;height:100%;object-fit:cover}.orderNo,.status{position:absolute;top:10px;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:800}.orderNo{left:10px;background:var(--navy);color:white}.status{right:39px;background:#fff;color:#496176}.status.approved{background:#e7f8f0;color:var(--green)}.status:not(.approved){max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove{position:absolute;right:9px;top:9px;width:27px;height:27px;border-radius:50%;border:0;background:rgba(7,24,46,.75);color:#fff;font-size:19px;line-height:1}.photoBody{padding:12px}.photoBody select{width:100%;border:1px solid #d5e0e9;border-radius:8px;padding:9px;background:white}.filename{font-size:11px;color:#6c7d8d;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.downloadOne{width:100%;margin-top:10px;border:1px solid #d4e0ea;background:#fff;border-radius:8px;padding:9px;font-weight:700;color:var(--navy)}.removeInput{width:100%;margin-top:9px;border:1px solid #d5e0e9;border-radius:8px;padding:9px 10px;font-size:12px}.photoError{margin-top:8px;padding:8px 9px;border-radius:8px;background:#fff0f0;border:1px solid #f1c2c2;color:#a23d3d;font-size:11px;line-height:1.35}.bottomBar{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:3px solid var(--yellow);padding:14px 5vw;display:flex;justify-content:space-between;align-items:center;gap:15px;z-index:30;box-shadow:0 -10px 30px rgba(8,35,60,.07);color:#607387;font-size:13px}.bottomActions{display:flex;gap:10px}@media (max-width:1200px){.topbar{min-height:110px}.brandLogo{width:245px}.brandDivider{height:60px}.pictureBrand b{font-size:28px}.pictureBrand small{font-size:15px}.hero{gap:45px;padding:6vh 5vw}.hero h1{font-size:clamp(58px,6vw,82px)}.heroText{font-size:20px}.photoMock{height:330px}.processFlow{gap:10px}.processConnector{width:24px}.stepNumber{width:52px;height:52px;font-size:17px}.stepIcon{width:42px;height:42px;font-size:21px}.processStep span{font-size:16px}}@media (max-width:1000px){.hero{grid-template-columns:1fr}.heroCard{display:none}.setupGrid{grid-template-columns:1fr}.panel.wide{grid-column:1}.photoGrid{grid-template-columns:repeat(2,1fr)}.formatGrid{grid-template-columns:repeat(3,1fr)}.modeGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.topbar{padding:6px 16px;min-height:78px}.brand{gap:8px}.brandLogo{width:118px;max-width:34vw}.brandDivider{height:38px}.pictureBrand b{font-size:13px}.pictureBrand small{display:none}.homeButton{padding:8px 11px;font-size:12px}.hero{padding:8vh 22px}.hero h1{font-size:52px}.heroText{font-size:17px}.heroActions{flex-direction:column}.processFlow{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.processConnector{display:none}.processStep{background:white;padding:10px;border:1px solid var(--line);border-radius:12px}.stepNumber{width:42px;height:42px;font-size:13px}.stepIcon{width:34px;height:34px;font-size:17px}.processStep span{font-size:14px}.workspace{padding:28px 15px 120px}.workspaceHead{align-items:flex-start;flex-direction:column}.workspaceHead h2{font-size:31px}.formatGrid{grid-template-columns:repeat(2,1fr)}.modeGrid,.photoGrid{grid-template-columns:1fr}.thumbWrap{height:240px}.bottomBar{align-items:stretch;flex-direction:column;padding:10px 15px}.bottomActions{display:grid;grid-template-columns:1fr 1fr}.bottomBar .primary,.bottomBar .secondary{width:100%}}.imageLightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:24px}.imageLightboxInner{position:relative;max-width:95vw;max-height:92vh}.imageLightboxInner img{display:block;max-width:95vw;max-height:92vh;width:auto;height:auto;object-fit:contain;border-radius:10px}.imageLightboxClose{position:absolute;top:-16px;right:-16px;width:38px;height:38px;border:none;border-radius:999px;background:white;color:#111;font-size:26px;line-height:1;cursor:pointer;z-index:2}