:root{color:#1c2430;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}#root{min-height:100vh}.shell{color:#1c2430;background:#f6f7f9;min-height:100vh}.workspace{grid-template-columns:420px 1fr;min-height:100vh;display:grid}.control-panel{color:#f6f7f9;background:#101820;padding:28px}.brand-row{align-items:center;gap:14px;margin-bottom:28px;display:flex}.mark{color:#07120e;background:#24c08b;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.1}.brand-row p,.toolbar p,.empty-state p{color:#7b8794;font-size:14px}.form-grid{gap:14px;display:grid}label{color:#c5ced8;gap:7px;font-size:13px;display:grid}input,select,textarea,button{font:inherit}input,select,textarea{box-sizing:border-box;color:#f6f7f9;background:#17232d;border:1px solid #2d3a45;border-radius:7px;outline:none;width:100%;padding:11px 12px}textarea{resize:vertical;min-height:96px}input:focus,select:focus,textarea:focus{border-color:#24c08b}.split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check-row{grid-template-columns:18px 1fr;align-items:center}.check-row input{width:18px;height:18px}button{cursor:pointer;border:0;border-radius:7px;padding:11px 14px}button:disabled{cursor:not-allowed;opacity:.55}.primary{color:#07120e;background:#24c08b;font-weight:800}.result-panel{padding:28px}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.toolbar h2{font-size:28px}.actions{gap:10px;display:flex}.actions button{color:#1c2430;background:#fff;border:1px solid #d8dee6}.notice{color:#0d5f45;overflow-wrap:anywhere;background:#e8f8f1;border:1px solid #bfead9;border-radius:7px;margin-bottom:16px;padding:12px 14px}.integration-panel{background:#fff;border:1px solid #dfe5ec;border-radius:8px;gap:14px;margin-bottom:16px;padding:16px;display:grid}.integration-panel h3{margin-bottom:4px;font-size:20px}.integration-panel p{color:#657180}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.integration-grid div{background:#f6f7f9;border-radius:7px;gap:4px;padding:10px;display:grid}.integration-grid span{color:#657180;font-size:12px}.integration-grid strong{overflow-wrap:anywhere;font-size:13px}.integration-actions{flex-wrap:wrap}.code-row{grid-template-columns:1fr auto;gap:10px;display:grid}.code-row input{color:#1c2430;background:#fff;border-color:#d8dee6}.ads-list{gap:14px;display:grid}.ad-card{background:#fff;border:1px solid #dfe5ec;border-radius:8px;grid-template-columns:148px 1fr;gap:16px;padding:14px;display:grid}.image-slot{aspect-ratio:1;color:#8a96a3;background:#eef2f6;border-radius:7px;place-items:center;font-weight:800;display:grid;overflow:hidden}.image-slot img{object-fit:cover;width:100%;height:100%}.ad-body{min-width:0}.ad-meta{color:#657180;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.ad-meta span{background:#f0f3f6;border-radius:6px;padding:4px 7px}.ad-meta strong{color:#0d5f45}.ad-card h3{margin-bottom:8px;font-size:20px}.ad-card p{color:#4b5765;white-space:pre-wrap;line-height:1.45}details{color:#657180;margin-top:12px}summary{cursor:pointer}pre{white-space:pre-wrap;background:#f6f7f9;border-radius:7px;padding:10px;overflow:auto}.empty-state{text-align:center;border:1px dashed #c8d0da;border-radius:8px;padding:42px}@media (width<=980px){.workspace{grid-template-columns:1fr}.control-panel,.result-panel{padding:18px}.toolbar{flex-direction:column;align-items:flex-start}.ad-card{grid-template-columns:1fr}.image-slot{max-width:220px}}