:root{--bg:#e9edf2;--chrome:#f8fafc;--surface:#fff;--surface-2:#f1f4f8;--ink:#111827;--muted:#667085;--line:#d7dde6;--line-strong:#c5cedb;--accent:#f0643b;--accent-2:#2563eb;--accent-3:#d6a647;--danger:#d04444;--rail:#111827;--rail-2:#1f2937;--shadow:0 24px 70px #0f172a29}.home-shell{background:#e8edf3;grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.home-rail{color:#fff;background:#111827;border-right:1px solid #0f172a1f;min-height:100vh;padding:18px 14px}.home-brand{align-items:center;gap:10px;padding:4px 4px 18px;display:flex}.home-brand>span{color:#fff;background:#f0643b;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.home-brand p,.home-brand strong{margin:0;line-height:1.1;display:block}.home-brand p{color:#9ca3af;text-transform:uppercase;font-size:11px;font-weight:900}.home-brand strong{font-size:18px}.home-rail-nav{gap:6px;display:grid}.home-rail-nav a{color:#d1d5db;border-radius:6px;align-items:center;gap:10px;min-height:42px;padding:0 11px;font-size:13px;font-weight:900;text-decoration:none;display:flex}.home-rail-nav a.active,.home-rail-nav a:hover{color:#fff;background:#1f2937}.home-workbench{min-width:0;padding:22px 28px 32px}.home-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.home-header h1{margin:0;font-size:28px;line-height:1.2}.home-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.home-header-actions a,.home-command-button{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.home-header-actions .home-action-primary,.home-command-button{background:var(--accent);color:#fff;border-color:#0000}.home-command{background:#fff;border:1px solid #0f172a1a;border-radius:8px;grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:18px;min-height:320px;padding:20px;display:grid;box-shadow:0 20px 54px #0f172a1f}.home-command-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.home-command-copy h2{margin:12px 0 8px;font-size:clamp(32px,4vw,48px);line-height:1.08}.home-command-copy p{max-width:560px;color:var(--muted);margin:0;font-size:15px;font-weight:800;line-height:1.65}.home-step-list{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.home-step-list span{color:#31527a;background:#f8fbff;border:1px solid #2563eb2e;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.home-command-button{min-height:46px;padding:0 18px}.home-canvas-preview{background-color:#f8fafc;background-image:linear-gradient(#eef2f7 1px,#0000 1px),linear-gradient(90deg,#eef2f7 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #cbd5e1;border-radius:8px;grid-template-rows:32px 1fr 70px 42px 44px;gap:10px;min-height:280px;padding:12px;display:grid}.home-canvas-bar{border-bottom:1px solid #d8dee8;align-items:center;gap:7px;display:flex}.home-canvas-bar span{background:#cbd5e1;border-radius:999px;width:9px;height:9px}.home-preview-block,.home-preview-row,.home-preview-button{background:#fff;border:1px solid #2563eb24;border-radius:6px}.home-preview-block{align-content:center;gap:12px;padding:14px;display:grid}.home-preview-block.primary{background:linear-gradient(#eef7ff 0%,#fff 100%)}.home-preview-block strong{color:#174ea6;font-size:13px}.home-preview-block span{background:#dbeafe;border-radius:999px;width:72%;height:18px}.home-preview-row{grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;display:grid}.home-preview-row span{background:#e2e8f0;border-radius:6px}.home-preview-button{background:#f0643b;justify-self:center;width:58%}.home-grid-row{margin-top:18px}.home-section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px;display:flex}.home-future-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.home-future-card,.home-bottom-grid article{background:#fff;border:1px solid #0f172a1a;border-radius:8px;padding:14px}.home-future-card{align-content:space-between;min-height:126px;display:grid}.home-future-card div{color:var(--accent-2);justify-content:space-between;align-items:center;gap:10px;display:flex}.home-future-card div span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.home-future-card h3{margin:14px 0 6px;font-size:20px}.home-future-card p{width:fit-content;color:var(--muted);background:#eef2f7;border-radius:999px;margin:0;padding:5px 9px;font-size:12px;font-weight:900}.home-bottom-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.home-bottom-grid article{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;min-height:78px;display:grid}.home-bottom-grid article>svg{color:var(--accent-2)}.home-bottom-grid h3{margin:0 0 4px;font-size:14px}.home-bottom-grid p{color:var(--muted);margin:0;font-size:13px;font-weight:800}@media (max-width:920px){.home-shell{grid-template-columns:1fr}.home-rail{border-bottom:1px solid #0f172a1f;border-right:0;justify-content:space-between;align-items:center;gap:12px;min-height:auto;padding:12px;display:flex}.home-rail-nav{display:flex;overflow-x:auto}.home-rail-nav a{white-space:nowrap}.home-command{grid-template-columns:1fr}}@media (max-width:720px){.home-workbench{padding:14px 10px 22px}.home-header{flex-direction:column;align-items:flex-start}.home-header-actions{width:100%}.home-header-actions a{flex:150px}.home-command{padding:14px}.home-command-copy h2{font-size:32px}.home-future-grid,.home-bottom-grid{grid-template-columns:1fr}}.toolhub-shell{background:#f4f6f8;grid-template-columns:212px minmax(0,1fr);min-height:100vh;display:grid}.toolhub-sidebar{color:#fff;background:#0f172a;border-right:1px solid #d8dee8;flex-direction:column;min-height:100vh;padding:14px 8px 12px;display:flex}.toolhub-logo{align-items:center;gap:12px;min-height:58px;padding:0 10px 14px;display:flex}.toolhub-logo span{background:#fff;border:1px solid #ffffff2e;border-radius:12px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 8px 18px #0003}.toolhub-logo img{width:46px;height:auto;display:block}.toolhub-logo strong{color:#fff;font-size:21px;font-weight:950;line-height:1.05}.toolhub-nav{flex:auto;grid-auto-rows:min-content;align-content:start;align-items:start;gap:3px;display:grid}.toolhub-nav a{color:#d1d5db;border-radius:5px;align-items:center;gap:9px;min-height:36px;padding:0 10px;font-size:12.5px;font-weight:900;text-decoration:none;display:flex}.toolhub-nav a.active,.toolhub-nav a:hover{color:#fff;background:#1f2937}.toolhub-main{min-width:0;padding:18px 24px 30px}.toolhub-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.toolhub-header p{color:#667085;margin:0 0 6px;font-size:12px;font-weight:900}.toolhub-header h1{margin:0;font-size:30px;line-height:1.2}.toolhub-header span{color:#667085;margin-top:8px;font-size:14px;font-weight:700;display:block}.toolhub-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.toolhub-header-actions a,.toolhub-open-button,.toolhub-link-list a{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.toolhub-header-actions a.primary,.toolhub-open-button{background:var(--accent);color:#fff;border-color:#0000}.toolhub-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);grid-template-areas:"primary manage""foundation roadmap";align-items:start;gap:14px;display:grid}.toolhub-widget{background:#fff;border:1px solid #d8dee8;border-radius:8px;min-width:0;padding:16px;box-shadow:0 12px 30px #0f172a0f}.toolhub-primary-widget{flex-direction:column;grid-area:primary;min-height:300px;display:flex}.toolhub-manage-widget{grid-area:manage}.toolhub-roadmap-widget{grid-area:roadmap}.toolhub-foundation-widget{grid-area:foundation}.toolhub-widget-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.toolhub-widget-header h2{margin:0;font-size:16px;line-height:1.25}.toolhub-status{white-space:nowrap;min-height:24px;color:var(--muted);background:#eef2f7;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.toolhub-status.active{color:#166534;background:#dcfce7}.toolhub-widget-text{max-width:620px;color:var(--muted);margin:0;font-size:14px;font-weight:700;line-height:1.6}.toolhub-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.toolhub-board,.toolhub-side-stack{gap:14px;min-width:0;display:grid}.toolhub-section-title{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.toolhub-section-title h2{margin:0;font-size:15px;line-height:1.2}.toolhub-section-title span{color:#526173;background:#e8edf5;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.toolhub-app-card{min-width:0;color:var(--ink);background:#fff;border:1px solid #d8dee8;border-radius:8px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;text-decoration:none;display:grid;box-shadow:0 10px 24px #0f172a0d}.toolhub-app-card.active{border-color:#2563eb6b;box-shadow:0 16px 34px #2563eb1a}.toolhub-app-card.active:hover{border-color:#2563eb;transform:translateY(-1px)}.toolhub-app-card.disabled{color:#7a8798;box-shadow:none;background:#fbfcfe;grid-template-columns:42px minmax(0,1fr)}.toolhub-app-icon{color:#2563eb;background:#eef4ff;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.toolhub-app-card.disabled .toolhub-app-icon{color:#667085;background:#eef2f7;width:42px;height:42px}.toolhub-app-copy{gap:8px;min-width:0;display:grid}.toolhub-app-copy>div{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.toolhub-app-copy h3{margin:0;font-size:18px;line-height:1.25}.toolhub-app-card.disabled h3{font-size:15px}.toolhub-app-copy p{color:#667085;margin:0;font-size:13px;font-weight:750;line-height:1.55}.toolhub-app-copy em{color:#166534;background:#dcfce7;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:900}.toolhub-app-card.disabled em{color:#667085;background:#eef2f7}.toolhub-tags{flex-wrap:wrap;gap:6px;display:flex}.toolhub-tags span{color:#526173;background:#f2f5f9;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900}.toolhub-card-arrow{color:#98a2b3}.toolhub-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.toolhub-secondary-link{border:1px solid var(--line-strong);width:fit-content;min-height:38px;color:var(--ink);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:0 12px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.toolhub-note-list{gap:8px;display:grid}.toolhub-note-list span{color:#526173;background:#f8fbff;border:1px solid #e3e8ef;border-radius:6px;padding:10px;font-size:13px;font-weight:800;line-height:1.45}.toolhub-nav button{color:#d1d5db;text-align:left;width:100%;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:9px;padding:0 10px;font-size:12.5px;font-weight:900;text-decoration:none;display:grid}.toolhub-nav button svg{justify-self:center}.toolhub-nav button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toolhub-nav button.active,.toolhub-nav button:hover{color:#fff;background:#2563eb}.toolhub-dashboard-header{min-height:0;margin-bottom:0}.toolhub-account-bar{align-items:center;gap:10px;display:flex}.toolhub-account-bar>button{color:#526173;background:#fff;border:1px solid #d8dee8;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 8px 20px #0f172a0d}.toolhub-account-button{border-radius:999px;gap:8px;padding:4px 12px 4px 8px}.toolhub-account-button span{text-align:left;gap:1px;min-width:0;max-width:190px;display:grid}.toolhub-account-button strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.1;overflow:hidden}.toolhub-account-button small{color:#667085;font-size:11px;font-weight:900;line-height:1.1}.toolhub-sidebar-footer{border-top:1px solid #ffffff14;margin-top:16px;padding-top:12px}.toolhub-sidebar-account{color:#e5e7eb;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:9px;width:100%;min-height:48px;padding:0 10px;display:grid}.toolhub-sidebar-account:hover{background:#ffffff1a;border-color:#fff3}.toolhub-sidebar-account svg{color:#cbd5e1;justify-self:center}.toolhub-sidebar-account span{gap:2px;min-width:0;display:grid}.toolhub-sidebar-account strong,.toolhub-sidebar-account small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toolhub-sidebar-account strong{color:#fff;font-size:12px;line-height:1.15}.toolhub-sidebar-account small{color:#9ca3af;font-size:11px;font-weight:900;line-height:1.15}.toolhub-panel{border-radius:8px}.toolhub-tabs-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding-right:14px;display:grid}.toolhub-tabs{align-items:flex-end;gap:4px;min-width:0;min-height:48px;padding-left:14px;display:flex;overflow-x:auto}.toolhub-tabs button{color:#526173;white-space:nowrap;cursor:pointer;background:#e7edf7;border:1px solid #d8dee8;border-bottom:0;border-radius:8px 8px 0 0;justify-content:center;align-items:center;gap:8px;min-width:150px;min-height:48px;padding:0 18px;font-size:13px;font-weight:900;display:inline-flex}.toolhub-tabs button.active{min-height:56px;color:var(--ink);background:#fff;box-shadow:0 -8px 20px #0f172a0a}.toolhub-tab-order-button{color:#344054;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:38px;margin-bottom:6px;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex}.toolhub-tab-order-button:hover{color:#1d4ed8;border-color:#2563eb75}.toolhub-tab-body{background:#fff;border:1px solid #d8dee8;border-radius:8px;padding:20px;box-shadow:0 18px 45px #0f172a12}.toolhub-project-toolbar{grid-template-columns:minmax(200px,auto) minmax(260px,1fr);align-items:center;gap:14px;margin-bottom:16px;display:grid}.toolhub-new-project-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:42px;padding:0 16px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px #2563eb2e}.creation-modal-backdrop{z-index:100;background:#0f172a8a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.creation-modal{background:#fff;border:1px solid #d8dee8;border-radius:10px;gap:16px;width:min(420px,100vw - 36px);padding:22px;display:grid;position:relative;box-shadow:0 30px 90px #0f172a47}.creation-modal.banner-create-modal{width:min(620px,100vw - 36px)}.creation-modal.tab-order-modal{width:min(520px,100vw - 36px)}.creation-modal-close{color:#526173;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.creation-modal h2{color:var(--ink);margin:0;font-size:20px}.creation-modal p{color:#667085;margin:6px 36px 0 0;font-size:13px;font-weight:800;line-height:1.55}.creation-modal label{color:#344054;gap:7px;font-size:12px;font-weight:950;display:grid}.creation-modal input,.creation-modal textarea{min-height:42px;color:var(--ink);background:#fff;border:1px solid #d8dee8;border-radius:7px;outline:0;padding:0 11px;font-size:14px;font-weight:850}.creation-modal input:focus,.creation-modal textarea:focus{border-color:#2563eb9e;box-shadow:0 0 0 3px #2563eb1a}.banner-create-mode{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin:0;padding:0;display:grid}.banner-create-mode legend{color:#344054;grid-column:1/-1;padding:0 0 2px;font-size:12px;font-weight:950}.banner-create-mode button{color:#344054;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;min-height:104px;padding:12px;display:grid}.banner-create-mode button>svg{color:#526173;background:#eef2f7;border-radius:8px;width:34px;height:34px;padding:8px}.banner-create-mode button>span{gap:5px;min-width:0;display:grid}.banner-create-mode strong{color:var(--ink);font-size:14px;line-height:1.3}.banner-create-mode small{color:#667085;font-size:12px;font-weight:800;line-height:1.45}.banner-create-mode button.active{background:#eff6ff;border-color:#2563ebb8;box-shadow:0 0 0 3px #2563eb1a}.banner-create-mode button.active>svg{color:#fff;background:#2563eb}.banner-create-mode button.active strong{color:#1d4ed8}.creation-modal-actions{justify-content:flex-end;gap:8px;display:flex}.creation-modal-actions button{min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.creation-modal-actions button.primary{color:#fff;background:#2563eb;border-color:#0000}.creation-modal-actions button:disabled{cursor:not-allowed;opacity:.5}.tab-order-list{gap:8px;display:grid}.tab-order-item{background:#f8fafc;border:1px solid #d8dee8;border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:7px;display:grid}.tab-order-handle{color:#526173;background:#e7edf7;border-radius:7px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:950;display:grid}.tab-order-label{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:950;display:inline-flex;overflow:hidden}.tab-order-label svg{color:#526173;flex:none}.tab-order-actions{gap:6px;display:inline-flex}.tab-order-actions button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.tab-order-actions button:disabled{cursor:not-allowed;opacity:.42}.toolhub-project-search{color:#667085;background:#fff;border:1px solid #d8dee8;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:0 12px;display:grid}.toolhub-project-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px;font-weight:800}.toolhub-table-card{border:1px solid #e3e8ef;border-radius:8px;overflow:hidden}.toolhub-table-header,.toolhub-project-row{grid-template-columns:minmax(240px,1fr) 100px 100px 150px 96px;align-items:center;gap:12px;display:grid}.toolhub-table-header{color:#667085;background:#eef2f7;min-height:42px;padding:0 16px;font-size:12px;font-weight:900}.toolhub-project-row{color:#344054;border-top:1px solid #edf1f6;min-height:74px;padding:10px 16px;font-size:13px;font-weight:850}.toolhub-project-row:hover{background:#f8fbff}.toolhub-project-name{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.toolhub-project-preview{background:#f8fbff top/cover no-repeat;border:1px solid #d8dee8;border-radius:6px;width:52px;height:58px}.toolhub-project-preview.is-empty{color:#98a2b3;letter-spacing:0;background:#f3f6fa;border-style:dashed;place-items:center;font-size:9px;font-weight:950;display:grid}.toolhub-project-name span{gap:3px;min-width:0;display:grid}.toolhub-project-name strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:14px;overflow:hidden}.toolhub-project-name small{color:#98a2b3;font-size:11px;font-weight:850}.toolhub-date-cell,.toolhub-project-row a{align-items:center;gap:6px;display:inline-flex}.toolhub-date-cell{color:#667085}.toolhub-project-row a{color:#1d4ed8;white-space:nowrap;border:1px solid #2563eb52;border-radius:6px;justify-content:center;min-height:32px;padding:0 10px;font-size:12px;font-weight:900;text-decoration:none}.toolhub-empty-row{color:#667085;text-align:center;border-top:1px solid #edf1f6;place-items:center;min-height:116px;padding:20px;font-size:13px;font-weight:900;display:grid}.toolhub-placeholder,.toolhub-settings-card{color:#526173;text-align:center;align-content:center;justify-items:center;gap:12px;min-height:220px;display:grid}.toolhub-placeholder>span,.toolhub-settings-card>svg{color:#2563eb;background:#eef4ff;border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.toolhub-placeholder h2,.toolhub-settings-card h2{color:var(--ink);margin:0;font-size:20px}.toolhub-placeholder p,.toolhub-settings-card p{color:#667085;max-width:520px;margin:6px 0 0;font-size:14px;font-weight:750;line-height:1.6}.toolhub-placeholder em{color:#667085;background:#eef2f7;border-radius:999px;padding:6px 10px;font-size:12px;font-style:normal;font-weight:900}.toolhub-settings-card a{color:#1d4ed8;border:1px solid #2563eb52;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.banner-workspace-home{gap:16px;display:grid}.banner-workspace-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.banner-workspace-header h2{color:var(--ink);margin:0;font-size:20px}.banner-workspace-header p{color:#667085;margin:5px 0 0;font-size:13px;font-weight:800}.banner-new-work-button{color:#fff;white-space:nowrap;cursor:pointer;background:#2563eb;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #2563eb2e}.banner-work-table{border:1px solid #e3e8ef;border-radius:8px;overflow:hidden}.banner-work-table-head,.banner-work-row{grid-template-columns:minmax(180px,.8fr) minmax(260px,1.5fr) 170px 150px 120px;align-items:center;gap:12px;display:grid}.banner-work-table-head{color:#667085;background:#eef2f7;min-height:42px;padding:0 16px;font-size:12px;font-weight:900}.banner-work-row{color:#344054;border-top:1px solid #edf1f6;min-height:82px;padding:10px 16px;font-size:13px;font-weight:850}.banner-work-row:hover{background:#f8fbff}.banner-work-title{gap:3px;min-width:0;display:grid}.banner-work-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:14px;overflow:hidden}.banner-work-title small{color:#98a2b3;font-size:11px;font-weight:850}.banner-work-preview{width:100%;min-width:0;max-width:100%}.banner-work-preview-track{overscroll-behavior-inline:contain;gap:8px;width:100%;max-width:100%;padding:2px 2px 7px;display:flex;overflow-x:auto}.banner-work-preview-track::-webkit-scrollbar{height:6px}.banner-work-preview-track::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.banner-work-preview-thumb,.banner-work-preview-placeholder{border:1px solid #d8dee8;border-radius:6px;flex:0 0 60px;width:60px;height:58px}.banner-work-preview-thumb{background-position:50%;background-repeat:no-repeat;background-size:cover}.banner-work-preview-placeholder{color:#98a2b3;background:#f3f6fa;border-style:dashed;place-items:center;font-size:9px;font-weight:950;display:grid}.banner-work-preview-placeholder.is-yaml{color:#5b21b6;letter-spacing:.04em;background:linear-gradient(135deg,#f5f3ff 0%,#eef2ff 100%);border-style:solid;border-color:#7c3aed52}.banner-work-status{color:#526173;white-space:nowrap;background:#eef2f7;border-radius:999px;width:fit-content;padding:6px 9px;font-size:12px;font-weight:900}.banner-work-status.is-yaml{color:#6d28d9;background:#f5f3ff}.banner-work-status.is-yaml.is-complete{color:#047857;background:#ecfdf5}.banner-work-date,.banner-work-actions,.banner-work-actions button{align-items:center;gap:6px;display:inline-flex}.banner-work-date{color:#667085}.banner-work-actions{justify-content:flex-end}.banner-work-actions button{color:#1d4ed8;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #2563eb52;border-radius:6px;justify-content:center;min-height:32px;padding:0 10px;font-size:12px;font-weight:900}.banner-work-actions button.is-danger{width:32px;color:var(--danger);border-color:#d044443d;padding:0}.banner-work-empty{color:#667085;text-align:center;border-top:1px solid #edf1f6;place-items:center;min-height:116px;padding:20px;font-size:13px;font-weight:900;display:grid}.banner-generator-tab{padding:0;overflow:hidden}.banner-workspace-shell{background:#e8edf3;min-height:100vh;padding:14px}.banner-generator-tab-standalone{background:#fff;border:1px solid #d7dde6;border-radius:8px;grid-template-rows:auto auto auto minmax(0,1fr);height:calc(100vh - 28px);display:grid;box-shadow:0 20px 56px #0f172a1f}.banner-generator-tab-standalone .banner-direct-layout,.banner-generator-tab-standalone .banner-generator-layout{height:100%;min-height:0}.banner-workspace-missing{color:#667085;text-align:center;align-content:center;place-items:center;gap:10px;min-height:100%;padding:28px;display:grid}.banner-workspace-missing h2,.banner-workspace-missing p{margin:0}.banner-workspace-missing h2{color:var(--ink);font-size:20px}.banner-workspace-missing p{max-width:440px;font-size:13px;font-weight:800;line-height:1.6}.banner-tool-topbar{background:#f8fafc;border-bottom:1px solid #e3e8ef;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:12px;min-height:62px;padding:10px 18px;display:grid}.banner-tool-topbar label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.banner-tool-topbar span{color:#526173;font-size:12px;font-weight:950}.banner-tool-topbar input{min-width:0;min-height:38px;color:var(--ink);background:#fff;border:1px solid #d8dee8;border-radius:6px;outline:0;padding:0 10px;font-size:14px;font-weight:850}.banner-mode-switch{background:#fff;border:1px solid #d8dee8;border-radius:7px;grid-template-columns:1fr 1fr;min-height:38px;display:inline-grid;overflow:hidden}.banner-mode-switch button{color:#526173;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-width:108px;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex}.banner-mode-switch button.active{color:#fff;background:#2563eb}.banner-mode-selector{background:#f8fafc;border-bottom:1px solid #e3e8ef;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:12px 18px;display:grid}.banner-mode-selector-head{align-content:center;gap:4px;display:grid}.banner-mode-selector-head span{color:#667085;letter-spacing:.02em;font-size:11px;font-weight:950}.banner-mode-selector-head strong{color:var(--ink);font-size:14px;line-height:1.35}.banner-mode-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.banner-mode-cards button{color:#344054;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:74px;padding:12px;display:grid}.banner-mode-cards button>svg{color:#526173;background:#eef2f7;border-radius:8px;width:34px;height:34px;padding:8px}.banner-mode-cards button>span{gap:4px;min-width:0;display:grid}.banner-mode-cards strong{color:var(--ink);font-size:14px;line-height:1.25}.banner-mode-cards small{color:#667085;font-size:12px;font-weight:800;line-height:1.35}.banner-mode-cards button.active{background:#eff6ff;border-color:#2563ebb8;box-shadow:0 0 0 3px #2563eb1a}.banner-mode-cards button.active>svg{color:#fff;background:#2563eb}.banner-mode-cards button.active strong{color:#1d4ed8}.banner-generator-header{border-bottom:1px solid #e3e8ef;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:16px 18px;display:flex}.banner-generator-header h2{color:var(--ink);margin:0;font-size:20px;line-height:1.2}.banner-generator-header p{color:#667085;margin:5px 0 0;font-size:13px;font-weight:800}.banner-generator-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.banner-generator-actions>span{color:#526173;white-space:nowrap;background:#eef2f7;border-radius:999px;align-items:center;min-height:32px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.banner-icon-button,.banner-primary-button,.banner-light-button,.banner-copy-button{min-height:34px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.banner-primary-button{color:#fff;background:#2563eb;border-color:#0000}.banner-primary-button.is-secondary{color:#1d4ed8;background:#fff;border-color:#d8dee8}.banner-light-button:disabled,.banner-copy-button:disabled,.banner-filter-summary button:disabled{cursor:not-allowed;opacity:.48}.banner-copy-button{color:#1d4ed8;background:#eff6ff;border-color:#2563eb57;min-height:38px}.banner-copy-button.is-copied,.banner-light-button.is-copied{color:#176955;background:#ecfdf3;border-color:#2f8f7a47}.banner-copy-button.is-failed,.banner-light-button.is-failed{color:var(--danger);background:#fff1f1;border-color:#d0444447}.banner-generator-search{color:#667085;border-bottom:1px solid #e3e8ef;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:52px;padding:0 18px;display:grid}.banner-generator-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px;font-weight:850}.banner-generator-layout{grid-template-columns:286px minmax(0,1fr);height:min(74vh,780px);min-height:560px;display:grid;overflow:hidden}.banner-filter-column{background:#f8fafc;border-right:1px solid #e3e8ef;min-width:0;overflow:auto}.banner-gallery-area{background:#f1f4f8;min-width:0;padding:14px;overflow:auto}.banner-side-state,.banner-state{color:#667085;text-align:center;align-content:center;place-items:center;gap:10px;min-height:220px;padding:20px;font-size:13px;font-weight:900;display:grid}.banner-state{min-height:420px}.banner-state p,.banner-state small{margin:0}.banner-state small{max-width:520px;color:var(--danger);font-size:12px;line-height:1.5}.banner-spinner{border:2px solid #cbd5e1;border-top-color:#2563eb;border-radius:999px;width:20px;height:20px;animation:.9s linear infinite spin-icon}.banner-filters{gap:14px;padding:14px;display:grid}.banner-filter-summary{justify-content:space-between;align-items:center;gap:8px;display:flex}.banner-filter-summary-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.banner-filter-summary span{color:var(--ink);font-size:13px;font-weight:900}.banner-filter-summary small{color:#667085;font-size:12px}.banner-filter-summary button,.banner-filter-group>div:first-child button{color:#526173;background:#fff;border:1px solid #d8dee8;border-radius:6px;min-height:30px;padding:0 9px;font-size:11px;font-weight:900}.banner-filter-summary .banner-filter-close-button{color:#1d4ed8;background:#eff6ff;border-color:#2563eb40;gap:4px}.banner-filter-note{color:#7a571b;background:#fff8e7;border:1px solid #d6a64747;border-radius:6px;margin:0;padding:9px;font-size:12px;font-weight:800;line-height:1.5}.banner-filter-group{gap:8px;display:grid}.banner-filter-group>div:first-child{justify-content:space-between;align-items:center;gap:8px;min-height:30px;display:flex}.banner-filter-group h3{color:var(--ink);margin:0;font-size:13px}.banner-filter-chips{flex-wrap:wrap;gap:7px;display:flex}.banner-filter-chips button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:999px;align-items:center;gap:6px;max-width:100%;min-height:30px;padding:0 9px;font-size:12px;font-weight:850;display:inline-flex}.banner-filter-chips button.is-selected{color:#1d4ed8;background:#eff6ff;border-color:#2563eb8c}.banner-filter-chips button.is-empty{opacity:.48}.banner-filter-chips button.is-more{color:#1d4ed8;border-style:dashed}.banner-filter-chips span{color:#667085;background:#eef2f7;border-radius:999px;justify-content:center;align-items:center;min-width:22px;min-height:20px;padding:0 6px;font-size:11px;font-weight:900;display:inline-flex}.banner-masonry{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:start;gap:12px;min-width:0;display:grid}.banner-masonry-column{gap:12px;min-width:0;display:grid}.banner-card{background:#fff;border:1px solid #d8dee8;border-radius:8px;min-height:140px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.banner-card-open{cursor:pointer;background:#fff;border:0;place-items:center;width:100%;padding:0;display:grid;position:absolute;inset:0}.banner-card-open img{object-fit:cover;width:100%;height:100%;display:block}.banner-card:hover{border-color:#2563eb8c;box-shadow:0 12px 30px #0f172a1a}.banner-card.is-selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24,0 12px 30px #0f172a1a}.banner-card-selected{color:#fff;background:#2563ebf0;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:11px;font-weight:950;display:inline-flex;position:absolute;top:8px;left:8px}.banner-skeleton{background-color:#eef2f7;background-image:linear-gradient(100deg,#0000 25%,#ffffffa6 45%,#0000 65%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:220% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:1.4s linear infinite banner-shimmer;position:absolute;inset:0}@keyframes banner-shimmer{to{background-position:-220% 0}}.banner-card-failed{color:var(--danger);text-align:center;gap:6px;padding:14px;font-size:12px;font-weight:900;display:grid}.banner-card-failed small{color:#667085;font-size:10px;font-weight:850;line-height:1.35}.banner-card-retry{color:#1d4ed8;background:#ffffffeb;border:1px solid #2563eb52;border-radius:6px;min-height:28px;padding:0 8px;font-size:11px;font-weight:900;position:absolute;bottom:8px;right:8px}.banner-modal-overlay{z-index:80;background:#0f172a9e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.banner-modal{background:#fff;border-radius:10px;width:min(1180px,100vw - 36px);max-height:calc(100vh - 36px);position:relative;overflow:hidden;box-shadow:0 30px 90px #0000003d}.banner-modal-close{z-index:2;width:38px;height:38px;color:var(--ink);background:#fffffff2;border:1px solid #d8dee8;border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.banner-modal-body{grid-template-columns:minmax(360px,.9fr) minmax(420px,1fr);max-height:calc(100vh - 36px);display:grid;overflow:auto}.banner-modal-image{background:#f1f4f8;place-items:center;min-height:520px;display:grid}.banner-modal-image img{object-fit:contain;width:100%;height:auto;max-height:calc(100vh - 70px);display:block}.banner-modal-state{color:#667085;text-align:center;place-items:center;gap:10px;padding:24px;font-size:13px;font-weight:900;display:grid}.banner-modal-state div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.banner-prompt-panel{align-content:start;gap:16px;min-width:0;padding:24px;display:grid}.banner-prompt-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.banner-prompt-head h3{color:var(--ink);margin:0;font-size:18px}.banner-prompt-head p{color:#667085;margin:5px 0 0;font-size:13px;font-weight:800;line-height:1.5}.banner-prompt-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.banner-prompt-columns>div,.banner-prompt-columns label{align-content:start;gap:8px;min-width:0;display:grid}.banner-prompt-label{color:#344054;margin:0;font-size:12px;font-weight:950}.banner-prompt-columns small{color:#667085;font-size:12px;font-weight:800;line-height:1.45}.banner-prompt-columns pre,.banner-prompt-empty,.banner-prompt-columns textarea{width:100%;color:var(--ink);font:inherit;background:#f8fafc;border:1px solid #d8dee8;border-radius:7px;padding:11px;font-size:13px;font-weight:800;line-height:1.55}.banner-prompt-columns pre{white-space:pre-wrap;min-height:190px;max-height:320px;margin:0;overflow:auto}.banner-prompt-empty{color:#667085;margin:0}.banner-prompt-columns textarea{resize:vertical;outline:0;min-height:220px}.banner-prompt-columns textarea:focus{border-color:#2563eb9e;box-shadow:0 0 0 3px #2563eb1a}.banner-prompt-foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.banner-direct-layout{grid-template-columns:minmax(420px,1fr) 340px 360px;height:min(74vh,820px);min-height:620px;display:grid;overflow:hidden}.banner-direct-panel,.banner-generated-library{background:#f8fafc;min-width:0;overflow:auto}.banner-direct-panel{border-left:1px solid #e3e8ef;border-right:1px solid #e3e8ef}.banner-generated-library{border-left:0}.banner-direct-section{border-bottom:1px solid #e3e8ef;gap:14px;padding:14px;display:grid}.banner-direct-section-head,.banner-generated-library-head,.banner-direct-sample-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.banner-direct-section-head h3,.banner-generated-library-head h3,.banner-direct-sample-head h3{color:var(--ink);margin:0;font-size:15px}.banner-direct-section-head span,.banner-generated-library-head>span,.banner-direct-sample-head span{color:#526173;white-space:nowrap;background:#eef2f7;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:11px;font-weight:950;display:inline-flex}.banner-direct-sample-head p,.banner-generated-library-head p{color:#667085;margin:4px 0 0;font-size:12px;font-weight:800;line-height:1.45}.banner-selected-sample,.banner-selected-sample-empty{background:#f1f4f8;border:1px solid #d8dee8;border-radius:8px;place-items:center;min-height:190px;display:grid;position:relative;overflow:hidden}.banner-selected-sample img{object-fit:contain;width:100%;height:100%;max-height:310px;display:block}.banner-selected-sample-empty{color:#667085;text-align:center;padding:18px;font-size:12px;font-weight:900}.banner-direct-field{gap:7px;min-width:0;display:grid}.banner-direct-field>span{color:#344054;font-size:12px;font-weight:950}.banner-direct-field textarea,.banner-direct-field select,.banner-color-input-row input:first-child{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #d8dee8;border-radius:7px;outline:0;padding:10px;font-size:13px;font-weight:800;line-height:1.5}.banner-direct-field textarea{resize:vertical}.banner-direct-field select{min-height:40px}.banner-direct-field textarea:focus,.banner-direct-field select:focus,.banner-color-input-row input:first-child:focus{border-color:#2563eb9e;box-shadow:0 0 0 3px #2563eb1a}.banner-direct-field small{color:#667085;font-size:11px;font-weight:800;line-height:1.45}.banner-size-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.banner-size-options button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:7px;place-items:center;gap:3px;min-width:0;min-height:58px;padding:8px 6px;display:grid}.banner-size-options button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563ebb8;box-shadow:0 0 0 3px #2563eb1a}.banner-size-options strong,.banner-size-options small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.banner-size-options strong{font-size:14px;font-weight:950}.banner-size-options small{color:inherit;opacity:.76;font-size:10px;font-weight:900}.material-custom-size-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.material-custom-size-row label{color:#344054;gap:6px;min-width:0;font-size:11px;font-weight:950;display:grid}.material-custom-size-row input{width:100%;min-height:38px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d8dee8;border-radius:7px;outline:0;padding:0 10px;font-size:13px;font-weight:850}.material-custom-size-row input:focus{border-color:#2563eb9e;box-shadow:0 0 0 3px #2563eb1a}.banner-color-input-row{grid-template-columns:minmax(0,1fr) 44px 58px;align-items:center;gap:7px;display:grid}.banner-color-input-row input[type=color]{background:#fff;border:1px solid #d8dee8;border-radius:7px;width:44px;height:38px;padding:3px}.banner-color-input-row button,.banner-inline-revision button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #2563eb57;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 10px;font-size:12px;font-weight:950;display:inline-flex}.banner-color-input-row button:disabled,.banner-inline-revision button:disabled,.banner-direct-generate:disabled{cursor:not-allowed;opacity:.55}.banner-color-chips,.banner-asset-list{gap:7px;display:grid}.banner-color-chips button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.banner-color-chips button>span{border:1px solid #0f172a1f;border-radius:999px;width:18px;height:18px}.banner-asset-drop{color:#1d4ed8;cursor:pointer;background:#fff;border:1px dashed #b7c6dc;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:13px;font-weight:950;display:inline-flex}.banner-asset-drop input{display:none}.banner-asset-list div{background:#fff;border:1px solid #d8dee8;border-radius:7px;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:8px;min-width:0;padding:6px;display:grid}.banner-asset-list img{object-fit:cover;border-radius:5px;width:42px;height:42px}.banner-asset-list span{text-overflow:ellipsis;white-space:nowrap;color:#344054;min-width:0;font-size:12px;font-weight:900;overflow:hidden}.banner-asset-list button{color:#667085;background:#fff;border:1px solid #d8dee8;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.banner-direct-error{color:var(--danger);background:#fff1f1;border:1px solid #d044443d;border-radius:7px;margin:0;padding:9px;font-size:12px;font-weight:850;line-height:1.45}.banner-direct-generate{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-size:14px;font-weight:950;display:inline-flex;box-shadow:0 14px 28px #2563eb2e}.banner-direct-sample-area{background:#edf2f7;flex-direction:column;min-width:0;display:flex;overflow:hidden}.banner-direct-sample-tools{background:#fff;border-bottom:1px solid #d8dee8;gap:10px;padding:12px 14px;display:grid}.banner-direct-sample-toolbar{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.banner-direct-sample-toolbar>div:first-child{gap:2px;min-width:0;display:grid}.banner-direct-sample-toolbar strong{color:var(--ink);font-size:15px;font-weight:950}.banner-direct-sample-toolbar span{color:#667085;font-size:12px;font-weight:850}.banner-direct-sample-toolbar>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.banner-direct-sample-search{color:#667085;background:#f8fafc;border:1px solid #d8dee8;border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:40px;padding:0 10px;display:grid}.banner-direct-sample-search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:13px;font-weight:850}.banner-direct-sample-area .banner-filters{background:#f8fafc;border-bottom:1px solid #d8dee8;max-height:260px;overflow:auto}.banner-direct-sample-head{background:#fff;border-bottom:1px solid #d8dee8;min-height:64px;padding:12px 14px}.banner-direct-sample-area .banner-gallery-area{flex:1;min-height:0;overflow:auto}.marketing-template-tabs{gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.marketing-template-tabs button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:999px;flex:none;min-height:34px;padding:0 12px;font-size:12px;font-weight:950}.marketing-template-tabs button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563ebb8}.marketing-template-gallery{padding:12px}.marketing-template-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.marketing-template-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #d8dee8;border-radius:8px;gap:8px;min-width:0;padding:8px;display:grid}.marketing-template-card:hover{border-color:#2563eb80;box-shadow:0 12px 24px #0f172a14}.marketing-template-card.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.marketing-template-card img{object-fit:contain;background:#f8fafc;border:1px solid #eef2f7;border-radius:6px;width:100%;height:168px;display:block}.marketing-template-card span{color:#344054;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:950;overflow:hidden}.banner-generated-library{align-content:start;display:grid}.banner-generated-library-head{z-index:1;background:#f8fafc;border-bottom:1px solid #e3e8ef;padding:14px;position:sticky;top:0}.banner-generated-empty{color:#667085;text-align:center;align-content:center;place-items:center;gap:8px;min-height:260px;padding:18px;font-size:12px;font-weight:900;display:grid}.banner-generated-list{gap:12px;padding:12px;display:grid}.banner-generated-card{background:#fff;border:1px solid #d8dee8;border-radius:8px;gap:10px;padding:10px;display:grid}.banner-generated-card>img{object-fit:contain;background:#f8fafc;border:1px solid #eef2f7;border-radius:6px;width:100%;max-height:420px;display:block}.banner-generated-meta,.banner-generated-actions{flex-wrap:wrap;gap:6px;display:flex}.banner-generated-meta span{color:#526173;background:#eef2f7;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:950;display:inline-flex}.banner-generated-meta span.is-ok{color:#176955;background:#e7f8ef}.banner-generated-warning{color:var(--danger);margin:0;font-size:11px;font-weight:850;line-height:1.45}.banner-generated-actions button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:6px;flex:88px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 8px;font-size:12px;font-weight:950;display:inline-flex}.banner-generated-actions button.is-danger{color:var(--danger);border-color:#d0444447}.banner-inline-revision{gap:8px;display:grid}.banner-inline-revision textarea{width:100%;color:var(--ink);font:inherit;resize:vertical;background:#f8fafc;border:1px solid #d8dee8;border-radius:7px;outline:0;padding:9px;font-size:12px;font-weight:800;line-height:1.5}.banner-inline-revision textarea:focus{border-color:#2563eb9e;box-shadow:0 0 0 3px #2563eb1a}.toolhub-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 16px;display:grid}.toolhub-flow div{background:#f8fbff;border:1px solid #2563eb29;border-radius:8px;align-content:start;gap:12px;min-height:96px;padding:12px;display:grid}.toolhub-flow span{color:#fff;background:#2563eb;border-radius:999px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.toolhub-flow strong{font-size:13px;line-height:1.35}.toolhub-open-button{width:fit-content;min-height:46px;margin-top:4px;padding:0 18px}.toolhub-link-list,.toolhub-tool-list,.toolhub-foundation-list{gap:10px;display:grid}.toolhub-link-list a{justify-content:flex-start;min-height:44px}.toolhub-link-list a svg:last-child{color:var(--muted);margin-left:auto}.toolhub-tool-list div{border:1px solid #e3e8ef;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:8px 10px;display:grid}.toolhub-tool-list div>svg{color:var(--accent-2)}.toolhub-tool-list span{gap:2px;min-width:0;display:grid}.toolhub-tool-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.toolhub-tool-list small{color:var(--muted);font-size:11px;font-weight:900}.toolhub-tool-list em{color:var(--muted);background:#eef2f7;border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900}.toolhub-foundation-list{grid-template-columns:repeat(3,minmax(0,1fr))}.toolhub-foundation-list div{color:#31527a;text-align:center;background:#f8fbff;border:1px solid #e3e8ef;border-radius:8px;place-items:center;gap:8px;min-height:72px;padding:10px;display:grid}.toolhub-foundation-list span{color:var(--ink);font-size:12px;font-weight:900}@media (max-width:980px){.toolhub-shell{grid-template-columns:1fr}.toolhub-sidebar{border-bottom:1px solid #0f172a1f;border-right:0;justify-content:space-between;align-items:center;gap:12px;min-height:auto;padding:12px;display:flex}.toolhub-nav{flex:0 auto;display:flex;overflow-x:auto}.toolhub-nav a,.toolhub-nav button{white-space:nowrap}.toolhub-sidebar-footer{border-top:0;margin-top:0;padding-top:0}.toolhub-sidebar-account{grid-template-columns:1fr;width:46px;min-height:42px;padding:0}.toolhub-sidebar-account span{display:none}.toolhub-grid{grid-template-columns:1fr;grid-template-areas:"primary""manage""roadmap""foundation"}.toolhub-layout,.toolhub-app-grid{grid-template-columns:1fr}.toolhub-dashboard-header{flex-direction:column;align-items:flex-start}.toolhub-account-bar{justify-content:flex-start;width:100%}.toolhub-project-toolbar{grid-template-columns:1fr}.toolhub-new-project-button{width:100%}.toolhub-table-card{overflow-x:auto}.toolhub-table-header,.toolhub-project-row{min-width:760px}.banner-work-table{overflow-x:auto}.banner-work-table-head,.banner-work-row{min-width:940px}.banner-workspace-header{flex-direction:column;align-items:flex-start}.banner-new-work-button{width:100%}.banner-generator-layout{grid-template-columns:1fr;height:auto;min-height:0}.banner-mode-selector{grid-template-columns:1fr}.banner-direct-layout{grid-template-columns:1fr;height:auto;min-height:0}.banner-direct-panel,.banner-generated-library,.banner-direct-sample-area{border-left:0;border-right:0;max-height:none}.banner-filter-column{border-bottom:1px solid #e3e8ef;border-right:0;max-height:320px;display:none}.banner-filter-column.is-open{display:block}.banner-gallery-area{max-height:72vh}.banner-modal-body{grid-template-columns:1fr}.banner-modal-image{min-height:360px}.toolhub-primary-widget{grid-row:auto}}@media (max-width:720px){.toolhub-main{padding:14px 10px 22px}.toolhub-header{flex-direction:column;align-items:flex-start}.toolhub-header-actions{width:100%}.toolhub-header-actions a{flex:150px}.toolhub-flow,.toolhub-foundation-list{grid-template-columns:1fr}.toolhub-tabs{padding-left:0}.toolhub-tabs-row{grid-template-columns:1fr;padding-right:0}.toolhub-tab-order-button{width:100%;margin-bottom:0}.toolhub-tabs button{min-width:142px;padding:0 12px}.banner-generator-header{flex-direction:column;align-items:flex-start}.banner-generator-actions{justify-content:flex-start;width:100%}.banner-generator-actions>span,.banner-icon-button{flex:150px}.banner-tool-topbar{grid-template-columns:1fr}.banner-mode-switch{width:100%}.banner-mode-cards,.banner-create-mode,.banner-tool-topbar label{grid-template-columns:1fr}.banner-prompt-panel{padding:18px}.banner-prompt-head,.banner-prompt-foot{flex-direction:column;align-items:stretch}.banner-copy-button,.banner-light-button{width:100%}.banner-prompt-columns{grid-template-columns:1fr}}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{border:1px solid var(--line-strong);min-height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.45}input,textarea,select{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fff;border-radius:6px;outline:none;padding:10px 11px}input:focus,textarea:focus,select:focus{border-color:#2563eb9e;box-shadow:0 0 0 3px #2563eb1f}textarea{resize:vertical;line-height:1.55}label{color:var(--muted);gap:7px;font-size:13px;display:grid}a{color:inherit}.app-shell,.admin-shell,.settings-shell{min-height:100vh;padding:18px}.home-shell{min-height:100vh;color:var(--ink);background:linear-gradient(#f8fafc 0%,#e9edf2 44%,#e7ebf0 100%)}.home-topbar{border-bottom:1px solid var(--line);background:#ffffffeb;justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:14px max(24px,50vw - 590px);display:flex}.home-topbar h1{margin:0;font-size:22px;line-height:1.25}.home-topnav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.home-topnav a,.home-quick-list a{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.home-topnav .home-primary-link{background:var(--accent);color:#fff;border-color:#0000}.home-status-strip,.home-main-grid,.home-foundation{width:min(1180px,100vw - 36px);margin-inline:auto}.home-status-strip{background:#fff;border:1px solid #2563eb29;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:12px 14px;display:flex}.home-status-strip div{color:#174ea6;align-items:center;gap:9px;font-size:14px;font-weight:900;display:inline-flex}.home-status-strip p{color:var(--muted);margin:0;font-size:13px;font-weight:800}.home-main-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;margin-top:18px;display:grid}.home-workspace,.home-side-panel{min-width:0}.home-section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.home-section-heading h2{margin:0;font-size:18px}.home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-tool-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:14px;min-height:132px;padding:18px;text-decoration:none;display:grid;box-shadow:0 14px 36px #0f172a14}.home-tool-card.active{background:linear-gradient(#fff 0%,#fff7f4 100%);border-color:#f0643b5c}.home-tool-card.disabled{color:#64748b;box-shadow:none;background:#f7f9fc}.home-tool-icon{width:46px;height:46px;color:var(--accent-2);background:#eef5ff;border-radius:8px;place-items:center;display:grid}.home-tool-card.active .home-tool-icon{color:var(--accent);background:#fff0ea}.home-tool-copy{gap:8px;min-width:0;display:grid}.home-tool-copy h3{color:var(--ink);margin:0;font-size:21px;line-height:1.25}.home-chip{color:#64748b;background:#e9eef5;border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.home-chip.active{color:#166534;background:#dcfce7}.home-tool-arrow{color:var(--muted)}.home-tool-card.active .home-tool-arrow{color:var(--accent)}.home-quick-list{gap:10px;display:grid}.home-quick-list a{justify-content:flex-start;min-height:46px}.home-quick-list a svg:last-child{color:var(--muted);margin-left:auto}.home-roadmap{background:#fff;border:1px solid #0f172a1a;border-radius:8px;gap:12px;margin-top:16px;padding:14px;display:grid}.home-roadmap div{color:var(--ink);align-items:center;gap:8px;font-size:13px;display:inline-flex}.home-roadmap ul{color:var(--muted);gap:8px;margin:0;padding-left:18px;font-size:13px;font-weight:800;display:grid}.home-foundation{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;padding-bottom:28px;display:grid}.home-foundation article{border:1px solid var(--line);background:#ffffffd1;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;min-height:76px;padding:14px;display:grid}.home-foundation article>svg{color:var(--accent-2)}.home-foundation h3{margin:0 0 4px;font-size:14px}.home-foundation p{color:var(--muted);margin:0;font-size:13px;font-weight:800}.app-shell{grid-template-rows:auto auto auto minmax(0,1fr);min-width:1040px;height:100vh;min-height:100vh;padding:0;display:grid;overflow:hidden}.loading-shell{place-items:center;display:grid}.topbar{border:0;border-bottom:1px solid var(--line);height:56px;box-shadow:none;background:#fffffff0;border-radius:0;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex}.topbar-title{flex:0 360px;min-width:180px}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 2px;font-size:11px;font-weight:800}.project-title-input{width:min(34vw,420px);color:var(--ink);background:0 0;border:0;padding:0;font-size:18px;font-weight:800}.topbar h1,.topbar h2{margin:0}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.topbar-actions button{border-radius:6px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800}.project-settings-trigger.active{color:#174ea6;background:#eef5ff;border-color:#2563eb70}.app-status-row{color:#244d7c;background:#f8fbff;border-bottom:1px solid #2563eb29;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:36px;padding:7px 16px;font-size:13px;font-weight:800;display:grid}.app-status-row.empty{border:0;height:0;min-height:0;padding:0;overflow:hidden}.app-status-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-status-row button{color:#31527a;background:#fff;border-color:#2563eb2e;border-radius:999px;width:28px;min-height:28px;padding:0}.modal-backdrop{z-index:60;background:#0f172a75;place-items:start center;padding:72px 18px 24px;display:grid;position:fixed;inset:0}.utage-export-dialog{background:#fff;border:1px solid #0f172a24;border-radius:8px;width:min(620px,100vw - 36px);max-height:calc(100vh - 96px);overflow:auto;box-shadow:0 18px 50px #0f172a3d}.modal-header{z-index:1;border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex;position:sticky;top:0}.modal-header h2{margin:0;font-size:18px}.modal-header button{border-radius:999px;width:34px;min-height:34px;padding:0}.utage-export-summary{flex-wrap:wrap;gap:7px;padding:14px 18px 0;display:flex}.utage-export-summary span{min-height:26px;color:var(--muted);background:#eef2f7;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.utage-export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px;display:grid}.utage-export-grid label{color:var(--muted);gap:6px;font-size:12px;font-weight:900;display:grid}.utage-export-grid select,.utage-export-grid input{width:100%;min-width:0;color:var(--ink);font-size:14px;font-weight:800}.utage-export-grid .wide-field{grid-column:1/-1}.utage-mode-panel{background:#f8fbff;border:1px solid #2563eb24;border-radius:8px;gap:8px;padding:10px;display:grid}.utage-mode-panel p{color:var(--muted);margin:0;font-size:12px;font-weight:900}.utage-mode-panel span{color:#475569;font-size:12px;font-weight:800;line-height:1.55}.utage-mode-panel-warning{background:#fffbeb;border-color:#f59e0b5c}.utage-mode-panel-warning p{color:#92400e}.utage-mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.utage-mode-toggle button{min-height:38px;color:var(--ink);background:#fff;border-color:#2563eb38;font-weight:900}.utage-mode-toggle button.active{color:var(--accent);background:#eaf2ff;border-color:#2563eb9e}.utage-order-panel{background:#f8fbff;border:1px solid #2563eb2e;border-radius:8px;gap:10px;padding:12px;display:grid}.utage-order-header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.utage-order-header p{color:var(--ink);margin:0;font-size:13px;font-weight:900}.utage-order-header span,.utage-order-loading{color:var(--muted);font-size:12px;font-weight:800}.utage-step-list{gap:4px;display:grid}.utage-step-row{background:#fff;border:1px solid #94a3b852;border-radius:6px;grid-template-columns:30px minmax(0,1fr);align-items:center;min-height:42px;padding:0 12px;display:grid}.utage-step-row span{color:var(--muted);font-size:12px;font-weight:900}.utage-step-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:13px;font-weight:900;overflow:hidden}.utage-insert-position{min-height:28px;color:var(--accent);background:#fff;border:1px dashed #2563eb52;border-radius:6px;padding:0}.utage-insert-position span{width:100%;min-height:26px;color:inherit;cursor:pointer;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.utage-insert-position.active{background:#eaf2ff;border-style:solid;border-color:#2563ebb3;box-shadow:inset 0 0 0 1px #2563eb29}.utage-export-error{color:var(--danger);background:#fff7f7;border:1px solid #b8424238;border-radius:8px;margin:0 18px 14px;padding:10px 12px;font-size:13px;font-weight:800;line-height:1.55}.modal-actions{grid-template-columns:150px minmax(0,1fr);gap:10px;padding:0 18px 18px;display:grid}.modal-actions button{min-height:42px}.settings-status-row{border:1px solid #2563eb29;border-radius:8px;margin:10px 0 0}.global-project-settings{background:#fff;min-height:0;max-height:0;overflow:hidden}.global-project-settings.open{border-bottom:1px solid var(--line);max-height:430px;overflow:auto}.global-project-settings-inner{grid-template-columns:minmax(320px,1fr) 170px 170px auto;align-items:start;gap:12px;padding:12px 16px 14px;display:grid}.global-project-settings .style-input{min-height:74px}.global-style-field,.field-label-row{min-width:0}.field-label-row{color:var(--ink);justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;font-weight:900;display:flex}.field-label-row small{color:var(--muted);font-size:11px;font-weight:800}.color-extract-box{background:#14b8a60f;border:1px solid #14b8a642;border-radius:8px;gap:8px;padding:10px;display:grid}.color-extract-box .field-label-row small{color:#0f766e}.color-extract-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.color-extract-row button{border-radius:7px;min-height:34px;padding:0 9px;font-size:12px;font-weight:900}.color-extract-swatch{appearance:none;cursor:pointer;border:1px solid #0f172a2e;border-radius:7px;width:34px;min-width:34px;height:34px;padding:0;box-shadow:inset 0 0 0 2px #ffffffb8}.color-extract-swatch:hover{border-color:#2563eb80}.color-code-input{text-transform:uppercase;flex:112px;min-width:112px;height:34px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.color-palette-panel{background:#fff;border:1px solid #0f172a1f;border-radius:8px;gap:8px;padding:9px;display:grid;box-shadow:0 10px 22px #0f172a1a}.color-palette-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.color-palette-header span{color:var(--ink);font-size:12px;font-weight:900}.color-palette-header button{border-radius:7px;align-items:center;gap:4px;min-height:28px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.color-palette-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.color-palette-swatch{aspect-ratio:1;border:1px solid #0f172a2e;border-radius:7px;width:100%;min-height:30px;box-shadow:inset 0 0 0 2px #ffffffb8}.color-palette-swatch.active{outline-offset:1px;outline:3px solid #2563eb6b}.color-adjust-panel{border-top:1px solid #0f172a1a;gap:8px;padding-top:9px;display:grid}.color-adjust-panel label{color:var(--ink);grid-template-columns:58px minmax(0,1fr) 42px;align-items:center;gap:8px;font-size:12px;font-weight:900;display:grid}.color-adjust-panel small{color:var(--muted);text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.color-range{appearance:none;border:1px solid #0f172a24;border-radius:999px;outline:none;width:100%;height:14px}.color-range.hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-range::-webkit-slider-thumb{appearance:none;background:var(--ink);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 6px #0f172a57}.color-range::-moz-range-thumb{background:var(--ink);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 6px #0f172a57}.color-extract-box p{color:var(--muted);margin:0;font-size:12px;font-weight:700;line-height:1.55}.accent-action,.primary-action{background:var(--accent);color:#fff;border-color:#0000;font-weight:800}.primary-action{background:var(--accent-2);width:100%;min-height:44px}.secondary-action{border-color:var(--line-strong);width:100%;min-height:40px;color:var(--ink);background:#fff;font-weight:900}.quiet{color:var(--muted)}.demo-badge,.connected-chip,.pending-chip,.ocr-chip{border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.demo-badge,.connected-chip,.ocr-chip.pass{color:#1f725f;background:#2f8f7a1f}.pending-chip,.ocr-chip.warning{color:#866329;background:#d7b46a33}.ocr-chip.fail{color:var(--danger);background:#b842421f}.builder-shell{grid-template-columns:52px minmax(0,1fr);align-items:stretch;gap:0;height:100%;min-height:0;margin-top:0;display:grid;position:relative}.builder-shell.projects-collapsed{grid-template-columns:52px minmax(0,1fr)}.project-sidebar{z-index:12;background:var(--rail);color:#fff;border:0;border-radius:0;grid-template-rows:auto auto minmax(0,1fr);gap:10px;width:286px;height:100%;padding:10px;display:grid;position:sticky;top:0;overflow:hidden;box-shadow:24px 0 56px #0f172a47}.project-rail{background:var(--rail);color:#d7dde6;border:0;border-radius:0;align-content:start;gap:10px;height:100%;padding:8px;display:grid;position:sticky;top:0}.project-sidebar-title{align-items:center;gap:8px;display:flex}.project-sidebar-title h2{color:#fff;flex:1;margin:0;font-size:15px}.project-new-button{width:100%;color:var(--ink);background:#fff;border-color:#ffffff1f;font-weight:900}.project-sidebar-toggle{color:#fff;background:#ffffff14;border-color:#ffffff24;width:36px;min-height:36px;padding:0}.project-rail-label{color:#cbd5e1;letter-spacing:0;background:#ffffff14;border-radius:8px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:900;display:grid}.project-rail-label span{display:none}.workspace-grid{grid-template-columns:360px 380px minmax(0,1fr);align-items:stretch;gap:0;height:100%;min-height:0;display:grid;overflow:hidden}.workspace-grid.control-collapsed{grid-template-columns:52px 380px minmax(0,1fr)}.control-panel,.generation-panel,.canvas-panel{background:var(--surface);border:0;border-radius:0;min-height:0}.control-panel{border-right:1px solid var(--line);align-content:start;gap:0;height:100%;padding:0;display:grid;position:sticky;top:0;overflow:auto}.generation-panel{border-right:1px solid var(--line);background:#f8fafc;align-content:start;gap:0;height:100%;display:grid;overflow:auto}.generation-panel-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 16px;display:flex}.generation-panel-header h2{margin:0;font-size:17px}.generation-panel-stats{justify-items:end;gap:4px;display:grid}.generation-panel-stats span{color:var(--muted);white-space:nowrap;background:#eef2f7;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.control-rail{border-right:1px solid var(--line);background:var(--surface);align-content:start;gap:10px;height:100%;padding:8px;display:grid;position:sticky;top:0}.panel-toggle{background:var(--surface-2);border-color:#0000;min-height:40px;padding:0 11px;font-weight:900}.panel-toggle span{font-size:12px}.control-rail .panel-toggle{width:36px;padding:0}.control-panel>.panel-toggle{width:calc(100% - 24px);margin:10px 12px}.control-rail .panel-toggle span{display:none}.rail-summary{width:36px;color:var(--muted);letter-spacing:0;justify-items:center;gap:8px;font-size:12px;font-weight:900;display:grid}.rail-summary span{writing-mode:vertical-rl}.panel-section{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;gap:12px;padding:16px;display:grid}.section-heading{align-items:center;gap:8px;display:flex}.section-heading h2{letter-spacing:0;margin:0;font-size:14px}.section-heading-chip{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#eef2f7;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:11px;font-weight:900;overflow:hidden}.collapsible-summary{min-height:34px;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:900;list-style:none;display:flex}.collapsible-summary::-webkit-details-marker{display:none}.collapsible-summary span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;display:inline-flex;overflow:hidden}.collapsible-summary small{color:var(--muted);background:#eef2f7;border-radius:999px;flex:none;padding:5px 9px;font-size:11px;font-weight:900}.drawer-toggle{background:0 0;border:0;border-radius:0;width:100%;padding:0}.drawer-toggle:hover{background:0 0}.project-list{align-content:start;gap:7px;padding-bottom:8px;display:grid;overflow:auto}.project-row{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:minmax(0,1fr) 36px;align-items:stretch;display:grid;overflow:hidden}.project-row.active{background:#f0643b29;border-color:#f0643bd9}.project-select-button{text-align:left;color:#fff;background:0 0;border:0;border-radius:0;justify-content:space-between;min-height:46px;padding:0 10px}.project-select-button span,.project-select-button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.project-select-button span{font-size:13px;font-weight:900}.project-select-button small{color:#9ca3af;font-size:11px;font-weight:800}.project-delete-button{color:#9ca3af;background:0 0;border-width:0 0 0 1px;border-color:#ffffff1a;border-radius:0;width:36px;min-height:46px;padding:0}.project-delete-button:hover{color:var(--danger);background:#d0444424}.output-rule-row{flex-wrap:wrap;gap:7px;display:flex}.output-rule-row span,.canvas-width-chip{width:fit-content;min-height:26px;color:var(--muted);background:#eef2f7;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.block-spacing-box{background:#2563eb0e;border:1px solid #2563eb33;border-radius:8px;gap:10px;padding:10px;display:grid}.block-spacing-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.block-spacing-heading h3{color:var(--ink);margin:0;font-size:13px}.block-spacing-heading span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;overflow:hidden}.block-spacing-box p{color:#2453a4;margin:0;font-size:12px;font-weight:800;line-height:1.55}.spacing-control-row{grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px;display:grid}.template-list-drawer{gap:10px;display:grid}.credential-grid,.inline-field{gap:9px;display:grid}.inline-field{grid-template-columns:1fr auto}.style-input{min-height:84px}.copy-input{min-height:170px}.revision-input{min-height:92px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(540px,58vh);padding-right:2px;display:grid;overflow:auto}.template-card{text-align:left;border-color:var(--line);background:#fff;border-radius:7px;gap:7px;height:auto;min-height:0;padding:7px;display:grid}.template-card.selected{border-color:var(--accent-2);outline:3px solid #2563eb29;box-shadow:0 8px 24px #2563eb1f}.template-card img{aspect-ratio:4/5;object-fit:contain;object-position:center;background:#f4f6f8;border-radius:5px;width:100%}.template-card span{font-size:12px;font-weight:800;line-height:1.35}.selected-template-preview{border:1px solid var(--line);text-align:left;background:#fff;border-radius:7px;justify-content:stretch;align-items:stretch;gap:0;width:100%;min-height:0;padding:0;display:grid;overflow:hidden}.selected-template-preview:hover{border-color:#2563eb94;box-shadow:0 12px 28px #2563eb1f}.selected-template-preview img{object-fit:contain;background:#f4f6f8;width:100%;height:320px;display:block}.selected-template-preview-title,.selected-template-preview-footer{gap:4px;padding:11px;display:grid}.selected-template-preview-title{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center}.selected-template-preview-title span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.selected-template-preview-title strong{color:var(--accent-2);font-size:13px;display:block}.selected-template-preview-footer p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.height-mode-box{background:#2563eb0e;border:1px solid #2563eb33;border-radius:8px;gap:8px;padding:10px;display:grid}.height-mode-box span{color:#2453a4;font-size:12px;font-weight:900}.project-assets-panel{background:#f8fafc;border:1px solid #2563eb2e;border-radius:8px;grid-column:1/-1;gap:9px;padding:10px;display:grid}.project-assets-upload{background:#fff;max-width:340px}.project-assets-list{gap:9px;padding-bottom:2px;display:flex;overflow-x:auto}.project-asset-card{border:1px solid var(--line);background:#fff;border-radius:8px;flex:0 0 168px;grid-template-columns:54px minmax(0,1fr) 30px;align-items:center;gap:7px;min-width:0;padding:8px;display:grid}.project-asset-card img{object-fit:contain;background:#f1f4f8;border-radius:6px;width:54px;height:54px}.project-asset-card input{min-width:0;height:32px;padding:6px 8px;font-size:12px;font-weight:800}.project-asset-card button{width:30px;min-height:30px;color:var(--muted);padding:0}.project-assets-empty{color:var(--muted);margin:0;font-size:12px;font-weight:800}.connection-mode-box{background:#2f8f7a0e;border:1px solid #2f8f7a38;border-radius:8px;gap:9px;padding:10px;display:grid}.connection-mode-heading{gap:4px;display:grid}.connection-mode-heading span{color:var(--ink);font-size:13px;font-weight:900}.connection-mode-heading small{color:var(--muted);font-size:12px;font-weight:800;line-height:1.45}.connection-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.connection-mode-options button{color:#24524a;background:#fff;border-radius:7px;min-width:0;min-height:34px;padding:0 8px;font-size:12px;font-weight:900}.connection-mode-options button.active{color:#176955;background:#eaf7f2;border-color:#2f8f7ab3;box-shadow:inset 0 0 0 1px #2f8f7a52}.natural-connection-method{border-top:1px solid #2f8f7a2e;gap:7px;padding-top:9px;display:grid}.natural-connection-method>span{color:#24524a;font-size:12px;font-weight:900}.natural-connection-method>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.natural-connection-method button{color:#24524a;background:#fff;border-radius:7px;min-width:0;min-height:32px;padding:0 8px;font-size:12px;font-weight:900}.natural-connection-method button.active{color:#0f5f51;background:#dff7ef;border-color:#0f766eb8;box-shadow:inset 0 0 0 1px #0f766e47}.natural-connection-method small{color:#507066;font-size:11px;font-weight:800;line-height:1.45}.sample-list-toggle{color:#174ea6;background:#eef5ff;border-color:#2563eb57;justify-content:space-between;width:100%;min-height:46px;font-weight:900}.sample-list-toggle:hover{background:#e3efff;border-color:#2563eb9e}.sample-list-toggle span,.sample-list-toggle small{align-items:center;gap:8px;display:inline-flex}.sample-list-toggle small{color:#2453a4;font-size:12px;font-weight:900}.sample-browser-backdrop{z-index:30;background:#0f172a75;place-items:stretch center;padding:18px;display:grid;position:fixed;inset:0}.sample-browser{background:#f8fafc;border:1px solid #ffffff2e;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);width:min(1280px,100vw - 36px);max-height:calc(100vh - 36px);display:grid;overflow:hidden;box-shadow:0 24px 80px #0f172a47}.sample-browser-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px 14px;display:flex}.sample-browser-header h2{margin:0;font-size:20px}.sample-browser-close{width:38px;min-height:38px;padding:0}.sample-browser-toolbar{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:12px 14px;display:grid}.sample-browser-toolbar span{min-height:38px;color:var(--muted);background:#eef2f7;border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.sample-browser-body{grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:0;min-height:0;display:grid}.sample-browser-grid-shell{min-width:0;min-height:0;padding:14px;overflow:auto}.sample-browser-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-items:start;gap:10px;min-height:0;display:grid}.sample-browser-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;place-items:center;width:100%;min-height:142px;padding:8px;display:grid;position:relative;overflow:hidden}.sample-browser-card:hover{border-color:#2563eb8a;box-shadow:0 10px 24px #2563eb1f}.sample-browser-card.selected{border-color:var(--accent-2);box-shadow:0 0 0 3px #2563eb29}.sample-browser-card img{object-fit:contain;object-position:center;background:#edf1f5;border-radius:6px;width:100%;height:124px;display:block}.sample-browser-card-number{z-index:1;color:#fff;background:#0f172ac7;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:11px;font-weight:900;display:inline-flex;position:absolute;top:7px;left:7px}.sample-browser-selected{z-index:1;background:var(--accent-2);color:#fff;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;bottom:7px;right:7px}.sample-browser-preview{border-left:1px solid var(--line);background:#fff;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid}.sample-browser-preview-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px 14px;display:flex}.sample-browser-preview-header h3{margin:0;font-size:18px}.sample-browser-preview-header span{min-height:32px;color:var(--muted);background:#eef2f7;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.sample-browser-preview-image{background:#f1f5f9;place-items:start center;min-height:0;padding:14px;display:grid;overflow:auto}.sample-browser-preview-image img{object-fit:contain;background:#fff;border-radius:7px;width:100%;height:auto;box-shadow:0 1px #0f172a0f}.sample-browser-use{margin:12px 14px 14px}.sample-browser-empty{min-height:240px;color:var(--muted);text-align:center;place-items:center;padding:20px;display:grid}.button-block-note{flex-wrap:wrap;gap:8px;display:flex}.button-block-note span{min-height:30px;color:var(--ink);background:#eef2f7;border-radius:999px;align-items:center;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.button-settings{gap:12px;display:grid}.button-settings textarea{min-height:92px}.button-settings .button-text-input{min-height:72px;line-height:1.5}.button-transparent-note{color:#176955;background:#2f8f7a14;border:1px solid #2f8f7a38;border-radius:8px;margin:0;padding:9px 10px;font-size:12px;font-weight:800;line-height:1.5}.generation-count-row{border:1px solid var(--line);background:#f8fafc;border-radius:8px;gap:8px;padding:10px;display:grid}.generation-count-row p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.asset-input-box{background:#2563eb0f;border:1px solid #2563eb33;border-radius:8px;gap:8px;padding:10px;display:grid}.asset-input-box p{color:#1d4ed8;margin:0;font-size:12px;line-height:1.5}.shared-asset-picker{color:#174ea6;font-weight:900}.shared-asset-picker select{background:#fff;min-height:38px}.asset-upload-grid{grid-template-columns:1fr;gap:7px;display:grid}.redesign-upload-control{color:#176955;background:#2f8f7a14;border-color:#2f8f7a6b}.embed-upload-control{color:#7c5411;background:#d6a6471a;border-color:#d6a64775}.revision-base-box{background:#2563eb0f;border:1px solid #2563eb47;border-radius:8px;overflow:hidden}.revision-base-box>div{justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:6px 9px;display:flex}.revision-base-box span{color:#1d4ed8;font-size:12px;font-weight:900}.revision-base-box button{min-height:28px;padding:0 9px;font-size:12px;font-weight:900}.revision-base-box img{object-fit:contain;background:#fff;width:100%;max-height:220px;display:block}.insert-image-box{background:#2f8f7a0f;border:1px solid #2f8f7a38;border-radius:8px;gap:8px;padding:10px;display:grid}.generation-jobs-panel{border-left:3px solid #d6a647}.generation-job-list{gap:8px;display:grid}.generation-job{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:8px 10px;display:grid}.generation-job span,.generation-job small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.generation-job span{font-size:13px;font-weight:900}.generation-job small{color:var(--muted);background:#eef2f7;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.generation-job.running small{color:#866329;background:#d7b46a33}.generation-job.done small{color:#1f725f;background:#2f8f7a1f}.generation-job.error small{color:var(--danger);background:#b842421f}.generated-library-panel{border-left:3px solid var(--accent-2)}.generated-filter-row{gap:7px;padding-bottom:3px;display:flex;overflow-x:auto}.generated-filter-row button{border-radius:999px;flex:none;gap:6px;min-height:34px;padding:0 10px;font-size:12px;font-weight:900}.generated-filter-row button.active{color:#174ea6;background:#eef5ff;border-color:#2563eb8a}.generated-filter-row small{color:var(--muted);font-size:11px;font-weight:900}.generated-library-grid,.library-candidate-actions{grid-template-columns:1fr}.upload-control{border:1px dashed var(--line-strong);min-height:42px;color:var(--ink);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.upload-control input{opacity:0;cursor:pointer;position:absolute;inset:0}.asset-list{flex-wrap:wrap;gap:6px;display:flex}.asset-list span{color:var(--muted);background:#eef2f7;border-radius:999px;padding:5px 9px;font-size:12px}.asset-chip{align-items:center;gap:6px;max-width:100%;display:inline-flex}.asset-chip strong{color:var(--ink);background:#0f172a14;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:900}.asset-chip button{width:20px;min-width:20px;min-height:20px;color:var(--muted);background:#0f172a14;border-color:#0000;border-radius:999px;padding:0}.asset-chip.redesign_source{color:#176955;background:#2f8f7a1f}.asset-chip.redesign_source strong{color:#176955;background:#2f8f7a2e}.asset-chip.embed_source{color:#7c5411;background:#d6a64724}.asset-chip.embed_source strong{color:#7c5411;background:#d6a64733}.candidate-grid{gap:12px;display:grid}.candidate-card{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.candidate-card.selected{border-color:var(--accent-2);box-shadow:0 0 0 3px #2563eb24}.candidate-card img{object-fit:contain;background:#f4f6f8;width:100%;height:auto;display:block}.candidate-meta{grid-template-columns:1fr;gap:8px;padding:9px;display:grid}.candidate-badges{flex-wrap:wrap;gap:6px;display:flex}.file-chip{min-height:24px;color:var(--muted);background:#eef2f7;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.candidate-actions{gap:7px;min-width:0;display:grid}.candidate-actions button{white-space:nowrap;min-width:0;min-height:34px;padding:0 8px;font-size:12px;font-weight:900}.candidate-actions .candidate-primary-action{color:#174ea6;background:#eef5ff;border-color:#2563eb57;width:100%;min-height:38px}.candidate-secondary-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.candidate-secondary-actions button{padding:0 6px}.candidate-danger-action{color:#9f2d2d;background:#fff7f7;border-color:#d044443d}.inline-revision-box{background:#2563eb0f;border-top:1px solid #2563eb38;gap:10px;padding:10px;display:grid}.inline-revision-box label{color:#1d4ed8;font-size:12px;font-weight:900}.inline-revision-box textarea{background:#fff;min-height:92px;margin-top:6px}.inline-revision-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;display:grid}.inline-revision-actions button{min-width:0;font-size:12px;font-weight:900}.candidate-warning{color:var(--danger);margin:0;padding:0 10px 10px;font-size:12px;line-height:1.45}.canvas-panel{background-color:#e5eaf0;background-image:linear-gradient(#11182709 1px,#0000 1px),linear-gradient(90deg,#11182709 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-rows:58px minmax(0,1fr);padding:0;display:grid;overflow:auto}.canvas-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;justify-content:space-between;align-items:center;gap:12px;min-height:58px;margin-bottom:0;padding:0 20px;display:flex}.canvas-header h2{margin:0;font-size:18px}.canvas-width-chip{white-space:nowrap}.phone-canvas{background:#fff;border:1px solid #1118271f;border-radius:8px;align-self:start;width:min(100%,750px);min-height:720px;margin:24px auto 48px;overflow:hidden}.phone-canvas.page-frame-shadow{box-shadow:var(--shadow)}.phone-canvas.page-frame-border{border:2px solid #111827}.phone-canvas.page-frame-none{box-shadow:none;border-color:#0000}.empty-canvas{min-height:320px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.canvas-add-slot{color:#1d4ed8;text-align:left;background:#2563eb0f;border:1px dashed #2563eb73;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:10px;width:calc(100% - 24px);min-height:54px;margin:12px;display:grid}.canvas-add-slot:hover,.canvas-add-slot.active{background:#2563eb1a;border-color:#2563ebbd}.canvas-add-slot span{min-width:0;font-size:14px;font-weight:900}.canvas-add-slot small{color:var(--muted);background:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.canvas-insert-slot{z-index:5;color:#1d4ed8;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:6px;width:calc(100% - 24px);height:30px;min-height:30px;margin:-15px 12px;padding:0;display:flex;position:relative;overflow:visible}.canvas-insert-slot:before{content:"";opacity:.72;border-top:1px dashed #2563eb80;position:absolute;top:50%;left:0;right:0}.canvas-insert-slot.top{margin:0 12px -30px}.canvas-insert-slot svg{z-index:1;background:#fffffff0;border:1px solid #2563eb61;border-radius:999px;width:24px;height:24px;padding:4px;position:relative;box-shadow:0 3px 10px #0f172a1f}.canvas-insert-slot span{z-index:1;opacity:0;white-space:nowrap;color:#174ea6;background:#fffffff5;border:1px solid #2563eb47;border-radius:999px;min-width:0;max-width:0;padding:4px 0;font-size:12px;font-weight:900;transition:max-width .16s,opacity .16s,padding .16s;position:relative;overflow:hidden}.canvas-insert-slot:hover span,.canvas-insert-slot:focus-visible span{opacity:1;max-width:190px;padding:4px 9px}.lp-block{position:relative}.lp-block.selected{box-shadow:inset 0 0 0 3px #2563eb52}.lp-block.selected .block-toolbar{background:#2563ebf0}.lp-block img{width:100%;height:auto;display:block}.lp-stack-block{background:0 0;width:100%}.canvas-button-image-section{background:0 0;width:100%;line-height:0}.canvas-button-image-section a{width:100%;line-height:0;display:block}.canvas-button-image-section img{object-fit:contain;background:0 0;width:100%;height:auto;display:block}.missing-block-preview,.draft-block-preview{min-height:160px;color:var(--danger);background:#fff7f7;place-items:center;font-size:13px;font-weight:800;display:grid}.draft-block-preview{color:#1d4ed8;cursor:pointer;background:#f8fbff;border:1px dashed #2563eb6b;align-content:center;gap:8px;width:100%;min-height:190px}.draft-block-preview:hover{background:#eef5ff;border-color:#2563ebb8}.draft-block-preview.generating{color:#7a571b;background:#fff8e7;border-color:#d6a647b3}.draft-block-preview.generated{color:#176955;background:#eef9f4;border-color:#2f8f7ab8}.draft-block-preview.error{color:var(--danger);background:#fff1f1;border-color:#b84242b8}.draft-block-preview span{font-size:15px;font-weight:900}.draft-block-preview small{color:var(--muted);font-size:12px;font-weight:800}.lp-block-generation-badge{z-index:4;border-radius:7px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px;min-height:38px;padding:7px 10px;font-size:12px;font-weight:900;display:grid;position:absolute;top:46px;left:8px;right:8px;box-shadow:0 10px 24px #0f172a29}.lp-block-generation-badge small{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:800;overflow:hidden}.lp-block-generation-badge.generating{color:#7a571b;background:#fff8e7f5}.lp-block-generation-badge.generated{color:#176955;background:#eef9f4f5}.lp-block-generation-badge.error{color:var(--danger);background:#fff1f1f5}.spin-icon{animation:1s linear infinite spin-icon}@keyframes spin-icon{to{transform:rotate(360deg)}}.block-toolbar{z-index:3;color:#fff;opacity:0;pointer-events:none;background:#111827e6;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 16px);min-height:34px;padding:4px 6px 4px 9px;font-size:12px;font-weight:800;transition:opacity .16s,transform .16s;display:inline-flex;position:absolute;top:8px;left:8px;right:auto;transform:translateY(-4px)}.lp-block:hover .block-toolbar,.lp-block.selected .block-toolbar,.block-toolbar:focus-within{opacity:1;pointer-events:auto;transform:translateY(0)}.block-toolbar div{flex:none;gap:4px;display:flex}.block-toolbar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:180px;overflow:hidden}.block-toolbar button{color:#fff;background:#ffffff1f;border-color:#ffffff2e;width:28px;min-height:28px;padding:0}.auth-screen{background:linear-gradient(135deg, #2f8f7a29, transparent 32%), linear-gradient(315deg, #e75f4229, transparent 28%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--line);width:min(100%,390px);box-shadow:var(--shadow);background:#fff;border-radius:10px;gap:14px;padding:24px;display:grid}.auth-panel h1{margin:0;font-size:31px;line-height:1.12}.auth-panel-copy{color:#475569;text-align:center;margin:0;font-size:13px;font-weight:700;line-height:1.65}.auth-action-stack{gap:10px;display:grid}.auth-secondary-action,.auth-text-button{border-color:var(--line-strong);min-height:40px;color:var(--ink);background:#fff;font-weight:900}.auth-secondary-action{justify-content:center;width:100%}.auth-text-button{color:#2563eb;background:0 0;border:0;justify-self:end;min-height:auto;padding:0}.auth-panel-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.auth-eyebrow{color:var(--muted);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:900}.brand-mark{background:var(--ink);color:#fff;border-radius:12px;place-items:center;width:54px;height:54px;display:grid}.brand-logo-mark{width:156px;height:156px;color:var(--ink);background:0 0;border:0;border-radius:0;justify-self:center}.brand-logo-mark img{width:152px;height:auto;display:block}.auth-tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-tabs button.active{border-color:var(--ink);background:var(--ink);color:#fff}.status-message{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.settings-shell{max-width:1180px;margin:0 auto}.admin-shell{background:var(--surface);grid-template-columns:220px minmax(0,1fr);width:100%;height:100vh;display:grid;overflow:hidden}.admin-content{grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;padding:18px 20px;display:grid;overflow:hidden}.admin-sidebar{color:#e5edf7;background:#0f172a;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:16px 12px;display:grid}.admin-sidebar-brand{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:2px 4px 16px;display:grid}.admin-sidebar-brand span{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;overflow:hidden}.admin-sidebar-brand img{width:36px;height:auto}.admin-sidebar-brand div{gap:2px;min-width:0;display:grid}.admin-sidebar-brand strong{color:#fff;font-size:18px;line-height:1.1}.admin-sidebar-brand small{color:#94a3b8;font-size:11px;font-weight:900}.admin-sidebar-nav{align-content:start;gap:6px;min-height:0;padding-top:8px;display:grid}.admin-sidebar-nav a,.admin-sidebar-footer a{color:#cbd5e1;border-radius:7px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;min-height:40px;padding:0 11px;font-size:13px;font-weight:900;text-decoration:none;display:grid}.admin-sidebar-nav a:hover,.admin-sidebar-footer a:hover{color:#fff;background:#ffffff14}.admin-sidebar-nav a.active{color:#fff;background:#2563eb}.admin-sidebar-footer{border-top:1px solid #ffffff1a;padding-top:10px}.nav-link{border:1px solid var(--line-strong);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.admin-grid{grid-template-columns:minmax(300px,380px) 1fr;align-items:stretch;gap:18px;min-height:0;margin-top:14px;display:grid;overflow:hidden}.admin-template-tabs{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;padding:8px;display:grid}.admin-template-tabs button{background:var(--surface-2);min-height:62px;color:var(--ink);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.admin-template-tabs button.active{color:#143f8f;box-shadow:inset 3px 0 0 var(--accent-2);background:#eef4ff;border-color:#2563eb5c}.admin-template-tabs span{gap:2px;min-width:0;display:grid}.admin-template-tabs small{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:900}.admin-template-tabs strong{font-size:15px;line-height:1.2}.admin-template-tabs em{min-width:34px;min-height:28px;color:var(--muted);background:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-style:normal;font-weight:900;display:inline-flex}.admin-form{align-self:start;max-height:100%;overflow:auto}.admin-form textarea{min-height:100px}.admin-form-note{color:var(--muted);margin:-4px 0 2px;font-size:12px;font-weight:800;line-height:1.5}.selected-upload-files{border:1px solid var(--line);background:#fff;border-radius:8px;gap:5px;padding:10px;display:grid}.selected-upload-files strong{font-size:12px;line-height:1.35}.selected-upload-files span{max-height:72px;color:var(--muted);word-break:break-all;font-size:11px;font-weight:800;line-height:1.5;overflow:auto}.admin-banner-resources{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(260px,360px) 1fr;gap:0;min-height:0;margin-top:14px;display:grid;overflow:hidden}.admin-banner-resource-copy{border-right:1px solid var(--line);background:var(--surface-2);padding:22px}.admin-banner-resource-copy h2{margin:0 0 8px;font-size:21px}.admin-banner-resource-copy p:last-child{color:var(--muted);margin:0;font-size:13px;font-weight:800;line-height:1.6}.admin-banner-resource-copy .admin-banner-material-count{color:#143f8f;background:#fff;border-radius:999px;align-items:center;width:fit-content;min-height:30px;margin:0 0 12px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.admin-banner-resource-list{align-content:start;gap:12px;padding:22px;display:grid;overflow:auto}.admin-banner-resource-card{border:1px solid var(--line-strong);min-height:82px;color:var(--ink);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;text-decoration:none;display:grid}.admin-banner-resource-card:hover{background:#f8fbff;border-color:#2563eb6b}.admin-banner-resource-card span{gap:5px;display:grid}.admin-banner-resource-card strong{font-size:16px;line-height:1.3}.admin-banner-resource-card small{color:var(--muted);font-size:12px;font-weight:800;line-height:1.45}.editing-template-preview{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.editing-template-preview span{border-bottom:1px solid var(--line);min-height:32px;color:var(--muted);align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:flex}.editing-template-preview img{width:100%;height:auto;display:block}.editing-template-preview-image{background:var(--surface-2);max-height:360px;overflow:auto}.template-library-panel{grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;display:grid;overflow:hidden}.template-library-toolbar{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:10px 12px;display:flex}.template-library-toolbar h2{margin:0;font-size:17px}.template-library-controls{align-items:center;gap:9px;display:flex}.template-library-controls span{background:var(--surface-2);min-height:34px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.template-filter-control{width:230px;min-height:34px;color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.template-filter-control select{min-height:34px;padding-top:6px;padding-bottom:6px}.template-library{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;min-height:0;padding-right:4px;display:grid;overflow:auto}.template-library-column{align-content:start;gap:14px;min-width:0;display:grid}.template-library-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-rows:auto auto;width:100%;display:grid;overflow:visible}.template-library-card.selected{border-color:var(--accent-2);box-shadow:0 0 0 3px #2563eb24}.template-library-card-image{background:var(--surface-2);padding:0;overflow:visible}.template-library-card-image img{object-fit:contain;object-position:top center;width:100%;height:auto;display:block}.template-library-card>div:not(.template-library-card-image){padding:12px}.template-library-card h3{margin:0 0 4px;font-size:15px}.template-library-card p{color:var(--muted);margin:0 0 8px;font-size:12px}.template-empty-state{border:1px dashed var(--line-strong);min-height:220px;color:var(--muted);text-align:center;background:#ffffffb8;border-radius:8px;place-items:center;padding:24px;font-size:13px;font-weight:800;display:grid}.template-delete-button{width:100%;min-height:34px;color:var(--danger);background:#d044440f;border-color:#d044443d;margin-top:10px;font-size:12px;font-weight:900}.template-edit-button{width:100%;min-height:34px;color:var(--accent-2);background:#2563eb0f;border-color:#2563eb3d;margin-top:10px;font-size:12px;font-weight:900}.backup-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.backup-actions button,.backup-import-button{border:1px solid var(--line-strong);min-height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.backup-import-button{position:relative;overflow:hidden}.backup-import-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;margin-top:18px;display:grid}.credential-card{min-height:260px}.credential-status-row{min-height:28px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.settings-actions{grid-template-columns:1fr auto;gap:10px;display:grid}.credential-form-label{color:#526173;margin:6px 0 -2px;font-size:12px;font-weight:900}.credential-saved-mask-input::placeholder{color:#142033;letter-spacing:2px;opacity:1;font-size:16px}.credential-saved-note{color:#526173;margin:-4px 0 2px;font-size:12px;font-weight:700}.utage-credential-list{gap:8px;margin-top:12px;display:grid}.utage-credential-row{border:1px solid var(--line);background:#f8fbff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px 10px;display:grid}.utage-credential-row.editing{grid-template-columns:1fr;align-items:stretch}.utage-credential-row div{gap:3px;min-width:0;display:grid}.utage-credential-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:13px;overflow:hidden}.utage-credential-row span{color:var(--muted);font-size:12px;font-weight:800}.utage-credential-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.utage-credential-actions button{white-space:nowrap;min-height:32px;font-size:12px;font-weight:900}.utage-credential-actions .primary-inline-action{color:#1d4ed8;background:#eff6ff;border-color:#2563eb57}.utage-credential-actions .danger-inline-action{color:var(--danger);border-color:#d0444447}.utage-credential-edit-field{gap:6px}.utage-credential-edit-field input{min-height:36px}.manual-section{border:1px solid var(--line);background:#fff;border-radius:8px;gap:16px;margin-top:18px;padding:18px;display:grid}.manual-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.manual-header h2{margin:0;font-size:18px}.manual-header span{background:var(--surface-2);min-height:26px;color:var(--muted);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.manual-notice{color:#1d4f9f;background:#2563eb0f;border:1px solid #2563eb2e;border-radius:8px;grid-template-columns:auto 1fr;gap:10px;padding:12px;display:grid}.manual-notice p{margin:0;font-size:13px;line-height:1.6}.api-cost-note{background:#f0643b0f;border:1px solid #f0643b38;border-radius:8px;padding:12px}.api-cost-note strong{margin-bottom:4px;font-size:13px;display:block}.api-cost-note p{color:#7c4a25;margin:0;font-size:13px;line-height:1.6}.api-cost-note p+p{margin-top:4px}.manual-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.guide-card{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.guide-card-body{gap:14px;padding:14px;display:grid}.guide-card h3,.guide-card h4{margin:0}.guide-card h3{font-size:16px}.guide-card h4{font-size:13px}.guide-card p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.55}.guide-step-list{gap:12px;display:grid}.guide-step{border-top:1px solid var(--line);grid-template-columns:28px minmax(0,1fr);gap:10px;padding-top:12px;display:grid}.guide-step-number{background:var(--surface-2);width:28px;height:28px;color:var(--muted);border-radius:999px;place-items:center;font-size:12px;font-weight:900;display:inline-grid}.guide-links{flex-wrap:wrap;gap:8px;display:flex}.guide-links a{border:1px solid var(--line-strong);min-height:32px;color:var(--ink);background:#fff;border-radius:6px;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}@media (max-width:860px){.admin-grid,.settings-grid,.manual-grid{grid-template-columns:1fr}.workspace-grid{grid-template-columns:360px 360px minmax(500px,1fr);overflow-x:auto}.workspace-grid.control-collapsed{grid-template-columns:52px 360px minmax(500px,1fr)}.admin-grid .control-panel,.admin-grid .canvas-panel,.settings-grid .control-panel,.settings-grid .canvas-panel{min-height:auto;max-height:none;position:static}.sample-browser{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.sample-browser-backdrop{padding:10px}.sample-browser-body{grid-template-columns:1fr;overflow:auto}.sample-browser-grid-shell{overflow:visible}.sample-browser-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.sample-browser-preview{border-left:0;border-top:1px solid var(--line)}}@media (max-width:720px){.home-shell{min-width:0}.home-topbar{flex-direction:column;align-items:flex-start;padding:14px}.home-topbar h1{font-size:20px}.home-topnav{width:100%}.home-topnav a{flex:140px}.home-status-strip,.home-main-grid,.home-foundation{width:calc(100vw - 20px)}.home-status-strip,.home-main-grid,.home-foundation,.home-tool-grid{grid-template-columns:1fr}.home-status-strip{flex-direction:column;align-items:flex-start}.home-tool-card{min-height:108px;padding:14px}.home-tool-copy h3{font-size:18px}.admin-shell,.settings-shell{padding:10px}.admin-template-tabs{grid-template-columns:1fr}.admin-banner-resources{grid-template-columns:1fr;overflow:auto}.admin-banner-resource-copy{border-right:0;border-bottom:1px solid var(--line)}.app-shell{padding:0}.topbar{flex-direction:column;align-items:flex-start;height:auto;min-height:64px;padding:12px}.topbar-title{width:100%;max-width:none}.app-status-row{padding:8px 12px}.project-title-input{width:100%;font-size:20px}.topbar-actions{justify-content:stretch;width:100%}.topbar-actions button{flex:auto}.template-grid{grid-template-columns:1fr}.phone-canvas{border-radius:14px}}.admin-topbar-actions{align-items:center;gap:8px;display:inline-flex}.admin-users-shell .admin-content{grid-template-rows:auto auto minmax(0,1fr)}.admin-user-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.admin-user-stats>div{border:1px solid var(--line);background:#fff;border-radius:8px;gap:6px;padding:14px 16px;display:grid}.admin-user-stats span{color:var(--muted);font-size:11px;font-weight:900}.admin-user-stats strong{color:var(--ink);font-size:24px;line-height:1}.admin-users-panel{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);min-height:0;margin-top:14px;display:grid;overflow:hidden}.admin-users-toolbar{border-bottom:1px solid var(--line);background:var(--surface-2);grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;display:grid}.admin-users-search{border:1px solid var(--line-strong);background:#fff;border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:38px;padding:0 11px;display:grid}.admin-users-search input{min-width:0;font:inherit;border:0;outline:0;font-weight:800}.admin-users-toolbar button,.admin-user-actions button{border:1px solid var(--line-strong);min-height:34px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.admin-users-toolbar button:disabled,.admin-user-actions button:disabled{cursor:not-allowed;opacity:.45}.admin-user-actions button.danger{color:#b91c1c;background:#fff7f7;border-color:#ef444459}.admin-users-message{border-bottom:1px solid var(--line);padding:10px 14px}.admin-users-table-wrap{min-height:0;overflow:auto}.admin-users-table{border-collapse:collapse;width:100%;min-width:1160px}.admin-users-table th,.admin-users-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}.admin-users-table th{z-index:1;color:var(--muted);background:#eef2f7;font-size:11px;font-weight:900;position:sticky;top:0}.admin-user-identity{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;display:grid}.admin-user-identity span,.admin-user-statuses,.admin-user-metrics,.admin-user-dates{gap:5px;display:grid}.admin-user-identity strong{word-break:break-all;font-size:13px;line-height:1.35}.admin-user-identity small,.admin-user-metrics span,.admin-user-dates span{color:var(--muted);font-size:11px;font-weight:800;line-height:1.35}.admin-user-statuses{align-items:start}.admin-user-badge{color:#475569;background:#edf2f7;border-radius:999px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:900}.admin-user-badge.active,.admin-user-badge.confirmed{color:#08734f;background:#dff8ed}.admin-user-badge.inactive,.admin-user-badge.never_signed_in,.admin-user-badge.warning{color:#935a00;background:#fff3d6}.admin-user-badge.suspended{color:#b91c1c;background:#ffe3e3}.admin-user-badge.admin{color:#1d4ed8;background:#e8efff}.admin-user-note-preview{gap:8px;min-width:170px;display:grid}.admin-user-note-preview span{max-width:260px;color:var(--ink);white-space:pre-wrap;word-break:break-word;font-size:12px;font-weight:800;line-height:1.45}.admin-user-note-preview span.empty{color:#94a3b8}.admin-user-note-preview button{border:1px solid var(--line-strong);width:fit-content;min-height:28px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.admin-user-note-preview button:disabled{cursor:not-allowed;opacity:.45}.admin-user-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.admin-user-edit-modal textarea{resize:vertical;min-height:132px;padding:10px 11px;line-height:1.5}.toolhub-admin-link{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff24;border-radius:7px;align-items:center;gap:8px;min-height:34px;padding:0 10px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.toolhub-admin-link:hover{background:#ffffff24}@media (max-width:860px){.admin-user-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-users-toolbar{grid-template-columns:1fr}}.access-request-screen{background:linear-gradient(135deg, #2f8f7a24, transparent 34%), linear-gradient(315deg, #e75f4224, transparent 30%), var(--bg);place-items:center;min-height:100vh;padding:28px;display:grid}.access-request-panel{border:1px solid var(--line);width:min(100%,520px);box-shadow:var(--shadow);background:#fff;border-radius:10px;gap:18px;padding:24px;display:grid}.access-request-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.access-request-header img{width:92px;height:auto}.access-request-header h1{color:var(--ink);margin:0;font-size:30px;line-height:1.1}.access-request-note{color:#334155;background:#f4f7ff;border:1px solid #2563eb2e;border-radius:8px;padding:12px 14px;font-size:13px;font-weight:800;line-height:1.6}.access-request-grid{grid-template-columns:1fr;gap:14px;display:grid}.access-request-grid input{min-height:44px}.access-request-help{color:#64748b;font-size:12px;font-weight:800;line-height:1.45}.success-message{color:#08734f;font-weight:900}@media (max-width:560px){.access-request-screen{align-items:start;padding:16px}.access-request-panel{gap:16px;padding:18px}.access-request-header{text-align:center;grid-template-columns:1fr;justify-items:center;gap:10px}.access-request-header img{width:110px}.access-request-header h1{font-size:26px}}.admin-requests-toolbar{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.admin-request-filter-tabs{align-items:center;gap:6px;display:inline-flex}.admin-request-filter-tabs button{border:1px solid var(--line-strong);min-height:34px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:0 12px;font-size:12px;font-weight:900}.admin-request-filter-tabs button.active{color:#1d4ed8;background:#eaf1ff;border-color:#2563eb73}.admin-review-message-box{border-bottom:1px solid var(--line);background:#f8fafc;gap:10px;padding:12px 14px;display:grid}.admin-review-message-box>div{gap:3px;display:grid}.admin-review-message-box strong{color:var(--ink);font-size:13px}.admin-review-message-box span{color:var(--muted);font-size:12px;font-weight:800}.admin-review-message-box pre{border:1px solid var(--line);max-height:180px;color:var(--ink);white-space:pre-wrap;background:#fff;border-radius:8px;margin:0;padding:12px;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.admin-review-message-box button,.admin-request-mail-link{border:1px solid var(--line-strong);width:fit-content;min-height:32px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.admin-requests-table{min-width:1120px}.admin-request-note-editor{gap:8px;min-width:220px;display:grid}.admin-request-note-editor textarea{min-height:82px;padding:9px 10px;font-size:12px}.admin-request-note-editor button{border:1px solid var(--line-strong);width:fit-content;min-height:28px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.admin-user-badge.request-pending{color:#935a00;background:#fff3d6}.admin-user-badge.request-approved{color:#08734f;background:#dff8ed}.admin-user-badge.request-rejected{color:#b91c1c;background:#ffe3e3}.admin-request-reviewed{color:var(--muted);font-size:11px;font-weight:800}.admin-request-actions{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:860px){.access-request-grid,.admin-requests-toolbar{grid-template-columns:1fr}.admin-request-filter-tabs{justify-content:flex-start;overflow-x:auto}}.admin-users-table{min-width:1360px}.admin-user-request-info{gap:7px;min-width:190px;display:grid}.admin-user-request-info span{gap:2px;display:grid}.admin-user-request-info small{color:#94a3b8;font-size:10px;font-weight:900}.admin-user-request-info strong{color:var(--ink);word-break:break-word;font-size:12px;line-height:1.35}.admin-user-request-info.empty{color:#94a3b8;font-size:12px;font-weight:900}.admin-requests-list{align-content:start;gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.admin-request-card{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.admin-request-card-header{border-bottom:1px solid var(--line);background:#f8fafc;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;display:grid}.admin-request-card-header h2{color:var(--ink);margin:8px 0 3px;font-size:20px;line-height:1.25}.admin-request-card-header p{color:var(--muted);margin:0;font-size:12px;font-weight:800}.admin-request-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.admin-request-card-actions button,.admin-request-user-link{border:1px solid var(--line-strong);min-height:34px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.admin-request-card-actions button.danger{color:#b91c1c;background:#fff7f7;border-color:#ef444459}.admin-request-card-actions button:disabled{cursor:not-allowed;opacity:.45}.admin-request-user-link{color:#1d4ed8;background:#eef4ff;border-color:#2563eb52}.admin-request-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;display:grid}.admin-request-detail-grid div{border:1px solid var(--line);background:#fff;border-radius:8px;align-content:start;gap:6px;min-height:74px;padding:10px;display:grid}.admin-request-detail-grid span{color:#64748b;font-size:11px;font-weight:900;line-height:1.35}.admin-request-detail-grid strong{color:var(--ink);word-break:break-word;font-size:13px;line-height:1.45}.admin-request-card-note{border-top:1px solid var(--line);background:#fbfdff;padding:14px}.admin-request-card-note label{color:#334155;font-weight:900}.admin-request-card-note textarea{min-height:76px}@media (max-width:1120px){.admin-request-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.admin-request-card-header{grid-template-columns:1fr}.admin-request-card-actions{justify-content:stretch}.admin-request-card-actions button,.admin-request-user-link{flex:auto}.admin-request-detail-grid{grid-template-columns:1fr}}