:root{--bg:#1d1d1b;--bg-rail:#161614;--bg-soft:#232320;--bg-raised:#2a2a27;--bg-strong:#3c3b3b;--text:#ffffff;--text-muted:#939392;--text-faint:#6e6e6d;--text-dim:#4a4a49;--text-on-bright:#1d1d1b;--accent:#d2d2d1;--accent-strong:#ffffff;--accent-soft:rgba(210,210,209,0.14);--hairline:rgba(255,255,255,0.11);--hairline-strong:rgba(255,255,255,0.24);--hairline-solid:#3c3b3b;--danger:#ef4444;--danger-soft:rgba(239,68,68,0.14);--success:#22c55e;--success-soft:rgba(34,197,94,0.16);--font-montserrat:"Montserrat";--font-sans:var(--font-montserrat),"Helvetica Neue",Arial,sans-serif;--text-xs:0.625rem;--text-eyebrow:0.6875rem;--text-caption:0.75rem;--text-body:0.8125rem;--text-base:0.875rem;--text-lg:0.9375rem;--text-xl:1rem;--text-2xl:1.0625rem;--text-3xl:1.125rem;--text-4xl:1.25rem;--weight-display:200;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-bold:600;--tracking-tight:-0.012em;--tracking-display:0.05em;--tracking-eyebrow:0.3em;--tracking-wide:0.17em;--leading-normal:1.4;--leading-base:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius:0;--radius-btn:2px;--radius-pill:999px;--radius-circle:50%;--rail-width:240px;--topbar-height:100px;--bp-lg:1100px;--bp-md:780px;--duration-fast:0.2s;--duration-base:0.3s;--ease:cubic-bezier(0.2,0.7,0.2,1);--overlay-backdrop:rgba(0,0,0,0.72);--shadow-modal:0 20px 60px rgba(0,0,0,0.5);color-scheme:dark}:root[data-theme=light]{--bg:#ffffff;--bg-rail:#f4f4f3;--bg-soft:#fafafa;--bg-raised:#ffffff;--bg-strong:#e8e8e6;--text:#1d1d1b;--text-muted:#6e6e6d;--text-faint:#939392;--text-dim:#b4b4b3;--text-on-bright:#ffffff;--accent:#1d1d1b;--accent-strong:#000000;--accent-soft:rgba(29,29,27,0.08);--hairline:rgba(29,29,27,0.14);--hairline-strong:rgba(29,29,27,0.3);--hairline-solid:#d2d2d1;color-scheme:light}*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-base);-webkit-font-smoothing:antialiased;transition:background var(--duration-base) var(--ease),color var(--duration-base) var(--ease)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);border-bottom:1px solid var(--hairline);background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand,.topbar-left{display:flex;align-items:center;gap:var(--space-4)}.brand{text-decoration:none;color:var(--text)}.brand-mark{width:38px;height:39px;display:block;flex-shrink:0;color:var(--text)}.brand-rule{width:1px;align-self:stretch;margin:var(--space-2) 0;background:var(--hairline-solid)}.brand-text{display:flex;flex-direction:column;gap:5px}.brand-name{font-size:var(--text-4xl);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:1.06}.brand-name,.brand-sub{text-transform:uppercase}.brand-sub{font-size:var(--text-eyebrow);font-weight:var(--weight-bold);letter-spacing:var(--tracking-eyebrow);color:var(--text-muted);line-height:1}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle{width:40px;height:40px;display:grid;place-items:center;background:transparent;border:1px solid var(--hairline);border-radius:var(--radius-btn);color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.theme-toggle:hover{color:var(--text);border-color:var(--hairline-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:34px;border-radius:var(--radius-btn);border:1px solid var(--hairline-strong);background:transparent;color:var(--text);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{height:30px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-primary{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--text-on-bright)}.btn-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--text-on-bright)}.btn-ghost{border-color:transparent;color:var(--text-muted);justify-content:flex-start;text-transform:none;letter-spacing:0;font-size:var(--text-caption)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--accent-soft);border-color:transparent}.btn-danger{border-color:transparent;color:var(--danger);justify-content:flex-start;text-transform:none;letter-spacing:0}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:transparent;color:var(--danger)}.btn-block{width:100%}.layout{display:grid;grid-template-columns:var(--rail-width) minmax(360px,460px) 1fr;align-items:start}.layout,.rail{min-height:calc(100vh - var(--topbar-height))}.rail{background:var(--bg-rail);border-right:1px solid var(--hairline);padding:var(--space-5) var(--space-4);position:-webkit-sticky;position:sticky;top:var(--topbar-height);max-height:calc(100vh - var(--topbar-height));overflow-y:auto}.rail-section+.rail-section{margin-top:var(--space-8)}.rail-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-eyebrow);font-weight:var(--weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3)}.rail-add{background:transparent;border:none;color:var(--text-faint);cursor:pointer;font-size:var(--text-base);line-height:1;padding:2px 4px}.rail-add:hover{color:var(--text)}.rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.rail-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:transparent;border:none;border-left:2px solid transparent;color:var(--text-muted);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.rail-item.is-active,.rail-item:hover{background:var(--accent-soft);color:var(--text)}.rail-item.is-active{border-left-color:var(--accent)}.avatar{width:28px;height:28px;border-radius:var(--radius-circle);object-fit:cover;flex-shrink:0;background:var(--bg-strong);display:grid;place-items:center;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);letter-spacing:.04em;border:1px solid var(--hairline)}.rail-item-text{min-width:0;display:flex;flex-direction:column}.rail-item-name{font-size:var(--text-caption);font-weight:var(--weight-medium);color:inherit}.rail-item-name,.rail-item-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-item-sub{font-size:var(--text-xs);color:var(--text-dim)}.rail-divider{border:none;border-top:1px solid var(--hairline);margin:var(--space-4) 0}.rail-empty{font-size:var(--text-caption);color:var(--text-dim);padding:var(--space-2)}.panel{padding:var(--space-5) var(--space-6);min-height:calc(100vh - var(--topbar-height))}.form-panel{border-right:1px solid var(--hairline)}.panel-title{font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);margin:0;font-weight:var(--weight-bold)}.form-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--hairline);margin-bottom:var(--space-5)}.form-header-main h1{margin:var(--space-2) 0 0;font-size:1.5rem;font-weight:var(--weight-display);letter-spacing:var(--tracking-display)}.form-header-actions{display:flex;gap:var(--space-2);flex-shrink:0}.org-link-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--bg-soft);border:1px solid var(--hairline);margin-bottom:var(--space-5)}.org-link-label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-dim)}.org-link-label,.org-link-name{font-weight:var(--weight-medium)}.org-link-name{font-size:var(--text-caption)}.org-link-actions{display:flex;gap:var(--space-2)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--hairline);margin-bottom:var(--space-5)}.tab{padding:var(--space-2) var(--space-3);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--text-faint);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color var(--duration-fast) var(--ease)}.tab.is-active,.tab:hover{color:var(--text)}.tab.is-active{border-bottom-color:var(--accent)}.field{margin-bottom:var(--space-4)}.field-label{display:block;font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--space-2)}.field-input{width:100%;height:36px;padding:0 var(--space-3);background:var(--bg-soft);border:1px solid var(--hairline);border-radius:var(--radius);color:var(--text);font-size:var(--text-caption);transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.field-input::placeholder{color:var(--text-dim)}.field-input:focus{outline:none;border-color:var(--accent);background:var(--bg-raised)}.field-hint{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--text-dim);line-height:var(--leading-normal)}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.field-inherited{color:var(--text-faint);font-style:italic}.preview-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--hairline);margin-bottom:var(--space-5)}.preview-surface{background:#ffffff;border:1px solid var(--hairline-solid);padding:var(--space-6);overflow-x:auto}.preview-email{max-width:560px}.preview-meta{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#6e6e6d;border-bottom:1px solid #e8e8e6;padding-bottom:10px;margin-bottom:16px;line-height:1.6}.preview-meta strong{color:#1d1d1b;font-weight:600}.preview-body{font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:20px;color:#1d1d1b;margin-bottom:18px}.preview-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap}.preview-empty{color:#939392;font-family:Arial,Helvetica,sans-serif;font-size:13px}.tips{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--hairline)}.tips h3{margin:0 0 var(--space-2);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-bold)}.install-intro{margin:0 0 var(--space-4);font-size:var(--text-caption);color:var(--text-muted)}.install-list{display:flex;flex-direction:column;border-top:1px solid var(--hairline)}.install-item{border-bottom:1px solid var(--hairline)}.install-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;background:transparent;border:none;color:var(--text);font-size:var(--text-caption);font-weight:var(--weight-medium);cursor:pointer;text-align:left}.install-trigger:hover{color:var(--accent)}.install-mark{color:var(--text-dim);font-size:var(--text-base);line-height:1}.install-body{padding:0 0 var(--space-4);margin:0;padding-left:var(--space-5);color:var(--text-muted);font-size:var(--text-caption);line-height:1.7}.install-body li+li{margin-top:var(--space-1)}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-top:1px solid var(--hairline);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.toast-viewport{position:fixed;bottom:var(--space-6);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:var(--space-2);z-index:60;pointer-events:none}.toast{background:var(--bg-raised);border:1px solid var(--hairline-strong);color:var(--text);padding:var(--space-3) var(--space-5);font-size:var(--text-caption);letter-spacing:.04em;box-shadow:var(--shadow-modal);animation:toast-in var(--duration-base) var(--ease)}.toast.is-error{border-color:var(--danger);color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;inset:0;background:var(--overlay-backdrop);display:grid;place-items:center;z-index:50;padding:var(--space-4)}.modal{background:var(--bg-raised);border:1px solid var(--hairline-strong);width:100%;max-width:540px;max-height:86vh;overflow-y:auto;padding:var(--space-6);box-shadow:var(--shadow-modal)}.modal h2{margin:0 0 var(--space-5);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6)}@media (max-width:1100px){.layout{grid-template-columns:var(--rail-width) 1fr}.preview-panel{grid-column:1/-1;border-top:1px solid var(--hairline);min-height:0}.form-panel{border-right:none}}@media (max-width:780px){:root{--topbar-height:76px}.layout{grid-template-columns:1fr}.rail{position:static;max-height:none;min-height:0;border-right:none;border-bottom:1px solid var(--hairline)}.panel{min-height:0;padding:var(--space-5) var(--space-4)}.field-row{grid-template-columns:1fr}.form-header{flex-direction:column}}@media print{.preview-actions,.rail,.site-footer,.tips,.topbar{display:none}}.gate{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:var(--bg)}.gate-card{width:100%;max-width:380px;background:var(--bg-soft);border:1px solid var(--hairline);padding:var(--space-8)}.gate-brand{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--hairline-solid);color:var(--text)}.gate-brand .brand-name{font-size:var(--text-2xl)}.gate-error{margin:0 0 var(--space-4);color:var(--danger);font-size:var(--text-caption)}.gate-note{text-align:center;margin-top:var(--space-5)}.photo-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.photo-preview{width:64px;height:64px;border-radius:var(--radius-circle);object-fit:cover;border:1px solid var(--hairline);background:var(--bg-strong);flex-shrink:0;display:grid;place-items:center;color:var(--text-dim)}.photo-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.image-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.image-preview{width:64px;height:64px;object-fit:contain;border:1px solid var(--hairline);background:var(--bg-strong);flex-shrink:0;display:grid;place-items:center;color:var(--text-dim);padding:4px}.image-preview.is-round{border-radius:var(--radius-circle);object-fit:cover;padding:0}.image-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.crop-modal{max-width:560px}.crop-stage{display:flex;justify-content:center;padding:var(--space-4) 0}.crop-surface{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;background:var(--bg-strong);max-width:100%}.crop-image{display:block;width:100%;height:100%;pointer-events:none;opacity:.45}.crop-box{position:absolute;cursor:move;box-shadow:0 0 0 9999px rgba(0,0,0,.55);outline:1px solid var(--accent-strong)}.crop-box:before{content:"";position:absolute;inset:0;background-image:inherit;outline:1px dashed rgba(255,255,255,.6);outline-offset:-1px;pointer-events:none}.crop-handle{position:absolute;width:14px;height:14px;background:var(--accent-strong);border:1px solid var(--text-on-bright)}.crop-handle-nw{top:-7px;left:-7px;cursor:nwse-resize}.crop-handle-ne{top:-7px;right:-7px;cursor:nesw-resize}.crop-handle-se{bottom:-7px;right:-7px;cursor:nwse-resize}.crop-handle-sw{bottom:-7px;left:-7px;cursor:nesw-resize}