:root{--ink:#111318;--ink-2:#1d2027;--paper:#f3f3f0;--card:#fff;--muted:#6f737d;--line:#dedfe3;--accent:#ff4d2e;--accent-soft:#fff0ec;--good:#247a43;--good-soft:#eaf7ee;--warn:#a74a23;--warn-soft:#fff2e8;--danger:#b52f35;--radius:18px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;touch-action:manipulation}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}
button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit}
.app-shell{min-height:100vh}.site-header{min-height:78px;padding:13px max(22px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.brand-lockup{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:48px;height:48px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:17px;font-weight:900;letter-spacing:-1px;transform:rotate(-5deg)}.brand-lockup b{display:block;font-size:13px;letter-spacing:.12em}.brand-lockup small{display:block;color:var(--muted);font-size:9px;letter-spacing:.16em;margin-top:3px}
.site-nav{display:flex;align-items:center;gap:5px}.site-nav a{padding:10px 13px;border-radius:9px;text-decoration:none;color:#555963;font-weight:700}.site-nav a:hover,.site-nav a.active{background:#f0f0ee;color:var(--ink)}.nav-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 6px;border-radius:20px;background:var(--accent);color:#fff;font-size:11px}
.user-menu{display:flex;align-items:center;gap:14px}.user-menu span{border-left:1px solid var(--line);padding-left:16px}.user-menu small{display:block;color:var(--muted);font-size:9px;letter-spacing:.14em}.user-menu b{font-size:15px}.text-button{border:0;background:transparent;color:var(--muted);padding:8px;cursor:pointer;font-weight:700}.text-button:hover{color:var(--accent)}
.main-content{width:min(1320px,100%);margin:0 auto;padding:36px 22px 60px}.eyebrow{margin:0 0 7px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.18em}.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.workspace-heading h1,.page-heading h1{margin:0;font-size:clamp(34px,5vw,58px);line-height:.95;letter-spacing:-.05em}.heading-note{margin:10px 0 0;color:var(--muted)}
.current-domain{min-width:330px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.current-domain.missing{background:var(--warn-soft)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px rgba(36,122,67,.1)}.missing .status-dot{background:var(--warn);box-shadow:0 0 0 5px rgba(167,74,35,.1)}.current-domain small{display:block;color:var(--muted);font-size:9px;letter-spacing:.15em;margin-bottom:2px}.current-domain b{display:block}.current-domain time{color:var(--muted);font-size:11px}
.domain-alert{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;margin-bottom:16px;border:1px solid #f0bda6;border-radius:14px;background:var(--warn-soft)}.domain-alert h2{margin:0 0 4px}.domain-alert p:not(.eyebrow){margin:0;color:#74452f}.notice-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--card);border:1px solid var(--line);padding:14px 16px;margin-bottom:10px;border-radius:12px}.notice-row p{margin:3px 0 0;color:var(--muted)}
.generator-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);gap:18px;align-items:start}.generator-card,.result-card,.form-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.generator-card{padding:6px 28px}.form-step{display:grid;grid-template-columns:42px 1fr;gap:4px 14px;padding:23px 0;border-bottom:1px solid var(--line)}.form-step:last-child{border-bottom:0}.step-number{grid-row:1/3;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.15em;padding-top:5px}.form-step label,.field-block{display:block}.form-step label>b,.field-block>b{display:block;font-size:15px}.form-step label>small,.field-block>small{display:block;color:var(--muted);font-size:11px;margin:2px 0 9px}select,input{width:100%;min-height:50px;border:1px solid #d3d5d9;border-radius:10px;background:#fff;color:var(--ink);padding:13px 15px;outline:none;font-size:16px}select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,77,46,.1)}select:disabled,input:disabled{background:#f1f1ef;color:#96989d}.brand-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.brand-tabs button{min-height:46px;border:1px solid var(--line);border-radius:10px;background:#fafafa;color:#5e626b;font-weight:800;cursor:pointer}.brand-tabs button.active{background:var(--ink);border-color:var(--ink);color:#fff}.empty-inline{grid-column:2;background:var(--warn-soft);color:#74452f;border-radius:9px;padding:11px 13px}
.result-card{position:sticky;top:98px;background:var(--ink);border-color:var(--ink);color:#fff;padding:26px}.result-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:13px}.result-meta span{color:#92959d;font-size:12px}.result-link{min-height:114px;padding:16px;border:1px solid #393c45;border-radius:11px;background:var(--ink-2);overflow-wrap:anywhere;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#f0f1f3;user-select:all;-webkit-user-select:all}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.result-actions .primary-button{grid-column:1/-1}.save-status{min-height:20px;margin:12px 0 0;color:#9da0a7;font-size:11px}.save-status.success{color:#80d29a}.save-status.error{color:#ff9a88}.privacy-note{display:flex;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid #343741}.privacy-note b{font-size:11px;color:#fff;white-space:nowrap}.privacy-note span{font-size:11px;color:#8f929a}
.primary-button,.secondary-button,.dark-button,.small-primary,.small-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;font-weight:800;cursor:pointer}.primary-button{min-height:48px;padding:12px 18px;border:0;background:var(--accent);color:#fff}.primary-button:hover,.small-primary:hover{background:#e83f22}.primary-button:disabled,.dark-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{min-height:44px;padding:10px 15px;border:1px solid #db9f85;background:#fff;color:#7a3d25}.dark-button{min-height:46px;padding:11px 14px;border:1px solid #40434c;background:transparent;color:#e2e3e6}.dark-button:hover{border-color:#777b85}.small-primary,.small-secondary{min-height:36px;padding:8px 11px;font-size:12px}.small-primary{border:0;background:var(--accent);color:#fff}.small-secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}
.flash-stack{width:min(1320px,calc(100% - 44px));margin:18px auto -12px}.flash{padding:12px 15px;border-radius:10px;background:var(--card);border:1px solid var(--line)}.flash.success{background:var(--good-soft);border-color:#b9ddc5;color:#245c36}.flash.error{background:#fff0f1;border-color:#edc4c6;color:var(--danger)}
.links-page{min-width:0}.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:16px 18px;border-radius:13px;background:var(--warn-soft);border:1px solid #f0bda6}.bulk-bar b,.bulk-bar span{display:block}.bulk-bar span{color:#74452f;font-size:12px;margin-top:3px}.link-table-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.link-table{width:100%;border-collapse:collapse}.link-table th{padding:13px 15px;background:#f7f7f5;text-align:left;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.link-table td{padding:15px;border-top:1px solid var(--line);vertical-align:top}.link-table tr.needs-update{background:#fffaf6}.link-table td b,.link-table td small,.link-table td code{display:block}.link-table td small{max-width:360px;color:var(--muted);font-size:11px;margin-top:3px}.link-table td code{margin-top:6px;color:#555963;font-size:11px;overflow-wrap:anywhere}.link-table time{color:var(--muted);font-size:12px;white-space:nowrap}.row-actions{text-align:right}.status-badge{display:inline-flex;padding:5px 8px;border-radius:30px;font-size:10px;font-weight:800;white-space:nowrap}.status-badge.active{background:var(--good-soft);color:var(--good)}.status-badge.needs_update{background:var(--warn-soft);color:var(--warn)}.empty-state{text-align:center;padding:70px 24px}.empty-state h2{margin:0 0 6px}.empty-state p{margin:0 auto 20px;color:var(--muted);max-width:520px}
.login-layout{min-height:calc(100vh - 180px);display:grid;grid-template-columns:1fr 430px;gap:8vw;align-items:center}.login-intro h1{font-size:clamp(52px,8vw,108px);line-height:.82;letter-spacing:-.075em;margin:0;max-width:760px}.login-intro>p:last-child{max-width:520px;color:var(--muted);font-size:18px;margin:28px 0 0}.login-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:grid;gap:18px;box-shadow:0 18px 55px rgba(16,18,22,.07)}.login-card h2{margin:0;font-size:28px;letter-spacing:-.03em}.login-card label>span{display:block;font-weight:800;margin-bottom:7px}.login-card .primary-button{width:100%}.form-error,.field-error{color:var(--danger)}.form-error{padding:11px 13px;border-radius:9px;background:#fff0f1}.login-note{margin:0;text-align:center;color:var(--muted);font-size:11px}.narrow-page{width:min(640px,100%);margin:20px auto}.page-heading{margin-bottom:22px}.form-card{padding:26px}.form-card p{margin:0 0 18px}.form-card label{display:block;font-weight:700;margin-bottom:7px}.form-card .helptext{display:block;color:var(--muted);font-size:11px;margin-top:6px}.form-card ul{color:var(--muted);font-size:12px}
@media(max-width:960px){.site-header{grid-template-columns:auto 1fr;gap:14px}.site-nav{grid-row:2;grid-column:1/-1;overflow-x:auto}.user-menu{justify-self:end}.generator-grid{grid-template-columns:1fr}.result-card{position:static}.login-layout{grid-template-columns:1fr 400px;gap:36px}.login-intro h1{font-size:70px}.link-table-wrap{overflow-x:auto}.link-table{min-width:900px}}
@media(max-width:680px){.site-header{position:static;padding:10px 12px;grid-template-columns:1fr auto}.brand-mark{width:42px;height:42px}.brand-lockup b{font-size:11px}.user-menu span{display:none}.site-nav{gap:2px}.site-nav a{padding:9px 10px;font-size:12px}.main-content{padding:22px 12px calc(30px + env(safe-area-inset-bottom))}.workspace-heading{align-items:stretch;flex-direction:column}.workspace-heading h1{font-size:40px}.current-domain{min-width:0;width:100%;grid-template-columns:auto 1fr}.current-domain time{grid-column:2}.domain-alert,.bulk-bar{align-items:stretch;flex-direction:column}.generator-card{padding:4px 14px}.form-step{display:block;padding:18px 0}.step-number{display:block;margin-bottom:6px}.brand-tabs button{min-height:50px}.result-card{padding:18px 14px calc(18px + env(safe-area-inset-bottom));border-radius:15px}.result-actions{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));z-index:4}.result-actions button{box-shadow:0 5px 18px rgba(0,0,0,.25)}.privacy-note{flex-direction:column}.login-layout{display:block;min-height:0}.login-intro{margin:20px 0 34px}.login-intro h1{font-size:54px}.login-intro>p:last-child{font-size:15px;margin-top:20px}.login-card{padding:22px 16px}.flash-stack{width:calc(100% - 24px)}}