@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--color-brand: #c94a1b;--color-brand-dark: #ab3f17;--color-text: #1f2937;--color-text-muted: #6b7280;--color-bg: #ffffff;--color-bg-alt: #f9fafb;--color-border: #e5e7eb;--color-error: #b91c1c;--color-success: #15803d;--font-body: "Inter", system-ui, -apple-system, sans-serif;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--container-max: 1280px;--radius-control: 6px;--radius-pill: 999px;--transition-fast: .15s ease;--tint-brand: color-mix(in oklch, var(--color-brand) 14%, white);--tint-error: color-mix(in oklch, var(--color-error) 12%, white);--tint-success: color-mix(in oklch, var(--color-success) 12%, white);--warn-bg: #fff6e2;--warn-ink: #8a5a00;--color-accent-blue: #0ea5e9}*{box-sizing:border-box}body{margin:0;background:var(--color-bg-alt);color:var(--color-text);font:400 15px/1.5 var(--font-body)}a{color:var(--color-brand)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--color-bg-alt)}.page-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,var(--color-brand) 0%,var(--color-brand) 22%,#7c6aa8 52%,var(--color-accent-blue) 82%,var(--color-accent-blue) 100%);opacity:.08;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,#000 0 1px,transparent 1px 72px);mask-image:repeating-linear-gradient(90deg,#000 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,#000 0 1px,transparent 1px 72px);mask-composite:add;-webkit-mask-composite:source-over}.shell{display:flex;flex-direction:column;min-height:100vh}.shell__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-1) var(--space-3);min-height:56px;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.shell__menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-bg);cursor:pointer}.shell__menu-icon,.shell__menu-icon:before,.shell__menu-icon:after{display:block;width:18px;height:2px;border-radius:1px;background:var(--color-text)}.shell__menu-icon{position:relative}.shell__menu-icon:before,.shell__menu-icon:after{content:"";position:absolute;left:0}.shell__menu-icon:before{top:-6px}.shell__menu-icon:after{top:6px}.shell__menu{display:flex;align-items:center;justify-content:space-between;flex:1;gap:var(--space-3)}.shell__brand{display:flex;align-items:center;color:var(--color-text);text-decoration:none}.shell__logo{height:28px;width:auto;display:block}.shell__beta-badge{margin-left:var(--space-2);padding:2px 7px;border-radius:999px;background:var(--tint-brand);color:var(--color-brand-dark);font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1.4}.shell__nav{display:flex;gap:var(--space-2)}.shell__nav a,.shell__nav button{display:inline-block;align-self:flex-start;font:inherit;font-weight:600;font-size:.95rem;color:var(--color-text-muted);text-decoration:none;text-align:left;padding:4px 0;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.shell__nav a.active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.shell__account{display:flex;align-items:center;gap:var(--space-2)}.shell__email{color:var(--color-text-muted);font-size:.9rem;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell__main{position:relative;z-index:1;flex:1;width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-3) var(--space-3) var(--space-5)}.shell__footer{position:relative;z-index:1;display:flex;justify-content:center;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.85rem}@media(max-width:640px){.shell__menu-toggle{display:inline-flex}.shell__menu{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);background:var(--color-bg);overflow-y:auto;z-index:9}.shell__menu--open{display:flex}.shell__nav{flex-direction:column;gap:var(--space-1)}.shell__email{max-width:none;flex:1;min-width:0}}.page-title{margin:0;font-size:1.75rem;font-weight:700}.page-sub{margin:4px 0 0;color:var(--color-text-muted);display:flex;gap:var(--space-2);flex-wrap:wrap}.section-title{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.page-loading,.empty-note{color:var(--color-text-muted);padding:var(--space-3) 0}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.hint{color:var(--color-text-muted);font-size:13px}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-bg);width:100%;transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-brand)}textarea{resize:vertical}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-control);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;white-space:nowrap;text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.btn--primary:not(:disabled):hover{background:var(--color-brand-dark);border-color:var(--color-brand-dark)}.btn--danger{color:var(--color-error);border-color:var(--color-border)}.btn--danger:not(:disabled):hover{border-color:var(--color-error)}.btn--quiet{background:transparent}.btn--quiet:not(:disabled):hover{color:var(--color-brand);border-color:var(--color-brand)}.btn--sm{padding:5px 10px;font-size:13px}.tag,.pill{display:inline-block;padding:.25rem .7rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text-muted)}.pill--pending{background:var(--tint-brand);color:var(--color-brand-dark);border-color:transparent}.alert{padding:10px 14px;border-radius:var(--radius-control);margin:8px 0}.alert p{margin:6px 0 0}.alert--ok{background:var(--tint-success);color:var(--color-success)}.btn-link{background:none;border:none;padding:0;font:inherit;font-weight:600;color:var(--color-brand);cursor:pointer}.btn-link:hover{text-decoration:underline}.login__sent{text-align:left;padding:var(--space-2) var(--space-3)}.login__sent strong{display:block;font-size:1.05rem;margin-bottom:4px}.login__sent p{color:var(--color-text);margin:0 0 var(--space-2)}.login__email{display:inline-block;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px;color:var(--color-text)}.alert--warn{background:var(--warn-bg);color:var(--warn-ink)}.alert--error{background:var(--tint-error);color:var(--color-error)}.login{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:var(--space-3)}.login__card{width:100%;max-width:380px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-4);text-align:center}.login__brand{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.login__logo{height:36px;width:auto}.login__sub{margin:6px 0 var(--space-3);color:var(--color-text-muted);font-size:.9rem}.login__form{display:flex;flex-direction:column;gap:10px;text-align:left}.login__form label{font-size:.9rem;font-weight:600}.login__footer{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:.85rem}.login__footer a{color:var(--color-brand)}.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-3)}.card{display:flex;flex-direction:column;gap:4px;padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-control);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--color-brand)}.logo-box{border-radius:var(--radius-control);border:1px solid var(--color-border);background:var(--color-bg-alt);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.logo-box--xl{width:72px;height:72px}.logo-box--lg{width:48px;height:48px;margin-bottom:4px}.logo-box--sm{width:36px;height:36px}.site-logo__img{width:100%;height:100%;object-fit:contain;display:block}.site-logo__fallback{font-weight:700;color:var(--color-text-muted)}.logo-box--xl .site-logo__fallback{font-size:1.6rem}.logo-box--lg .site-logo__fallback{font-size:1.1rem}.logo-box--sm .site-logo__fallback{font-size:.9rem}.card__top{display:flex;align-items:center;gap:var(--space-2);min-width:0}.card__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.card__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__meta{overflow-wrap:anywhere}.card__title{font-weight:700;font-size:1.05rem}.card__meta{color:var(--color-text-muted);font-size:13px}.card__manage{align-self:flex-start;margin-top:var(--space-2)}.empty{text-align:center;padding:80px 0;color:var(--color-text-muted)}.editor{display:flex;flex-direction:column;gap:var(--space-3)}.editor__back{display:inline-block;margin-bottom:4px;color:var(--color-text-muted);font-size:.85rem;text-decoration:none}.editor__back:hover{color:var(--color-brand)}.editor__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-3);position:sticky;top:56px;z-index:5}.editor__actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.editor__grid{display:grid;grid-template-columns:minmax(380px,1fr) minmax(420px,1.1fr);gap:var(--space-3);align-items:start}@media(max-width:1000px){.editor__grid{grid-template-columns:1fr}.editor__head{position:static}}.editor__preview{position:sticky;top:5.5rem;display:flex;flex-direction:column;gap:8px}.preview__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview__head select{width:auto}.preview__frame{width:100%;height:72vh;border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fff}.fields,.rows{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.field{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-2)}.field--dirty{border-color:var(--color-brand)}.field__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.field__key{margin:0;font-size:15px;font-weight:600}.field__meta{margin:4px 0 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--color-text-muted);font-size:12px}.field__actions{display:flex;align-items:center;gap:8px}.field__body{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.field__foot{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}.image-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.image-compare figure{margin:0}.image-compare figcaption{font-size:12px;color:var(--color-text-muted);margin-bottom:6px}.image-compare img{width:100%;border-radius:var(--radius-control);border:1px solid var(--color-border);display:block}.image-none{padding:var(--space-3);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-control);color:var(--color-text-muted);font-size:13px}.panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-4)}.panel__head{display:flex;justify-content:space-between;align-items:center;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2);align-items:end;margin:var(--space-3) 0;padding:var(--space-2);background:var(--color-bg-alt);border-radius:var(--radius-control)}.form-inline{display:flex;gap:10px;margin:var(--space-3) 0 4px;flex-wrap:wrap}.form-inline input{flex:1 1 220px}.form-inline select{width:auto;min-width:120px}.labeled{display:flex;flex-direction:column;gap:4px}.labeled__label{font-size:13px;font-weight:600}.labeled__hint{font-size:12px;color:var(--color-text-muted)}.row{display:flex;justify-content:space-between;gap:var(--space-2);align-items:flex-start;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-control);flex-wrap:wrap}.row__logo{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.row__logo-actions{display:flex;gap:6px}.row__main{display:flex;flex-direction:column;gap:3px;min-width:240px;flex:1}.row__meta{color:var(--color-text-muted);font-size:13px}.row__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row__actions select{width:auto}