.scopePicker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.scope{min-height:92px;padding:14px;border:1px solid #dfe2ea;border-radius:12px;background:white;text-align:left;color:var(--ink)}.scope:hover{border-color:#bdb6ff}.scope.selected{border:2px solid var(--purple);padding:13px;background:#f5f3ff;box-shadow:0 0 0 3px #6658e810}.scope b{display:block;font-size:13px}.scope span{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.35}.scopeNote{display:none;margin:10px 0 4px;padding:13px 14px;border-radius:10px;background:#f2f0ff;color:#5549d2;font-size:12px;font-weight:650}.scopeNote.show{display:block}@media(max-width:650px){.scopePicker{grid-template-columns:1fr}.scope{min-height:auto}}

.sideBottom{position:absolute;left:18px;right:18px;bottom:22px}.accountCard{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:11px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}.accountCard:hover{border-color:#c9c3ff;background:#faf9ff}.accountAvatar{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#ffb45f,#ee3f7a 53%,#7158e7);color:#fff;font-size:18px}.accountCard span:last-child{min-width:0}.accountCard b,.accountCard small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountCard b{font-size:12px}.accountCard small{margin-top:1px;color:var(--green);font-size:10px;letter-spacing:0}.sideBottom .localeLabel,.sideBottom .localeSelect,.sideBottom .account{position:static}.sideBottom .localeLabel{display:block;margin:0 0 5px 3px}.sideBottom .localeSelect{width:100%}.sideBottom #logout{display:block;margin-top:5px}.sideBottom #logout[hidden]{display:none}.workspaceGrid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;align-items:start}.planCard{position:sticky;top:24px;padding:23px}.planTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.planTop span{padding:5px 8px;border-radius:999px;background:#eeeaff;color:#594dd8;font-size:9px;font-weight:850;letter-spacing:.08em}.planTop>b{font-size:12px}.planCard h2{margin-top:19px;font-size:20px}.planCard>p{font-size:13px}.usageHead{display:flex;justify-content:space-between;gap:12px;margin-top:24px;font-size:11px}.usageHead span{color:var(--muted)}.usageBar{height:7px;margin-top:8px;border-radius:20px;background:#ececf2;overflow:hidden}.usageBar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7d70f1,#df61a2);transition:width .3s}.planCard>small{display:block;margin-top:9px;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:0;line-height:1.45}.planDivider{height:1px;margin:21px 0;background:var(--line)}.planCard>p+span,.planCard>.button{display:block;margin-top:16px;text-align:center}.planCard .disabled{cursor:default;background:#ebeaf1;color:#7c7b86;box-shadow:none}@media(max-width:1050px){.workspaceGrid{grid-template-columns:1fr}.planCard{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.planTop,.planCard h2,.planCard>p,.usageHead,.usageBar,.planCard>small{grid-column:1}.planDivider,.planCard> b,.planCard>.button{grid-column:2}.planDivider{grid-row:1;margin:0;opacity:0}.planCard> b{grid-row:2;align-self:end}.planCard>.button{grid-row:4;align-self:end}}@media(max-width:700px){.sideBottom{position:static;display:flex;align-items:center;margin-left:auto}.accountCard{margin:0;padding:7px;border:0}.accountCard small,.sideBottom .localeLabel,.sideBottom #logout{display:none}.sideBottom .localeSelect{width:105px}.workspaceGrid{display:block}.planCard{display:block;margin-top:16px}.planDivider{margin:21px 0;opacity:1}}

.fieldWithCount{position:relative}.fieldWithCount textarea{min-height:105px;resize:vertical}.fieldWithCount>small{position:absolute;right:10px;bottom:9px;padding:2px 5px;border-radius:5px;background:#ffffffdd;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:0}.fieldWithCount input{padding-right:60px}.linkToggle{display:flex!important;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 13px!important;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:#fafaff}.linkToggle>span{min-width:0}.linkToggle b{font-size:14px!important}.linkToggle small{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:400;line-height:1.4}.linkToggle input{width:38px;height:20px;flex:0 0 auto;accent-color:var(--purple)}#linkField[hidden]{display:none}.subLabel{margin:0 0 9px!important}.subLabel b{font-size:14px!important}.drawer label{display:flex;justify-content:space-between;align-items:center}.drawer label span{color:var(--muted);font-size:11px}.drawer .fieldWithCount textarea{padding-bottom:28px}.drawer #drawerError{clear:both}
.extraField{margin-top:8px}
.publicPreview{margin-top:18px;padding:13px;border-radius:12px;background:#f6f5fb}.publicPreview small{color:var(--muted);font-size:9px}.publicPreview p{margin-top:7px;color:var(--ink);font-size:12px}.form textarea{padding-bottom:28px}

.rule .viewRule{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--purple);font-size:12px;font-weight:750}.detailBack{margin-bottom:10px}.detailToggle{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:750}.detailToggle input{width:38px;height:20px;accent-color:var(--purple)}.detailGrid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.detailCard,.detailMetrics{padding:27px}.detailItem{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.detailItem:last-child{padding:0;margin:0;border:0}.detailItem small,.detailMetrics>small{display:block;margin-bottom:7px}.detailItem b{font-size:17px}.detailItem p{color:var(--ink);white-space:pre-wrap}.detailItem a{color:var(--purple);overflow-wrap:anywhere}.detailMetrics{display:grid;gap:17px}.detailMetrics>div{padding:16px;border-radius:12px;background:#f7f7fb}.detailMetrics b,.detailMetrics span{display:block}.detailMetrics b{font-size:29px}.detailMetrics span{color:var(--muted);font-size:12px}.detailMetrics p{font-size:12px}@media(max-width:950px){.detailGrid{grid-template-columns:1fr}.detailMetrics{grid-template-columns:1fr 1fr}.detailMetrics>small,.detailMetrics>p{grid-column:1/-1}}@media(max-width:700px){.rule .viewRule{grid-column:2}.detailMetrics{grid-template-columns:1fr}}
