:root{font-family:Inter,ui-sans-serif,system-ui;color:#173c34;background:#f4f6f1}*{box-sizing:border-box}body{margin:0}body>aside{position:fixed;inset:0 auto 0 0;width:220px;background:#133d34;color:#f3f5eb;padding:30px 22px}.logo{font-size:36px;letter-spacing:-7px;font-weight:800}.logo span{color:#c4e58e}aside h3{font-size:17px}aside p{font-size:10px;letter-spacing:2px;color:#b3c4b7}nav{display:grid;gap:12px;margin-top:48px}button{cursor:pointer;border:0;border-radius:9px;padding:12px 18px;background:#195644;color:white;font:inherit;font-size:13px}nav button{text-align:left;background:transparent;color:#bccdc2}nav button.active{background:#31584b;color:white}.privacy{position:absolute;bottom:28px;font-size:12px;color:#c7e49e}.privacy small{color:#a7bdae;line-height:2}main{margin-left:220px;padding:44px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;gap:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#7d8b6d}h1{font-size:36px;letter-spacing:-1px;margin:12px 0}h2{font-size:23px}.muted{color:#738578;font-size:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.metric{padding:22px;background:white;border:1px solid #e3e8dc;border-radius:13px}.metric b{display:block;font-size:30px;margin:9px 0}.metric span{font-size:12px;color:#7a8874}.notice{padding:18px 22px;border-radius:11px;background:#e9efdc;border:1px solid #dce5ca;margin:18px 0;line-height:1.5;font-size:13px}.tools{display:flex;gap:9px;flex-wrap:wrap;padding:22px 0}input,select{padding:11px;border-radius:9px;border:1px solid #dce3d5;background:white;color:#234536;font:inherit;font-size:12px}#search{flex:1;min-width:240px}input[type=number]{width:100px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:22px}.card{background:white;border-radius:12px;overflow:hidden;border:1px solid #e1e7d9;cursor:pointer}.photo{aspect-ratio:4/5;background:#e4e9df;display:flex;align-items:center;justify-content:center;color:#7c8976;font-size:13px}.photo img{width:100%;height:100%;object-fit:cover}.card-body{padding:17px}.card h3{font-size:14px;line-height:1.5;margin:8px 0}.tag{display:inline-block;background:#eef2e5;padding:4px 8px;border-radius:15px;font-size:10px}.price{font-size:19px;font-weight:650}.card small{display:block;color:#7b8978;font-size:11px;margin:8px 0}.table-wrap{overflow:auto;background:white;border-radius:12px}table{border-collapse:collapse;width:100%;font-size:12px}td,th{padding:15px;text-align:left;border-bottom:1px solid #e6ebdf}th{color:#74846e}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.log{padding:13px;background:white;border-bottom:1px solid #e7ebdf}.error{color:#b64a33}dialog{width:min(950px,92vw);max-height:90vh;border:0;border-radius:15px;padding:28px;color:#183d34}dialog::backdrop{background:#12382f99}.detail-photos{display:flex;overflow:auto;gap:12px}.detail-photos img{max-width:45%;max-height:480px;object-fit:contain}.description{white-space:pre-wrap;line-height:1.6;font-size:14px}a{color:#195a48}footer{font-size:11px;color:#7d8c76;margin-top:35px}#close{float:right}details{margin:15px 0}summary{cursor:pointer} @media(max-width:850px){body>aside{position:static;width:100%;padding:15px}aside h3,aside p,.privacy,.logo{display:none}nav{display:flex;margin:0;gap:4px}main{margin:0;padding:20px}h1{font-size:27px}.stats{grid-template-columns:repeat(2,1fr)}header{align-items:start}.detail-photos img{max-width:85%}}

.gallery-options{display:flex;gap:18px;align-items:center;margin:8px 0 20px;font-size:13px}.gallery-options label{display:flex;align-items:center;gap:8px;font-weight:600}.gallery-options span{color:#738578}.gallery-options input{accent-color:#195644}.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}.photo{aspect-ratio:3/4}.photo img{object-fit:contain;background:#fff}.card{transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #173c3415}.card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.supplier{background:#eef2e5;padding:22px;border-radius:12px;margin:22px 0}.supplier p{font-size:13px;line-height:1.6}.supplier-links{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.supplier-links a{padding:11px 14px;background:white;border:1px solid #dce3d5;border-radius:9px;font-size:12px;text-decoration:none}.supplier small{color:#647763;line-height:1.6;display:block}@media(max-width:600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-body{padding:11px}.gallery-options{align-items:start;flex-direction:column;gap:8px}.card h3{font-size:12px}}
.visual-match{background:white;border:1px solid #dce3d5;border-radius:10px;padding:15px;margin:10px 0}.visual-match span{display:block;font-size:11px;color:#8b6231;margin:7px 0}.photo-search{font-weight:600}
.card small.supplier-badge{color:#195644;font-weight:600;background:#e9efdc;padding:7px;border-radius:6px}
.sheet-controls{margin:18px 0}.sheet-table{max-height:650px;overflow:auto}.sheet-table th{position:sticky;top:0;background:#edf2e7}.classification{width:150px}.classification.saved{border-color:#438557}.sheet-table td:nth-child(2){min-width:260px}

.margin-low{color:#b42318!important}.margin-middle{color:#111!important}.margin-high{color:#16803c!important}.manual-cost{padding:18px;background:#eef2e5;border-radius:12px;margin:16px 0}.manual-cost label{display:block;margin-bottom:8px}.manual-cost input{width:140px;font-size:16px}.manual-cost [role=status]{display:block;font-size:12px;margin:8px 0}.manual-metrics{display:flex;flex-wrap:wrap;gap:22px;margin:14px 0}.manual-metrics b{display:block;font-size:21px;margin-top:6px}.manual-cost small{font-size:12px;line-height:1.5}.category-link{background:none;color:#195a48;padding:0;text-decoration:underline}.category-chart [data-category]{cursor:pointer}.category-chart [data-category]:focus{outline:2px solid #195a48}

.card-prices{display:grid;gap:8px;margin:12px 0;padding:12px;background:#f1f5ed;border-radius:9px}.card-prices>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.card-prices span{font-size:12px;color:#4a6051}.card-prices strong{font-size:15px}.card-prices small{margin:0;font-size:10px;line-height:1.4;color:#647763}
.studio-panel{background:white;border:1px solid #dce4d5;padding:24px;border-radius:14px;margin:22px 0;max-width:100%}.studio-panel label{display:block;margin:16px 0}.studio-panel input:not([type=checkbox]),.studio-panel textarea,.studio-panel select{display:block;width:100%;max-width:650px;margin-top:8px;padding:12px;border:1px solid #dce4d5;border-radius:8px;background:#fff}.studio-panel textarea{min-height:100px}.studio-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.studio-results img{width:100%;max-height:420px;object-fit:contain;border-radius:10px}.studio-results>div{min-height:180px;display:grid;place-items:center;background:#f4f6ef;border-radius:10px}.preset-image{width:140px;height:170px;object-fit:cover;border-radius:10px}.studio-check{margin-right:10px}button:disabled{opacity:.45;cursor:not-allowed}

.photo-workspace #stats,.photo-workspace #progress,.photo-workspace #scopeCoverage,.photo-workspace #protection,.photo-workspace #app>p,.photo-workspace .gallery-options{display:none}.photo-workspace .tools{margin-top:24px}.photo-workspace #result>h2{margin-top:28px}

.photo-config .tools{display:none}

.settings-workspace #stats,.settings-workspace #progress,.settings-workspace #protection,.settings-workspace #scopeCoverage,.settings-workspace #app>p,.settings-workspace .tools,.settings-workspace .gallery-options{display:none!important}.settings-workspace #result{max-width:1100px;margin:24px auto}.connections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.connections-grid .studio-panel{margin:0;min-width:0}nav{overflow-y:auto}nav button[hidden]{display:none!important}@media(max-width:800px){.connections-grid{grid-template-columns:1fr}}

.account-top{position:sticky;top:0;z-index:20;display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:14px 18px;margin-bottom:22px;background:#fff;border:1px solid #dce4d5;border-radius:12px;box-shadow:0 4px 18px #153c300a}.account-top[hidden],.cloud-signed-out .account-top{display:none!important}.account-identity{text-align:right;display:grid;gap:4px}.account-identity strong{font-size:15px;color:#175442}.account-identity span{font-size:12px;color:#657568}.account-logout{padding:10px 14px;font-size:13px;white-space:nowrap}@media(max-width:600px){.account-top{gap:10px;padding:12px}.account-identity span{max-width:180px;overflow-wrap:anywhere}.account-logout{padding:9px}}
/* Compact global account controls, independent of page headings. */
.account-top{position:fixed;top:12px;right:20px;width:auto;max-width:calc(100vw - 40px);gap:10px;padding:6px 10px;margin:0;border:1px solid #e1e7dd;border-radius:9px;box-shadow:none;background:#fafcf8}.account-identity{gap:0}.account-identity strong{font-size:12px;font-weight:600}.account-identity span{display:none}.account-logout{padding:5px 7px;font-size:11px;background:transparent;color:#506158;border-left:1px solid #dce4d5;border-radius:0}@media(max-width:600px){.account-top{top:8px;right:10px;padding:5px 7px;gap:7px}.account-identity strong{font-size:11px}.account-logout{padding:4px 5px;font-size:10px}main{padding-top:58px}}