:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f4f8;--foreground:#1d1a24;--muted:#716d7a;--surface:#fff;--line:#ddd9e5;--accent:#6842d7;--accent-dark:#5330bd;--danger:#b42318}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:18px;font-size:clamp(2.5rem,8vw,5.8rem);line-height:.95}.shell,.auth-page,.lk-shell{min-height:100vh;padding:48px clamp(20px,5vw,72px)}.shell{align-content:center;gap:32px;display:grid}.intro{max-width:820px}.intro-copy{max-width:720px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.eyebrow{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;margin:0 0 10px;font-size:.76rem;font-weight:800}.hero-actions,.button-row,.toolbar-row{flex-wrap:wrap;gap:10px;display:flex}.primary-button,.secondary-button,.icon-link{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:750;text-decoration:none;display:inline-flex}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-dark)}.secondary-button,.icon-link{border:1px solid var(--line);background:var(--surface);color:var(--foreground)}.primary-button:disabled,.secondary-button:disabled,button:disabled{cursor:not-allowed;opacity:.48}.icon-link{width:42px;padding:0}.panel,.data-panel{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:24px;box-shadow:0 10px 36px #2a20410a}.panel{width:min(100%,780px)}.panel ul{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;display:grid}.auth-page{align-content:center;display:grid}.auth-panel,.narrow-panel{width:min(100%,720px)}.auth-panel h1{margin:14px 0 24px;font-size:clamp(2.3rem,7vw,4rem)}.back-link{color:var(--accent);text-transform:uppercase;font-size:.8rem;font-weight:800;text-decoration:none}.auth-form,.settings-form{gap:16px;display:grid}.field{color:#3d3944;gap:7px;font-size:.9rem;font-weight:700;display:grid}.field input,.field textarea,.field select,.placement-content-form input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--foreground);background:#fff;border-radius:10px;padding:0 12px}.field textarea{resize:vertical;min-height:110px;padding-block:12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent)17%,transparent)}.form-alert{color:#9a3412;background:#fff5f0;border:1px solid #f1b59d;border-radius:10px;margin:0;padding:10px 12px}.lk-shell{align-content:start;gap:26px;display:grid}.compact-shell{gap:18px}.lk-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.lk-header h1{margin-bottom:4px}.muted-line,.empty-state{color:var(--muted)}.lk-nav,.showcase-tabs{flex-wrap:wrap;gap:6px;display:flex}.lk-nav a,.showcase-tabs a{color:var(--muted);border-radius:999px;padding:9px 14px;font-weight:750;text-decoration:none}.lk-nav a[aria-current=page],.showcase-tabs a[aria-current=page]{color:var(--accent-dark);background:#ebe5ff}.builder-grid{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.wide-panel{width:100%}.data-table{border:1px solid var(--line);background:var(--surface);border-radius:14px;display:grid;overflow:hidden}.data-table-head,.data-table-row{grid-template-columns:minmax(180px,1.4fr) minmax(100px,.7fr) minmax(150px,.8fr);align-items:center;gap:14px;padding:14px 16px;display:grid}.data-table-head{color:var(--muted);text-transform:uppercase;background:#f0edf5;font-size:.75rem;font-weight:800}.data-table-row+.data-table-row{border-top:1px solid var(--line)}.data-table-row.admin-offer-row{grid-template-columns:minmax(160px,1fr) minmax(150px,.8fr) minmax(100px,.55fr) minmax(200px,1.2fr)}.data-table-row.admin-advertiser-row,.data-table-row.postback-token-row{grid-template-columns:minmax(160px,1fr) minmax(140px,.8fr) minmax(140px,.7fr) minmax(120px,.6fr)}.admin-offer-row a{overflow-wrap:anywhere;color:var(--accent-dark)}.code-block{color:#f7f5fb;white-space:pre-wrap;background:#17151d;border-radius:12px;padding:18px;overflow:auto}.placement-list{gap:12px;display:grid}.placement-item{border:1px solid var(--line);border-radius:14px;gap:14px;padding:16px;display:grid}.placement-item>div:first-child{gap:4px;display:grid}.placement-item span,.placement-item small{color:var(--muted)}.placement-content-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;display:grid}.offer-block-sections{gap:18px;display:grid}.offer-block-section{gap:24px;display:grid}.offer-block-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.offer-block-header h2{margin:3px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem}.offer-block-header span{color:var(--muted);font-size:.85rem}.placement-add-form{background:#f7f5fa;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.placement-add-form h3,.placement-add-form .form-alert{grid-column:1/-1}.placement-add-form>button{align-self:end}.offer-block-placement-list{gap:12px;display:grid}.placement-order-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid;position:relative}.placement-heading{align-items:flex-start;grid-template-columns:none!important;gap:10px!important;display:flex!important}.placement-heading>div{gap:4px;display:grid}.placement-drag-handle,.placement-move-buttons button{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:grab;background:#fff;border-radius:9px;flex:none;place-items:center;display:grid}.placement-move-buttons{gap:6px;display:grid}.placement-move-buttons button{cursor:pointer}.placement-configuration-form{grid-template-columns:repeat(3,minmax(0,1fr))}.placement-configuration-form>button{grid-column:1/-1;justify-self:start}.archived-placements{border-top:1px solid var(--line);padding-top:16px}.archived-placements summary{cursor:pointer;font-weight:800}.archived-placement-item{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:14px 0;display:grid}.archived-placement-item>div{gap:4px;display:grid}.archived-placement-item small{color:var(--muted);overflow-wrap:anywhere}.archived-placement-item .form-alert{grid-column:1/-1}.demo-offers-badge{color:var(--accent-dark);white-space:nowrap;background:#f0ebff;border:1px solid #cdbef8;border-radius:999px;padding:7px 10px;font-size:.75rem;font-weight:850}.builder-shell{background:#ebe9ef;min-height:100vh}.builder-toolbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #d8d4df;align-items:center;gap:12px;min-height:68px;padding:10px 18px;display:flex;position:sticky;top:0}.builder-title{min-width:180px;margin-right:auto;display:grid}.builder-title span{color:var(--muted);font-size:.72rem}.viewport-toggle{border:1px solid var(--line);background:#f7f6f9;border-radius:11px;padding:3px;display:flex}.viewport-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.viewport-toggle button.active{color:var(--foreground);background:#fff;box-shadow:0 2px 8px #00000014}.builder-canvas{height:calc(100vh - 68px);min-height:560px;position:relative;overflow:hidden}.preview-frame-wrap{width:100%;height:100%;transition:width .2s;position:relative}.builder-canvas[data-viewport=mobile]{place-items:center;padding:24px 64px;display:grid}.builder-canvas[data-viewport=mobile] .preview-frame-wrap{width:min(100%,390px)}.builder-preview-frame{background:#fff;border:0;width:100%;height:100%;display:block}.builder-canvas[data-viewport=mobile] .builder-preview-frame{border-radius:8px;box-shadow:0 16px 56px #1e192b29}.canvas-add-button{z-index:20;color:var(--accent-dark);cursor:pointer;background:#fff;border:1px dashed #a9a3b4;border-radius:999px;align-items:center;gap:7px;padding:10px 16px;font-weight:800;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #21193424}.canvas-block-controls{z-index:10;opacity:0;pointer-events:none;background:#fffffff7;border:1px solid #d8d3e3;border-radius:11px;gap:4px;padding:5px;transition:opacity .12s;display:grid;position:absolute;right:14px;box-shadow:0 9px 28px #21193429}.builder-canvas[data-viewport=mobile] .canvas-block-controls{right:-58px}.canvas-block-controls[data-visible=true],.canvas-block-controls:focus-within{opacity:1;pointer-events:auto}.canvas-block-selection{z-index:9;border:2px solid var(--accent);pointer-events:none;position:absolute;box-shadow:inset 0 0 0 1px #ffffffd9,0 0 0 1px #6842d72e}.canvas-block-controls button,.dialog-close{color:#514b5e;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.canvas-block-controls button:hover{color:var(--accent-dark);background:#eee9fb}.canvas-block-controls .add-block-control{position:relative}.canvas-block-controls .add-block-control:after{color:var(--accent);font-size:9px;font-weight:900;line-height:1;position:absolute;right:3px}.canvas-block-controls .add-block-control[data-direction=up]:after{content:"↑";top:2px}.canvas-block-controls .add-block-control[data-direction=down]:after{content:"↓";bottom:2px}.canvas-block-controls .danger-icon:hover{color:var(--danger);background:#fff0ef}.preview-error{z-index:30;color:#8b2530;background:#fff0f1;border:1px solid #e0a3a9;border-radius:10px;width:min(100% - 32px,760px);margin:0;padding:10px 14px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.dialog-backdrop{z-index:80;background:#1914238c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.template-dialog{background:#fff;border-radius:22px;width:min(100%,980px);max-height:min(90vh,820px);padding:24px;overflow:auto;box-shadow:0 28px 90px #00000047}.template-dialog>header,.code-dialog-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.template-dialog h2,.code-dialog h2{margin:0}.dialog-close{border:1px solid var(--line);width:42px;height:42px}.empty-block-choice{margin-block:20px}.template-tabs{border-bottom:1px solid var(--line);gap:6px;display:flex}.template-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px;font-weight:800}.template-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:18px;display:grid}.template-card{border:1px solid var(--line);border-radius:14px;gap:12px;padding:12px;display:grid}.template-card img{aspect-ratio:16/10;object-fit:cover;background:#f1eef6;border-radius:9px;width:100%}.code-dialog{z-index:90;color:#fff;background:#16131c;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.code-dialog-toolbar{border-bottom:1px solid #34303c;min-height:72px;padding:10px 18px}.code-dialog-toolbar>div:first-child{margin-right:auto}.code-dialog-toolbar .secondary-button{color:#fff;background:#25212b;border-color:#4a4553}.save-state{color:#aaa4b3;font-size:.82rem}.code-dialog form,.tsx-editor,.cm-editor{height:100%;min-height:0}.code-dialog form{position:relative}.cm-editor{font-size:14px}.cm-scroller{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;overflow:auto}.editor-diagnostics{color:#ffdadd;background:#371419f5;border:1px solid #8e3d45;border-radius:12px;max-height:34%;padding:13px 16px;position:absolute;bottom:18px;left:18px;right:18px;overflow:auto;box-shadow:0 16px 48px #00000057}.editor-diagnostics ul{margin:8px 0 0;padding-left:20px}.editor-diagnostics li+li{margin-top:5px}@media (max-width:900px){.builder-grid,.template-grid,.placement-content-form,.placement-add-form,.placement-configuration-form{grid-template-columns:1fr}.placement-add-form h3,.placement-add-form .form-alert,.placement-configuration-form>button{grid-column:auto}.offer-block-header{display:grid}.placement-order-row{grid-template-columns:minmax(0,1fr)}.placement-move-buttons{grid-template-columns:repeat(2,auto);justify-content:end}.archived-placement-item{grid-template-columns:1fr}.builder-toolbar{flex-wrap:wrap}.builder-title{order:-1;width:calc(100% - 56px)}.builder-canvas[data-viewport=mobile]{padding-inline:52px}.data-table-head{display:none}.data-table-row,.data-table-row.admin-offer-row,.data-table-row.admin-advertiser-row,.data-table-row.postback-token-row{grid-template-columns:1fr}}@media (max-width:620px){.shell,.auth-page,.lk-shell{padding:28px 16px}.lk-header{display:grid}.panel ul{grid-template-columns:1fr}.builder-toolbar .secondary-button{display:none}.viewport-toggle button{font-size:0}.builder-canvas[data-viewport=mobile]{padding:16px 46px 40px 10px}.builder-canvas[data-viewport=mobile] .canvas-block-controls{right:-42px}}