@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--bg: #f9fafa;--surface: #ffffff;--surface-2: #f2f3f3;--text: #1a1c1c;--text-2: #666e6d;--text-3: #898f8f;--border: #e8e8e9;--border-strong: #c9cccc;--ink: #1a1c1c;--ink-fg: #ffffff;--err: #1a1c1c;--err-bg: #ececed;--ok: #666e6d;--ok-bg: #f2f3f3;--radius: 12px;--radius-sm: 8px;--radius-pill: 100px;--shadow: 0 1px 2px rgba(26,28,28,.04), 0 8px 24px rgba(26,28,28,.04);--control-h: 48px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}html,body{background:var(--bg);margin:0}body{color:var(--text);font-family:Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.mono{font-family:DM Mono,monospace}h1{font-size:28px;line-height:1.3;margin:0 0 4px;font-weight:600;letter-spacing:-.04em}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.muted{color:var(--text-2);font-size:14px;line-height:1.5}button{font-family:inherit}button.primary{height:var(--control-h);padding:0 24px;font-size:15px;font-weight:600;cursor:pointer;background:var(--ink);border:1px solid var(--ink);color:var(--ink-fg);border-radius:var(--radius);letter-spacing:-.01em}button.primary:hover{opacity:.88}button.primary:disabled{opacity:.5;cursor:default}button.secondary{height:40px;padding:0 16px;font-size:14px;font-weight:600;cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);letter-spacing:-.01em}button.secondary:hover{border-color:var(--border-strong)}button.secondary:disabled{opacity:.45;cursor:default}label{display:block;margin:12px 0 6px;font-size:13px;font-weight:600;letter-spacing:-.01em}small.field-help{display:block;margin:2px 0 4px;color:var(--text-3);font-weight:400;font-size:12px}input[type=text],input[type=url],input[type=email],input[type=tel],input[type=password],select{width:100%;height:var(--control-h);padding:0 14px;font-size:15px;font-family:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);outline:none;letter-spacing:-.01em}input:focus,select:focus{border-color:var(--ink)}input::placeholder{color:var(--text-3)}.notice{margin:12px 0;padding:12px 16px;border-radius:var(--radius);background:var(--err-bg);color:var(--err);border:1px solid var(--border-strong);font-size:14px;font-weight:500}.notice-ok{background:var(--ok-bg);color:var(--ok);border-color:var(--border)}.loading-row{display:flex;align-items:center;gap:10px;color:var(--text-2);padding:40px 0;justify-content:center}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--text-2);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:32px}.google-button{width:100%;margin-top:20px}.site-picker-list{list-style:none;margin:20px 0;padding:0;display:flex;flex-direction:column;gap:8px}.site-picker-item{width:100%;text-align:left;height:48px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-right{display:flex;align-items:center;gap:12px}.shell-body{flex:1;display:flex}.sidebar{width:236px;border-right:1px solid var(--border);background:var(--surface);padding:20px 12px}.sidebar-title{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:0 12px 10px}.sidebar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.nav-item{width:100%;text-align:left;height:44px;padding:0 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-2);font-size:15px;font-weight:500;cursor:pointer;letter-spacing:-.01em}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--ink);color:var(--ink-fg)}.main{flex:1;padding:32px;max-width:760px}.topline{margin-bottom:20px}.empty-state{padding:48px 24px;text-align:center;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.empty-state strong{display:block;margin-bottom:6px;font-size:16px}.item-list{list-style:none;margin:20px 0;padding:0;display:flex;flex-direction:column;gap:12px}.item-row{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:4px 20px 18px;box-shadow:var(--shadow)}.item-grid{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(200px,2fr);gap:0 16px}.item-actions{display:flex;gap:8px;margin-top:16px}.icon-btn{min-width:40px;padding:0 12px}.icon-btn:disabled{opacity:.3;cursor:default}.add-btn{margin-top:4px;height:48px}.counter{margin:10px 0 0;font-size:13px;color:var(--text-3)}.slot-list{list-style:none;margin:20px 0;padding:0;display:flex;flex-direction:column;gap:12px}.slot-card{display:grid;grid-template-columns:160px 1fr;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.slot-card.is-filled{border-color:var(--border-strong)}.slot-body{display:flex;flex-direction:column;min-width:0}.slot-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.slot-head strong{font-size:16px;letter-spacing:-.02em}.slot-key{font-size:12px;color:var(--text-3);margin-top:4px}.slot-actions{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:16px}.badge{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);color:var(--text-2);white-space:nowrap}.badge-on{background:var(--ink);border-color:var(--ink);color:var(--ink-fg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.file-button{display:inline-flex;align-items:center;margin:0;height:40px;padding:0 16px;font-size:14px;font-weight:600;cursor:pointer;letter-spacing:-.01em;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm)}.file-button:hover{border-color:var(--border-strong)}.visually-hidden:focus-visible+.file-button{outline:2px solid var(--ink);outline-offset:2px}.slot-thumb{aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;background-color:var(--surface-2);background-image:linear-gradient(45deg,var(--border) 25%,transparent 25%,transparent 75%,var(--border) 75%),linear-gradient(45deg,var(--border) 25%,transparent 25%,transparent 75%,var(--border) 75%);background-size:16px 16px;background-position:0 0,8px 8px}.slot-thumb img{width:100%;height:100%;object-fit:cover;display:block}.slot-placeholder{font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}@media (max-width: 760px){.shell-body{flex-direction:column}.sidebar{width:auto;border-right:none;border-bottom:1px solid var(--border);padding:12px}.sidebar ul{flex-direction:row;flex-wrap:wrap}.main{padding:20px 16px}.item-grid,.slot-card{grid-template-columns:1fr}}