@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: oklch(.972 .003 85);--surface: oklch(1 0 0);--surface-2: oklch(.965 .004 85);--text: oklch(.24 .012 60);--text-2: oklch(.47 .01 60);--text-3: oklch(.62 .008 60);--border: oklch(.9 .005 85);--border-strong: oklch(.8 .006 85);--ink: oklch(.24 .012 60);--ink-fg: oklch(.99 0 0);--ok: oklch(.48 .11 150);--ok-bg: oklch(.955 .035 150);--warn: oklch(.53 .12 70);--warn-bg: oklch(.96 .05 80);--err: oklch(.52 .17 25);--err-bg: oklch(.96 .035 25);--info: oklch(.5 .11 250);--info-bg: oklch(.955 .03 250);--shadow: 0 1px 2px rgba(30,25,20,.05), 0 8px 24px rgba(30,25,20,.05);--shadow-lg: 0 12px 40px rgba(30,25,20,.14);--radius: 10px;color-scheme:light}[data-theme=dark]{--bg: oklch(.155 .004 80);--surface: oklch(.205 .004 80);--surface-2: oklch(.245 .004 80);--text: oklch(.97 0 0);--text-2: oklch(.73 0 0);--text-3: oklch(.6 0 0);--border: oklch(1 0 0 / 12%);--border-strong: oklch(1 0 0 / 24%);--ink: oklch(.93 0 0);--ink-fg: oklch(.2 0 0);--ok: oklch(.78 .14 150);--ok-bg: oklch(.3 .05 150);--warn: oklch(.82 .13 75);--warn-bg: oklch(.32 .05 75);--err: oklch(.72 .16 25);--err-bg: oklch(.32 .06 25);--info: oklch(.75 .1 250);--info-bg: oklch(.3 .045 250);--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.25);--shadow-lg: 0 16px 48px rgba(0,0,0,.5);color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg)}body{margin:0;min-width:320px;color:var(--text);font-family:Space Grotesk,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;transition:background .15s ease,color .15s ease}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,opacity .15s ease,transform .15s ease}h1,h2,h3,p{margin:0}a{color:var(--info);text-decoration:none}a:hover{color:var(--text)}::placeholder{color:var(--text-3)}code,.mono{font-family:DM Mono,monospace}code{font-size:.92em;padding:1px 5px;border-radius:4px;background:var(--surface-2)}.muted{color:var(--text-2);font-size:13.5px;line-height:1.5}.eyebrow{color:var(--text-3);text-transform:uppercase;font:500 10.5px DM Mono,monospace;letter-spacing:.13em}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.spinner{display:inline-block;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:8px;opacity:.85}.loading-row{display:flex;align-items:center;gap:10px;color:var(--text-2);padding:20px}.skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,var(--border) 50%,var(--surface-2) 100%);background-size:200px 100%;background-repeat:no-repeat;animation:shimmer 1.3s ease-in-out infinite;border-radius:8px}.skeleton-line{height:12px;border-radius:4px}.skeleton-card{height:160px;border-radius:var(--radius)}input,textarea,select{width:100%;border:1px solid var(--border);background:var(--surface);padding:9px 11px;color:var(--text);outline:none;border-radius:8px;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #8a858126}textarea{font-size:14px;line-height:1.6;resize:vertical;min-height:96px}.mono-input{font-family:DM Mono,monospace;font-size:13px}.field-hint{color:var(--text-3);font-size:12px}.primary,.secondary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid transparent;white-space:nowrap;text-decoration:none}.primary{background:var(--ink);border-color:var(--ink);color:var(--ink-fg)}.primary:not(:disabled):hover{opacity:.9}.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.secondary:not(:disabled):hover{border-color:var(--border-strong);color:var(--text)}.ghost{background:transparent;color:var(--text-2)}.ghost:not(:disabled):hover{background:var(--surface-2);color:var(--text)}.primary:disabled,.secondary:disabled,.ghost:disabled{opacity:.5;cursor:not-allowed}.primary .spinner,.secondary .spinner{margin-right:0}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-2);font-size:15px}.icon-button:not(:disabled):hover{background:var(--surface-2);color:var(--text)}.icon-button:disabled{opacity:.35;cursor:not-allowed}.icon-button.danger:not(:disabled):hover{background:var(--err-bg);color:var(--err)}.notice{padding:11px 14px;border-radius:8px;font-size:13px;line-height:1.5;border:1px solid transparent;animation:fade-in .2s ease}.notice-err{background:var(--err-bg);color:var(--err)}.notice-warn{background:var(--warn-bg);color:var(--warn)}.notice-ok{background:var(--ok-bg);color:var(--ok)}.notice-detail{display:block;margin-top:2px;opacity:.8;font-size:12px}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--surface-2);color:var(--text-2);white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.tone-ok{background:var(--ok-bg);color:var(--ok)}.tone-warn{background:var(--warn-bg);color:var(--warn)}.tone-err{background:var(--err-bg);color:var(--err)}.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}.brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.brand-logo{display:inline-grid;place-items:center;color:var(--text);flex:none}.brand-sub{color:var(--text-3);font-weight:500}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--bg)}.login-column{width:100%;max-width:372px;display:grid;gap:20px;justify-items:center}.login-column .brand{font-size:15px}.login-card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;display:grid;gap:16px}.login-head{display:grid;gap:6px}.login-head h1{font-size:20px;font-weight:700;letter-spacing:-.01em}.login-button{width:100%;height:40px;gap:10px}.login-button .mono{font-weight:500;font-size:12.5px;overflow:hidden;text-overflow:ellipsis}.dev-tag{font:500 9.5px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px;border-radius:4px;background:var(--warn-bg);color:var(--warn)}.login-note{font-size:12.5px;color:var(--text-2);line-height:1.6}.login-footer{color:var(--text-3);font-size:11.5px;text-align:center}.app-shell{min-height:100vh;background:var(--bg)}.topbar{height:56px;display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.crumbs{display:flex;align-items:center;gap:10px;min-width:0}.crumb-sep{color:var(--border-strong);font-size:18px;font-weight:300}.crumb-current,.crumb-button{font-size:13.5px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb-button{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 8px;margin-left:-8px;border:0;border-radius:8px;background:transparent}.crumb-button:hover{background:var(--surface-2)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.account{position:relative}.account-button{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 4px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:12.5px;color:var(--text-2);max-width:260px}.account-button:hover{border-color:var(--border-strong);color:var(--text)}.account-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--ink-fg);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.account-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;display:grid;gap:2px;animation:fade-in .15s ease;z-index:40}.account-menu-head{padding:8px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:4px;display:grid;gap:4px}.account-email{font-size:12.5px;overflow:hidden;text-overflow:ellipsis}.account-menu button{text-align:left;height:34px;padding:0 10px;border:0;border-radius:6px;background:transparent;font-size:13px;font-weight:500}.account-menu button:hover{background:var(--surface-2)}.main{padding:32px 20px 120px}.page{max-width:880px;margin:0 auto;display:grid;gap:18px}.page-head{display:grid;gap:6px;margin-bottom:6px}.page-head h1{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.page-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.page-head-row>div:first-child{display:grid;gap:6px;min-width:0}.page-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.meta-link{font-size:12px;color:var(--text-3)}.meta-link:hover{color:var(--text)}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.empty-state{padding:44px 24px;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);display:grid;gap:8px;justify-items:center}.empty-state strong{font-size:16px}.empty-state .muted{max-width:440px}.empty-state button{margin-top:8px}.site-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.site-card{width:100%;display:flex;align-items:center;gap:12px;padding:14px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.site-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.site-card-mark{width:38px;height:38px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;font-weight:700;flex:none}.site-card-body{display:grid;gap:2px;min-width:0;flex:1}.site-card-body strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-card-body .mono{font-size:11.5px;color:var(--text-3)}.site-card-arrow{color:var(--text-3);flex:none}.site-card:hover .site-card-arrow{color:var(--text)}.editor-skeleton{display:grid;gap:12px}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.section-head{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border)}.section-head h2{font:500 11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.13em;color:var(--text-2)}.section-count{margin-left:auto;min-width:22px;height:20px;padding:0 7px;border-radius:10px;background:var(--surface-2);color:var(--text-3);font-size:11px;display:inline-grid;place-items:center}.field-list{display:grid}.slot{padding:18px 20px;display:grid;gap:10px;border-top:1px solid var(--border);position:relative}.slot:first-child{border-top:0}.slot.is-dirty:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--warn)}.slot-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.slot-label{font-size:13.5px;font-weight:600}.type-tag{font-size:10.5px;color:var(--text-3);padding:1px 6px;border:1px solid var(--border);border-radius:4px}.dirty-tag{font-size:11px;font-weight:600;color:var(--warn)}.link-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px}.image-field{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:start}.image-thumb{position:relative;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;border:1px solid var(--border);display:grid;place-items: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:14px 14px;background-position:0 0,7px 7px}.image-thumb img{width:100%;height:100%;object-fit:cover;display:block}.image-empty{font:500 10.5px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);background:var(--surface);padding:3px 8px;border-radius:4px}.image-badge{position:absolute;top:6px;left:6px;font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:4px;background:var(--ink);color:var(--ink-fg)}.image-controls{display:grid;gap:10px;min-width:0}.image-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.file-button{cursor:pointer}.visually-hidden:focus-visible+.file-button{outline:2px solid var(--ink);outline-offset:2px}.file-name{font-size:12px;color:var(--text-2);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-list{display:grid;gap:8px}.contact-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:8px;align-items:end;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.mini-field{display:grid;gap:4px;min-width:0}.mini-label{font-size:12px;font-weight:600;color:var(--text-2)}.reload-button{width:36px;padding:0}.reload-button svg{display:block}.contact-row input,.contact-row select{background:var(--surface)}.row-actions{display:flex;gap:2px}.add-button{height:38px;border:1px dashed var(--border-strong);border-radius:8px;background:transparent;color:var(--text-2);font-size:13px;font-weight:600}.add-button:hover{border-color:var(--ink);color:var(--text);background:var(--surface)}.save-bar{position:fixed;left:50%;bottom:20px;z-index:25;width:min(640px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-lg);transform:translate(-50%,calc(100% + 40px));opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s ease}.save-bar.is-visible{transform:translate(-50%);opacity:1;pointer-events:auto}.save-bar-text{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.save-bar-text .dot{color:var(--warn)}.save-bar-actions{display:flex;gap:6px}@media (max-width: 720px){.topbar{padding:0 12px;gap:8px}.brand-sub,.account-label{display:none}.account-button{padding:0 4px}.main{padding:22px 16px 120px}.page-head h1{font-size:22px}.image-field{grid-template-columns:1fr}.image-thumb{max-width:260px}.link-grid{grid-template-columns:1fr}.contact-row{grid-template-columns:1fr auto}.contact-row .row-actions{grid-column:2;grid-row:1 / span 2;flex-direction:column}.slot,.section-head{padding-left:16px;padding-right:16px}.save-bar-text{font-size:12px}}