:root{--accent:#e8641b;--accent-dark:#c9500f;--ink:#1c1c1e;--muted:#6b6b70;--border:#e4e2df;--bg:#f6f5f3;--card:#fff;--danger:#c0392b;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background:var(--bg);margin:0}button,input,select{font-family:inherit;font-size:14px}h1,h2{margin:0 0 16px;font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:24px;box-shadow:0 1px 3px #0000000a}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{flex-direction:column;gap:14px;width:340px;display:flex}label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}input,select{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:6px;padding:8px 10px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.btn{border:1px solid var(--border);color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:9px 16px;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-dark)}.link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.error{color:var(--danger);margin:0;font-size:13px}.muted{color:var(--muted)}.small{font-size:12px}.shell{flex-direction:column;min-height:100vh;display:flex}.appbar{background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:32px;height:56px;padding:0 28px;display:flex}.appbar-brand{letter-spacing:-.01em;color:var(--accent);font-size:16px;font-weight:700}.appbar-nav{gap:4px;height:100%;display:flex}.nav-item{cursor:pointer;height:100%;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:0 14px;font-size:14px;font-weight:500}.nav-item:hover{color:var(--ink)}.nav-item.active{color:var(--ink);border-bottom-color:var(--accent)}.appbar-user{color:var(--muted);align-items:center;gap:14px;margin-left:auto;font-size:13px;display:flex}.appbar-logout{padding:6px 14px}.area{flex-direction:column;flex:1;display:flex}.tab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;padding:8px 14px;font-weight:500}.tab.active{background:var(--bg);color:var(--ink)}.content{flex:1;width:100%;max-width:880px;margin:0 auto;padding:28px}.content-wide{max-width:1120px}.subtabs{background:var(--card);border-bottom:1px solid var(--border);gap:6px;padding:10px 28px;display:flex}.new-run{flex-direction:column;gap:16px;max-width:480px;display:flex}.inline-add{gap:8px;margin-top:-8px;display:flex}.inline-add input{flex:1}.templates-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.template-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.template-list label{color:var(--ink);flex-direction:row;align-items:center;gap:8px;font-size:14px}.run-list{flex-direction:column;gap:16px;display:flex}.run-card{flex-direction:column;gap:12px;display:flex}.run-head{justify-content:space-between;align-items:flex-start;display:flex}.run-status{gap:8px;display:flex}.chip{background:var(--bg);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.chip-failed{color:var(--danger);background:#fbe9e7}.chip-pending{color:var(--accent-dark);background:#fdf1e8}.thumbs{flex-wrap:wrap;gap:10px;display:flex}.thumb{object-fit:contain;border:1px solid var(--border);background:repeating-conic-gradient(#f0efec 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:6px;width:96px;height:96px}.run-actions{justify-content:flex-end;display:flex}.batches-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.batch-card{cursor:pointer;flex-direction:column;gap:8px;display:flex}.batch-card:hover{border-color:var(--accent)}.asset-guard{border:1px dashed var(--border);background:var(--bg);border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.new-batch-actions{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.batch-detail{flex-direction:column;gap:18px;display:flex}.batch-detail-head{align-items:center;gap:14px;display:flex}.batch-detail-head h2{flex:1;margin:0}.batch-actions{gap:10px;display:flex}.batch-actions input[type=file]{display:none}.photo-strip{flex-wrap:wrap;gap:12px;display:flex}.photo-thumb{border:1px solid var(--border);background:var(--card);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;gap:6px;width:140px;padding:8px;display:flex}.photo-thumb:hover{border-color:var(--accent)}.photo-thumb img{object-fit:contain;background:repeating-conic-gradient(#f0efec 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:4px;width:100%;height:100px}.photo-thumb span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crop-editor{flex-direction:column;gap:14px;display:flex}.crop-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.crop-filename{font-weight:600}.size-tabs{background:var(--card);border:1px solid var(--border);border-radius:8px;gap:6px;width:fit-content;padding:4px;display:flex}.crop-body{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.crop-canvas-wrap{flex-shrink:0}.crop-canvas{cursor:grab;background:#000;border-radius:8px;outline:none;display:block}.crop-canvas:active{cursor:grabbing}.crop-canvas:focus{box-shadow:0 0 0 2px var(--accent)}.crop-loading{justify-content:center;align-items:center;height:360px;display:flex}.crop-preview{flex-direction:column;gap:8px;width:220px;display:flex}.preview-img{border:1px solid var(--border);background:repeating-conic-gradient(#f0efec 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:8px;width:100%}.preview-placeholder{aspect-ratio:1;border:1px dashed var(--border);border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex}.crop-controls{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.crop-controls .control{flex-direction:row;align-items:center;gap:8px;font-size:13px}.crop-controls select{width:auto}.crop-controls input[type=range]{width:160px}.zoom-readout{color:var(--muted);font-variant-numeric:tabular-nums}.users{flex-direction:column;gap:24px;display:flex}.users-table{border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:10px;width:100%;overflow:hidden}.users-table th,.users-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px;font-size:13px}.users-table th{color:var(--muted);font-weight:600}.users-table tr:last-child td{border-bottom:none}.users-actions{gap:8px;display:flex}.new-user{flex-direction:column;gap:14px;max-width:360px;display:flex}.photo-partner{cursor:pointer;width:100%;padding:4px 6px;font-size:12px}.catalog{flex-direction:column;gap:24px;display:flex}.catalog .card{flex-direction:column;gap:14px;display:flex}.catalog-list{flex-direction:column;gap:6px;list-style:none;display:flex}.catalog-list li{border:1px solid var(--border);background:var(--card);border-radius:6px;padding:8px 12px;font-size:13px}