:root{--bg:#f5f7f9;--panel:#fff;--panel-2:#eaedf1;--ink:#0c1219;--muted:#515963;--soft:#9199a4;--line:#d3d8de;--accent:#006f59;--accent-strong:#00503f;--danger:#c53637;--radius:12px;--shadow:0 10px 30px #0c121914}@supports (color:lab(0% 0 0)){:root{--bg:lab(97.0923% -.330716 -1.4709);--panel:lab(100% 0 0);--panel-2:lab(93.6082% -.492066 -2.20402);--ink:lab(5.22007% -.707574 -5.69676);--muted:lab(37.3086% -1.41613 -7.23405);--soft:lab(62.8388% -1.36805 -6.55435);--line:lab(86.0595% -.805348 -3.66503);--accent:lab(41.3656% -46.9042 4.85346);--accent-strong:lab(29.7631% -48.0869 4.88185);--danger:lab(45.9853% 56.8958 34.8481);--shadow:0 10px 30px lab(5.22007% -.707574 -5.69676/.08)}}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{grid-template-columns:360px 1fr;min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;gap:24px;min-height:100dvh;padding:24px;display:flex}.brandBlock{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.brandIdentity{align-items:center;gap:12px;min-width:0;display:flex}.logoSlot{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex:none;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.logoSlot img{object-fit:contain;width:82%;height:82%;display:block}.brandBlock h1,.sectionTitle h2{letter-spacing:-.02em;margin:0}.brandBlock h1{font-size:32px;line-height:1}.smallLabel{color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:700}.metricGrid{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.metric{border-right:1px solid var(--line);border-bottom:1px solid var(--line);gap:4px;padding:16px;display:grid}.metric:nth-child(2n){border-right:0}.metric:nth-last-child(-n+2){border-bottom:0}.metric strong{letter-spacing:-.03em;font-size:24px}.metric span,.adRow small,.sectionTitle p,.logicBox p{color:var(--muted)}.adList{gap:8px;display:grid;overflow:auto}.adRow{text-align:left;width:100%;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.adRow:hover,.adRowSelected{border-color:var(--line);background:var(--panel-2)}.adRow strong,.adRow small{display:block}.adRow small{text-overflow:ellipsis;white-space:nowrap;max-width:240px;margin-top:3px;overflow:hidden}.adRow em{color:var(--accent-strong);font-variant-numeric:tabular-nums;font-style:normal;font-weight:800}.statusDot{background:var(--soft);border-radius:999px;width:8px;height:8px}.statusActive{background:var(--accent)}.emptyState{border:1px dashed var(--line);border-radius:var(--radius);gap:6px;padding:18px;display:grid}.emptyState span{color:var(--muted);font-size:14px;line-height:1.4}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--bg)92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:18px 28px;display:flex;position:sticky;top:0}.topbarActions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbarActions form{margin:0}.topbar code{max-width:min(780px,64vw);color:var(--accent-strong);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;display:block;overflow:auto}.message{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:13px}.contentGrid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;padding:28px;display:grid}.editorPanel,.previewPanel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.editorPanel{gap:18px;padding:24px;display:grid}.previewPanel{gap:18px;padding:18px;display:grid;position:sticky;top:112px}.sectionTitle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;display:flex}.sectionTitle.compact{border-bottom:0;padding-bottom:0}.sectionTitle h2{font-size:24px}.sectionTitle p{margin:6px 0 0;line-height:1.45}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:7px;display:grid}.fieldLabel,.fieldsetLabel{align-items:center;gap:8px;display:flex}.fieldLabel>span:first-child,.fieldsetLabel .fieldLabel>span:first-child{color:color-mix(in oklch,var(--ink)72%,var(--muted));font-size:13px;font-weight:700}.tooltipWrap{outline:none;align-items:center;display:inline-flex;position:relative}.tooltipTrigger{border:1px solid var(--line);background:var(--panel);width:18px;height:18px;color:var(--muted);border-radius:999px;place-items:center;font-size:11px;font-weight:800;line-height:1;display:inline-grid}.tooltipBubble{border:1px solid var(--line);background:var(--ink);color:#f8f8f8;color:lab(97.68% -.0000298023 .0000119209);opacity:0;pointer-events:none;min-width:220px;max-width:280px;box-shadow:var(--shadow);z-index:5;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.45;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.tooltipWrap:hover .tooltipBubble,.tooltipWrap:focus-visible .tooltipBubble,.tooltipWrap:focus .tooltipBubble{opacity:1}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);resize:vertical;border-radius:10px;outline:none;padding:11px 12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent)18%,transparent)}.placementGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.checkItem{border:1px solid var(--line);background:var(--bg);border-radius:10px;align-items:center;gap:9px;padding:11px 12px;font-size:14px;display:flex}.checkItem input{accent-color:var(--accent)}.actions{gap:10px;padding-top:8px;display:flex}.button{border:1px solid #0000;border-radius:10px;padding:10px 14px;font-weight:750;transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .16s cubic-bezier(.16,1,.3,1)}.button:active{transform:scale(.98)}.button:disabled{cursor:not-allowed;opacity:.62}.buttonPrimary{background:var(--accent);color:#fff}.buttonPrimary:hover{background:var(--accent-strong)}.buttonSubtle{background:var(--panel);border-color:var(--line);color:var(--ink)}.buttonBlock{text-align:center;justify-content:center;width:100%}.previewCard{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.previewMedia{background:linear-gradient(135deg,var(--panel-2),var(--bg));min-height:180px;color:var(--muted);place-items:center;font-weight:800;display:grid}.previewMedia img,.previewMedia video{object-fit:cover;width:100%;height:180px;display:block}.previewBody{gap:8px;padding:16px;display:grid}.previewBody span{color:var(--muted);font-size:12px;font-weight:700}.previewBody strong{font-size:20px;line-height:1.2}.previewBody p{color:var(--muted);margin:0;line-height:1.45}.previewBody em{color:var(--accent-strong);font-style:normal;font-weight:800}.logicBox{border-top:1px solid var(--line);padding-top:18px}.logicBox h3{margin:0 0 8px}.logicBox p{margin:0;line-height:1.55}.logicBox code{color:var(--ink);font-size:12px}.siteStatsList{gap:12px;display:grid}.siteStatCard{border:1px solid var(--line);background:var(--bg);border-radius:10px;gap:10px;padding:14px;display:grid}.siteStatHeader{gap:4px;display:grid}.siteStatHeader strong{font-size:15px}.siteStatHeader span,.siteStatMeta,.siteStat dt{color:var(--muted)}.siteStatGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.siteStat{gap:2px;display:grid}.siteStat dt{font-size:12px;font-weight:700}.siteStat dd{color:var(--ink);margin:0;font-size:16px;font-weight:800}.siteStatMeta{margin:0;font-size:12px;line-height:1.45}.siteStatMeta code{color:var(--ink);font-size:12px}.siteSnippet{white-space:pre-wrap;word-break:break-word;color:var(--accent-strong);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;display:block;overflow:auto}.sitesShell{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.sitesTopbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px;display:flex}.sitesTopbarTitle{gap:8px;display:grid}.sitesTopbarTitle h1{letter-spacing:-.02em;margin:0;font-size:32px}.sitesTopbarTitle p:last-child{color:var(--muted);max-width:720px;margin:0;line-height:1.5}.sitesPanel{padding:28px}.sitesEmpty{border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel);gap:6px;padding:24px;display:grid}.sitesEmpty span{color:var(--muted)}.sitesTableWrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:auto}.sitesTable{border-collapse:collapse;width:100%;min-width:960px}.sitesTable th,.sitesTable td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px 16px;font-size:14px}.sitesTable thead th{background:var(--panel);z-index:1;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:800;position:sticky;top:0}.sitesTable tbody tr:last-child td{border-bottom:0}.sitesCellStack{gap:4px;display:grid}.sitesCellStack span{color:var(--muted);font-size:12px}.sitesTable code{color:var(--ink);font-size:12px}.loginShell{background:linear-gradient(135deg,color-mix(in oklch,var(--accent)10%,transparent),transparent 42%),var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.loginPanel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:min(100%,430px);box-shadow:var(--shadow);padding:26px}.loginBrand{align-items:center;gap:14px;display:flex}.loginLogo{border:1px solid var(--line);background:var(--panel);border-radius:12px;place-items:center;width:58px;height:58px;display:grid;overflow:hidden}.loginLogo img{object-fit:contain;width:84%;height:84%;display:block}.loginBrand h1{letter-spacing:-.03em;margin:0;font-size:32px;line-height:1}.loginCopy{color:var(--muted);margin:20px 0 24px;line-height:1.55}.loginForm{gap:14px;display:grid}.loginError{border:1px solid color-mix(in oklch,var(--danger)32%,var(--line));background:color-mix(in oklch,var(--danger)9%,var(--panel));color:var(--danger);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:700}@media (max-width:1100px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.contentGrid{grid-template-columns:1fr}.previewPanel{position:static}}@media (max-width:720px){.topbar{flex-direction:column;align-items:flex-start;padding:18px;position:static}.topbar code{max-width:calc(100vw - 36px)}.sitesTopbar,.contentGrid,.sidebar{padding:18px}.formGrid{grid-template-columns:1fr}.tooltipBubble{min-width:min(260px,100vw - 72px);max-width:min(280px,100vw - 72px);top:calc(100% + 10px);left:0;transform:none}.actions,.brandBlock,.sectionTitle,.topbarActions,.sitesTopbar{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
