:root{--radius:.625rem;--background:#090909;--foreground:#f5f5f5;--card:#111;--card-foreground:#f5f5f5;--popover:#161616;--popover-foreground:#f5f5f5;--primary:#fafafa;--primary-foreground:#0a0a0a;--secondary:#202020;--secondary-foreground:#fafafa;--muted:#191919;--muted-foreground:#a3a3a3;--accent:#242424;--accent-foreground:#fafafa;--destructive:#404040;--border:#2a2a2a;--input:#303030;--ring:#a3a3a3}
.brand-logo{color:var(--ui-text);vertical-align:middle;white-space:nowrap;align-items:center;gap:11px;display:inline-flex}.brand-symbol{flex:none;width:38px;height:38px}.brand-name{font-family:var(--font-geist-sans), sans-serif;letter-spacing:-1.3px;align-items:baseline;font-size:27px;font-weight:800;line-height:1;display:inline-flex}.brand-name>span{font-weight:600}.brand-name>i{background:var(--ui-accent-soft);border-radius:50%;width:5px;height:5px;margin-left:3px}.brand-logo.is-inverse{color:var(--ui-on-accent)}.wordmark .brand-logo{font-weight:800}.workspace-sidebar .wordmark .brand-name{font-size:22px}.workspace-sidebar .wordmark .brand-symbol{width:28px;height:28px}.workspace-app button,.workspace-app input,.workspace-app select,.workspace-app textarea{font-family:var(--font-geist-sans), sans-serif}.workspace-app .workspace-sidebar nav button{gap:12px;font-size:13px;font-weight:600}.workspace-app .sidebar-home{align-items:center;gap:7px;display:inline-flex}.workspace-app .workspace-topbar{font-size:12px}.workspace-app .cf-primary,.workspace-app .cf-secondary,.workspace-app .button,.workspace-app .settings-save-bar button{font-size:13px;font-weight:650}.workspace-app .cf-panel label,.workspace-app .account-defaults-form label{font-size:13px}.workspace-app h1,.marketing-shell h1{letter-spacing:-1.4px;font-weight:750}.workspace-app .cf-template strong{font-size:15px;font-weight:700}.workspace-app .cf-template p{font-size:12px}.designer .designer-header-actions button,.designer .designer-history button,.designer .designer-align-actions button,.designer-upload-image{justify-content:center;align-items:center;gap:8px;display:inline-flex}.canvas-studio .designer-header-actions button{min-height:40px;padding:9px 14px;font-size:13px;font-weight:600;line-height:1.4}.canvas-studio .designer-header{padding:12px 18px}.canvas-studio .designer-header .brand-symbol{width:28px;height:28px}.canvas-studio .designer-header .brand-name{letter-spacing:-.8px;font-size:20px}.canvas-studio .designer-header h2{letter-spacing:.2px;color:var(--ui-muted);margin:5px 0 0 39px;font-size:11px;font-weight:500}.designer .designer-palette-items button{align-items:center;gap:9px;font-size:12px;display:flex}.designer .designer-palette-items button svg{flex-shrink:0}.designer .designer-toolbar>label:not(.designer-snap),.designer .designer-inspector>label,.designer .designer-number-grid label,.designer .designer-inspector input:not([type=color]),.designer .designer-inspector select,.designer .designer-toolbar input,.designer .designer-toolbar select{font-size:12px}.designer .designer-align-actions button{justify-content:flex-start;font-size:12px}.designer-upload-image{border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);font:600 12px/1.4 var(--font-geist-sans), sans-serif;cursor:pointer;border-radius:5px;min-height:40px;padding:10px 12px}.designer-palette>.designer-upload-image{width:100%;margin-top:12px}.designer-background-image{border-top:1px solid var(--ui-border);margin-top:18px;padding-top:16px}.designer-background-image>button{width:100%;margin-top:8px;display:flex}.designer-background-image>.designer-delete{color:#5c5c5c;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:12px}.designer svg.lucide{stroke-width:1.8px;flex-shrink:0}.maker-style-picker{margin:0 0 30px}.maker-public-shell{width:min(1680px,100% - 64px);margin:0 auto}.maker-public-shell .maker-shell,.maker-public-shell .designer-page{width:100%;margin:0}.maker-public-shell .maker-shell .maker-grid{grid-template-columns:minmax(320px,400px) minmax(0,1fr)}.maker-public-shell .maker-shell .maker-preview{padding:22px}.maker-public-shell .maker-heading{padding:32px 0 28px}.maker-public-shell .maker-heading h1{font-size:clamp(30px,3vw,44px)}.maker-public-shell .maker-style-heading h2{font-size:19px}.maker-public-shell .maker-style-list>button{flex-basis:136px}.maker-public-shell .cf-interactive-preview{max-width:none}.maker-public-shell .maker-live-preview .cf-preview-edit-hint{font-size:11px}@media (max-width:1000px){.maker-public-shell .maker-shell .maker-grid{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:20px}}@media (max-width:850px){.maker-public-shell .maker-shell .maker-grid{grid-template-columns:1fr}.maker-public-shell{width:calc(100% - 32px)}}.maker-style-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.maker-style-heading h2{letter-spacing:-.6px;margin-top:8px;font-size:21px;font-weight:700}.maker-style-heading>span{color:var(--ui-muted);font-size:12px}.maker-style-list{scroll-snap-type:x proximity;gap:12px;padding:3px 3px 12px;display:flex;overflow-x:auto}.maker-style-list>button{border:1px solid var(--ui-border);background:var(--ui-surface);text-align:left;cursor:pointer;scroll-snap-align:start;border-radius:7px;flex:0 0 148px;padding:8px}.maker-style-list>button[aria-pressed=true]{border:2px solid var(--ui-accent);background:var(--ui-surface);padding:7px}.maker-style-list img{border:1px solid var(--ui-border);width:100%;height:auto}.maker-style-list>button>span{justify-content:space-between;align-items:center;padding:9px 2px 2px;font-size:12px;font-weight:650;display:flex}.maker-shell .maker-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,1.35fr);gap:28px}.maker-shell .maker-form{border-radius:8px;padding:26px}.maker-shell .maker-form-title h2{margin-top:8px;font-size:21px;font-weight:700}.maker-shell .maker-fields>label,.maker-shell .maker-row label{font-size:13px;font-weight:600}.maker-shell .maker-fields input:not([type=color]):not([type=checkbox]),.maker-shell .maker-fields select{min-height:44px;font-size:14px;font-weight:450}.maker-shell .maker-preview{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:8px;padding:24px;position:sticky;top:24px}.maker-shell .preview-toolbar p{color:var(--ui-muted);margin-top:8px;font-size:12px;line-height:1.6}.maker-shell .preview-toolbar .button,.maker-shell .maker-fields>.button{justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:650;display:inline-flex}.maker-live-preview{margin-top:22px}.maker-live-preview>svg{box-shadow:0 8px 26px #00000010}.maker-live-preview>p{color:var(--ui-muted);margin-top:14px;font-size:11px;line-height:1.6}.maker-branding{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:6px}.maker-branding>summary{cursor:pointer;align-items:center;gap:10px;padding:15px;font-size:13px;font-weight:600;display:flex}.maker-branding>summary>span{color:var(--ui-muted);margin-left:auto;font-size:11px;font-weight:400}.maker-branding-body{padding:0 16px 16px}.maker-branding-body>label{gap:8px;margin-top:18px;font-size:13px;display:grid}.maker-shell .maker-branding .maker-row{grid-template-columns:1fr}@media (max-width:850px){.maker-shell .maker-grid{grid-template-columns:1fr}.maker-shell .maker-preview{position:static}.maker-style-heading{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:540px){.maker-shell .maker-form,.maker-shell .maker-preview{padding:18px}.maker-shell .maker-fields input:not([type=color]):not([type=checkbox]),.maker-shell .maker-fields select{font-size:16px}.canvas-studio .designer-header{padding:8px 10px}.canvas-studio .designer-header-actions button{gap:5px;padding:8px;font-size:11px}.canvas-studio .designer-palette{max-height:180px}.brand-name{font-size:23px}.brand-symbol{width:32px;height:32px}}.sidebar-user-menu{position:relative}button.sidebar-account{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;border-radius:8px;padding:10px 4px}button.sidebar-account:hover{background:var(--surface,var(--ui-raised))}button.sidebar-account>div{flex:1;min-width:0}button.sidebar-account small{text-overflow:ellipsis;overflow:hidden}.sidebar-user-popover{background:var(--ui-surface);border:1px solid var(--ui-border);z-index:20;border-radius:10px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 8px 28px #00000020}.sidebar-user-popover button{width:100%;color:var(--ui-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:12px;display:flex}.sidebar-user-popover button:hover{background:var(--ui-surface)}.sidebar-user-popover p{color:#505050;padding:6px;font-size:12px}.sidebar-user-popover{margin-bottom:8px;position:static;box-shadow:0 2px 8px #00000010}.issued-table-toolbar,.issued-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:24px 0;font-size:13px;display:flex}.issued-table-toolbar label{gap:8px;width:min(100%,440px);font-weight:600;display:grid}.issued-table-toolbar input{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:8px;padding:12px 14px;font-weight:400}.issued-table-scroll{border:1px solid var(--ui-border);border-radius:10px;overflow-x:auto}.issued-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.issued-table th{background:var(--ui-surface);white-space:nowrap}.issued-table th button{width:100%;color:inherit;cursor:pointer;background:0 0;border:0;gap:8px;padding:16px;font-weight:600;display:flex}.issued-table td{border-top:1px solid var(--ui-border);overflow-wrap:anywhere;max-width:260px;padding:16px}.issued-table tbody tr:hover{background:var(--ui-surface)}.issued-table td:last-child{white-space:nowrap}.issued-pagination select{border:1px solid var(--ui-border);border-radius:6px;margin-left:8px;padding:8px}.issued-confirm{border:1px solid #c7c7c7;border-radius:8px;margin-top:16px;padding:16px}.sidebar-user-menu{margin-top:20px}button.sidebar-account{gap:12px;min-height:60px;padding:12px 10px}button.sidebar-account>svg{flex-shrink:0;margin-left:6px}.sidebar-user-popover{width:190px;margin:0;position:absolute;bottom:0;left:calc(100% + 14px);right:auto;box-shadow:0 8px 28px #00000020}.workspace-sidebar{z-index:25}@media (min-width:1000px) and (max-height:800px){.workspace-sidebar{padding-top:24px;padding-bottom:16px}.workspace-sidebar>.wordmark{margin-bottom:30px}.sidebar-bottom{padding-top:18px}.sidebar-user-menu{margin-top:16px}}.issued-certificates>.issued-table-toolbar,.issued-certificates>.issued-table-scroll,.issued-certificates>.issued-pagination,.issued-certificates>p{margin-left:28px;margin-right:28px}.api-scope-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:20px 0;display:grid}.api-key-row{border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.api-key-row p,.api-key-row small{color:var(--ui-muted);overflow-wrap:anywhere;font-size:12px}.api-access>p{font-size:14px;line-height:1.7}.developer-guide{max-width:1100px;margin:0 auto 80px;padding:0 24px;line-height:1.8}.developer-guide h2{margin-top:48px;font-size:26px}.developer-guide pre{background:var(--ui-accent);color:var(--ui-on-accent);border-radius:12px;padding:28px;font-size:13px;line-height:1.6;overflow-x:auto}.developer-guide code{font-family:var(--font-geist-mono), monospace;font-size:.9em}.developer-guide .issued-table th{padding:16px}.api-access>h2{margin:0 0 10px;font-size:20px;font-weight:650}.api-access>p{margin:0 0 14px}.mcp-setup{border:0;border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);background:0 0;border-radius:0;gap:20px;margin:28px 0;padding:24px 0;display:grid}.mcp-setup .integration-badge{color:var(--ui-muted);background:0 0;border-radius:0;padding:0}.integration-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.integration-heading h2,.integration-heading h3{margin:6px 0 10px}.integration-heading p{color:var(--ui-muted);margin:0;font-size:14px;line-height:1.7}.integration-badge{background:var(--ui-raised);white-space:nowrap;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:600}.integration-copy{gap:12px;min-width:0;display:grid}.integration-copy pre{background:var(--ui-surface);border:1px solid var(--ui-border);-webkit-user-select:text;user-select:text;border-radius:8px;max-width:100%;margin:0;padding:16px;font-size:12px;line-height:1.7;overflow:auto}.integration-copy button{justify-self:start}.mcp-setup details summary{cursor:pointer;font-size:14px;font-weight:600}.mcp-setup details[open] summary{margin-bottom:14px}.mcp-setup .settings-subsection{margin:0;padding-top:20px}.mcp-setup h4{margin:0 0 10px;font-size:15px}.integration-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.integration-actions .secondary-button{white-space:nowrap;width:auto}.integration-status{border:1px dashed var(--ui-border);border-radius:8px;margin-top:20px;padding:20px;font-size:13px;line-height:1.7}.integration-status small{color:var(--ui-muted);display:block}.usage-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 20px;display:grid}.usage-cards article{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:10px;padding:24px}.usage-cards article>span{color:var(--ui-muted);font-size:13px}.usage-cards strong{margin:16px 0;font-size:36px;font-weight:600;display:block}.usage-cards strong small{color:var(--ui-muted);font-size:16px;font-weight:400}.usage-settings progress{accent-color:#343434;width:100%;height:8px}.usage-cards p{color:var(--ui-muted);margin:10px 0 0;font-size:12px}.generation-job{border:1px solid var(--ui-border);border-radius:10px;margin-top:16px;padding:22px}.generation-job progress{margin:18px 0 4px}@media (max-width:640px){.usage-cards{grid-template-columns:1fr}.mcp-setup{padding:20px 0}.integration-copy pre{overflow-wrap:anywhere;white-space:pre-wrap}}.api-access>.settings-subsection{margin-top:28px;padding-top:24px}.account-defaults-form .api-key-form{gap:24px;margin-top:28px}.api-key-form legend{margin-bottom:18px}.api-key-fields{grid-template-columns:minmax(0,2fr) minmax(160px,1fr);gap:20px;display:grid}.api-key-fields>label{min-width:0}.api-key-form .api-scope-grid{gap:20px 24px;margin:0}.api-key-form .api-create-button{justify-self:start;width:auto;min-width:144px}.api-access .api-key-created{border-radius:10px;gap:20px;margin:28px 0 0;padding:24px;display:grid}.api-key-created-heading strong{font-size:15px;font-weight:650;display:block}.api-key-created-heading p{color:var(--ui-muted);margin:6px 0 0;font-size:13px}.api-key-created label{gap:10px;margin:0}.api-key-created input{width:100%;min-width:0;font-family:var(--font-geist-mono), monospace;background:var(--ui-surface);padding:14px;font-size:12px}.api-key-created-actions{flex-wrap:wrap;gap:12px;display:flex}.api-key-created-actions button{width:auto;min-width:124px}.api-key-row{align-items:flex-start;gap:24px}.api-key-row>div{min-width:0}.api-key-row p{margin:6px 0}.api-key-row>button{flex-shrink:0}.api-key-name{gap:7px;min-width:150px;display:grid}.api-key-name code,.api-key-name small{color:var(--ui-muted);font-size:11px}.api-key-status{border:1px solid var(--ui-border);white-space:nowrap;border-radius:4px;padding:5px 8px;font-size:11px;display:inline-block}.api-key-status.is-revoked,.api-key-status.is-expired{color:#696969}.api-keys-table .api-status-filter{width:170px}.api-status-filter select{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:8px;padding:12px 14px}.api-key-permissions summary{cursor:pointer;white-space:nowrap}.api-key-permissions ul{margin:10px 0 0;padding-left:16px;font-size:11px;line-height:1.8}.api-table-actions{flex-wrap:wrap;gap:8px;display:flex}.api-table-actions .secondary-button{white-space:nowrap;width:auto;padding:9px 12px;font-size:12px}.api-table-heading{padding:16px;display:block}.api-keys-table .issued-table td{vertical-align:top}@media (max-width:640px){.api-key-fields{grid-template-columns:1fr;gap:18px}.api-access .api-key-created{gap:18px;padding:18px}.api-key-row{flex-direction:column;gap:14px}}.workspace-settings{font-family:var(--font-interface), Arial, sans-serif;letter-spacing:0;font-optical-sizing:auto;font-size:14px;font-weight:400;line-height:1.6}.workspace-settings :is(input,select,textarea,button){font-family:var(--font-interface), Arial, sans-serif;letter-spacing:0}.workspace-settings h1{font-family:var(--font-interface), Arial, sans-serif;letter-spacing:-.035em;font-weight:650;line-height:1.2}.workspace-settings h2,.workspace-settings .api-access>h2{font-family:var(--font-interface), Arial, sans-serif;letter-spacing:-.02em;font-size:20px;font-weight:600;line-height:1.35}.workspace-settings h3,.workspace-settings .mcp-setup h3{letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:1.4}.workspace-settings h4,.workspace-settings .mcp-setup h4{letter-spacing:0;font-size:14px;font-weight:600;line-height:1.45}.workspace-settings p,.workspace-settings .api-access>p,.workspace-settings .integration-heading p{letter-spacing:0;font-size:14px;font-weight:400;line-height:1.65}.workspace-settings .account-defaults-form label{font-size:13px;font-weight:500;line-height:1.5}.workspace-settings :is(input,select,textarea){font-size:14px;font-weight:400;line-height:1.5}.workspace-settings button{font-size:13px;font-weight:500;line-height:1.4}.workspace-settings .eyebrow{letter-spacing:.06em;font-size:11px;font-weight:600}.workspace-settings .mcp-setup .eyebrow{letter-spacing:0;text-transform:none;color:var(--ui-muted);font-size:12px;font-weight:500}.workspace-settings .field-hint,.workspace-settings .fine-print,.workspace-settings small{color:var(--ui-muted);font-size:12px;font-weight:400;line-height:1.6}.workspace-settings .settings-tabs button{font-size:13px;font-weight:500;line-height:1.5}.workspace-settings .settings-tabs button[aria-selected=true]{font-weight:600}.workspace-settings .integration-copy pre,.workspace-settings code{font-family:var(--font-geist-mono), monospace;letter-spacing:0;font-size:12px;font-weight:400;line-height:1.65}.workspace-settings .mcp-setup>div>span{margin-bottom:6px;font-size:13px;font-weight:500;display:block}.workspace-settings .account-defaults-form .verification-fields{background:0 0;border:0;margin:0;padding:18px 0;display:block}.workspace-settings .account-defaults-form .verification-fields legend{margin:0 0 8px;padding:0;font-size:13px;line-height:1.5}.workspace-settings .account-defaults-form .verification-fields>p{margin:0 0 18px;font-size:13px}.workspace-settings .account-defaults-form .verification-fields>div{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px 24px;display:grid}.workspace-settings .account-defaults-form .verification-fields label,.cf-review-settings .verification-fields label,.issued-certificates .verification-fields label{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;margin:0;padding:0;font-size:13px;line-height:1.5;display:flex}.workspace-settings .account-defaults-form .verification-fields input,.cf-review-settings .verification-fields input,.issued-certificates .verification-fields input{flex:0 0 16px;width:16px;height:16px;min-height:16px;margin:0;padding:0}