:root{--bg:#f5f2eb;--paper:#fffefa;--ink:#263c34;--muted:#738078;--line:#dcded3;--accent:#b75c3d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:23px 4vw;border-bottom:1px solid var(--line);gap:20px}.brand{font-weight:800;letter-spacing:2px;color:var(--ink);text-decoration:none}.brand span{display:block;font-weight:400;font-size:11px;letter-spacing:3px;margin-top:4px}nav{display:flex;gap:9px;flex-wrap:wrap}button,.button{border:1px solid var(--line);background:transparent;padding:9px 15px;border-radius:6px;color:var(--ink);cursor:pointer;font:inherit;font-size:13px;display:inline-block}button:hover,.button:hover{border-color:var(--ink);background:#e9ede5}button.active,.primary{background:var(--ink);color:white;border-color:var(--ink)}button:disabled{opacity:.4;cursor:default}.hero{padding:55px 5vw 35px;max-width:1550px;margin:auto}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--accent);font-weight:700}h1{font-size:clamp(32px,4vw,56px);font-weight:500;letter-spacing:-1px;margin:15px 0}h1 em{font-style:normal;font-family:serif;color:var(--accent)}.hero p{color:var(--muted);font-size:15px}.stats{display:flex;gap:35px;margin-top:25px;font-size:12px;color:var(--muted)}.stats b{font-size:25px;font-weight:500;color:var(--ink);margin-right:8px}main{padding:10px 5vw 40px;max-width:1550px;margin:auto}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}input,select,textarea{border:1px solid var(--line);background:var(--paper);border-radius:5px;padding:11px;color:var(--ink);font:inherit;font-size:13px;max-width:100%}.toolbar input[type=text],#search{flex:1;min-width:260px}.toolbar label{font-size:13px}input[type=checkbox]{accent-color:var(--ink)}.sectionline{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.sectionline h2{font-size:18px;font-weight:500}.sectionline span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.card{background:var(--paper);border:1px solid var(--line);border-radius:9px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;outline-offset:4px}.card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #263c3412}.card .cover{height:285px;background:#ece9e0;display:flex;align-items:center;justify-content:center}.card img{width:100%;height:100%;object-fit:contain}.card .meta{padding:17px}.card h3{font-size:16px;margin:6px 0;font-weight:600}.id{font-family:monospace;font-size:12px;color:var(--accent)}.tag{font-size:11px;color:var(--muted)}.card p{font-size:12px;color:var(--muted);margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{font-size:11px;display:inline-block;padding:4px 8px;background:#edf0e7;border-radius:4px;color:#53705a}footer{text-align:center;padding:30px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);width:min(1200px,95vw);max-height:92vh;padding:30px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#16281fe0;backdrop-filter:blur(5px)}.close{position:absolute;right:10px;top:8px;font-size:22px;border:0;padding:2px 10px;z-index:1}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detailgrid h2{margin:8px 0 20px}#photos img{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain;background:var(--bg);border-radius:5px;margin-bottom:15px}label{display:block}label select,label input:not([type=checkbox]),label textarea{display:block;width:100%;margin:5px 0 12px}.panel label{font-size:12px}.panel p{font-size:13px}.muted{color:var(--muted);font-size:12px}.notice{color:var(--accent);border-left:2px solid var(--accent);padding-left:10px}.actions{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 sans-serif}summary{cursor:pointer;font-size:12px}#addDialog{width:min(650px,95vw)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 22px;background:var(--ink);color:white;border-radius:8px;display:none;z-index:10}@media(min-width:1500px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}header{align-items:flex-start;flex-direction:column}.card .cover{height:250px}}@media(max-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detailgrid{grid-template-columns:1fr}.hero{padding-top:30px}.card .cover{height:220px}.stats{gap:15px}.toolbar{gap:8px}.card h3{font-size:14px}.card .meta{padding:12px}dialog{padding:20px}}
/* Photo Atlas 2 — editorial workspace */
html{scroll-behavior:smooth}header{background:#fbfaf6;position:relative}.hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;padding:48px 5vw 45px;align-items:start;max-width:1550px}.intro{padding-top:25px}h1{font-size:clamp(42px,4.7vw,68px);line-height:1.25;margin:20px 0}.intro p{line-height:1.9}.intro-note{display:flex;flex-direction:column;gap:12px;font-size:12px;color:var(--muted);border-left:2px solid #d9c5b4;padding-left:17px;margin:36px 0 24px}.textlink{color:var(--accent);font-size:12px;text-decoration:none}.studio-card{padding:24px;background:#fffefa;border:1px solid #d4dacf;border-radius:16px;box-shadow:0 12px 40px #203c3010}.studio-heading{display:flex;justify-content:space-between;font-size:14px;margin-bottom:15px;font-weight:600}.connection-dot{font-size:11px;color:#946f58;background:#f1ece2;padding:3px 9px;border-radius:20px}.connection-dot.connected{color:#367053;background:#e5f0e6}.work-images{display:flex;gap:12px;align-items:stretch}.dropzone{border:1px dashed #9fac9c;border-radius:9px;background:#f4f5ed;min-height:156px;flex:1;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.dropzone.dragging{border-color:var(--accent);background:#faf0e7}#uploadHint{text-align:center;padding:15px}#uploadHint strong{display:block;font-size:20px;font-weight:500}#uploadHint small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.upload-icon{font-size:35px;line-height:1;color:#8a9e8e}.dropzone img,.result-box img{width:100%;max-height:240px;object-fit:contain}.result-box{flex:1;border:1px solid var(--line);border-radius:9px;overflow:hidden;text-align:center}.result-box span{display:block;font-size:10px;color:var(--muted)}[hidden]{display:none!important}.file-info{font-size:10px;color:var(--muted);margin:8px 0 15px}.studio-fields,.studio-extra,.api-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.studio-card label{font-size:11px}.studio-card input,.studio-card select{padding:9px;margin-bottom:10px}.studio-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.studio-actions .primary{flex:1;min-width:160px}.gen-status{font-size:11px;color:var(--muted);line-height:1.65;margin-bottom:10px}.api-settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;margin-top:4px}.api-settings summary{font-size:12px;display:list-item}.api-settings summary span{float:right;font-size:10px;color:var(--muted)}.api-grid{margin-top:16px}.disabled{opacity:.4;pointer-events:none}button:disabled{background:#8b9b91;color:white;border-color:transparent}.category-section{max-width:1550px;padding:0 5vw 30px;margin:auto}.category-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px}.category-title h2{font-size:18px;font-weight:500;margin:10px 0 22px}.category-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.category-card{padding:0;border:1px solid var(--line);background:var(--paper);overflow:hidden;border-radius:8px;text-align:left}.category-card img{width:100%;height:95px;object-fit:cover;display:block;filter:saturate(.8);transition:filter .2s}.category-card:hover img{filter:saturate(1)}.category-card.active{outline:2px solid var(--ink);background:var(--ink);color:white}.category-card .caption{padding:10px 9px;display:flex;justify-content:space-between;gap:5px;font-size:11px}.category-card small{opacity:.65}.grid{gap:22px}.card .cover{height:310px}.card{border-radius:10px}.card .meta{padding:18px}.card h3{font-size:15px}#useStyle{margin-bottom:18px}.panel .badge{display:block;width:fit-content}a.button{text-decoration:none}#studio{scroll-margin-top:20px}@media(max-width:1100px){.hero{gap:3%;grid-template-columns:.72fr 1.28fr}.category-cards{grid-template-columns:repeat(4,1fr)}.category-card img{height:100px}}@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:20px;gap:25px}.intro{padding-top:0}h1{font-size:42px}h1 br{display:none}.intro-note{display:none}.intro .textlink{display:none}.stats{margin-top:15px}.studio-card{padding:17px}.category-cards{grid-template-columns:repeat(2,1fr)}.category-card img{height:90px}.category-title{display:block}.category-title h2{margin-top:8px}.card .cover{height:230px}.toolbar #search{min-width:100%;width:100%}.studio-actions{gap:6px}}

/* Compact studio, reference layout — v2.1 */
header{padding:12px 4vw;gap:12px}nav{gap:6px}nav button,nav .button{padding:6px 10px}.hero{grid-template-columns:1fr 1.12fr;gap:4%;padding:22px 5vw 18px;align-items:center}.intro{padding:0}h1{font-size:clamp(27px,3.3vw,46px);white-space:nowrap;margin:16px 0;line-height:1.2}.intro p{font-size:12px;line-height:1.8;margin:0}.eyebrow{font-size:9px}.stats{margin-top:18px;gap:22px}.stats b{font-size:22px}.intro-note,.intro>.textlink{display:none}.studio-card{padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;position:relative}.studio-heading{font-size:11px;margin-bottom:5px}.connection-dot{font-size:10px;padding:1px 7px}.dropzone{min-height:112px;height:112px;border-radius:6px}#uploadHint{padding:9px}#uploadHint strong{font-size:16px}#uploadHint small{margin-top:3px;font-size:10px}.upload-icon{font-size:27px}.dropzone img,.result-box img{height:110px;max-height:110px}.file-info{margin:3px 0 5px;font-size:9px}.studio-fields{gap:0 10px}.studio-fields>label{display:flex;align-items:center;gap:8px;white-space:nowrap}.studio-card select,.studio-card input{padding:5px 7px;font-size:11px;margin:3px 0;min-width:0}.studio-fields select{flex:1}.studio-extra{margin-top:6px}.studio-actions{margin-top:6px;gap:6px}.studio-actions button,.studio-actions .button{padding:6px 10px;font-size:11px}.studio-actions #copyStudio{padding:6px}.api-settings{padding:5px 0;margin-top:3px;border-top:0}.api-settings summary,.advanced-settings summary{font-size:10px}.advanced-settings{margin-top:4px}.studio-card .gen-status{font-size:10px;margin:4px 0}.studio-card>details:last-child summary{font-size:10px}.category-section{padding-bottom:12px}.category-title{padding-top:10px}.category-title h2{font-size:14px;margin:5px 0 10px}.category-art{display:flex;height:90px;background:#f5f2eb;align-items:center;justify-content:center}.category-art svg{height:100%;width:100%;display:block}.category-card .caption{padding:5px 8px}.toolbar{padding:10px 0;gap:8px}.toolbar input,.toolbar select{padding:7px}.sectionline{margin:8px 0}main{padding-top:0}@media(max-width:1000px){header{flex-direction:row;align-items:center;flex-wrap:wrap}.category-cards{grid-template-columns:repeat(7,minmax(0,1fr))}.category-art{height:75px}.category-card .caption{font-size:10px;padding:4px;gap:2px}}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:16px;padding-top:16px}h1{font-size:34px}.stats{margin-top:10px}.category-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.category-art{height:80px}.studio-card{padding:0}.category-title .eyebrow{display:none}.studio-fields>label{font-size:10px}.brand span{display:none}nav{gap:4px}nav button,nav .button{font-size:10px;padding:5px 7px}}