.adm{background:#f4f4f6;grid-template-columns:230px 1fr;min-height:100vh;display:grid}.adm-side{color:#c9cad3;background:#1b1c24;height:100vh;padding:18px 14px;position:sticky;top:0;overflow:auto}.adm-side .brand{color:#fff;align-items:center;gap:8px;padding:4px 8px 16px;font-size:15px;font-weight:800;display:flex}.adm-side .brand span{color:#9fa3ff}.adm-side .grp{letter-spacing:.08em;color:#7c7e8c;text-transform:uppercase;padding:14px 8px 6px;font-size:11px}.adm-side a{color:#d4d5dd;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:14px;display:flex}.adm-side a:hover{background:#ffffff12;text-decoration:none}.adm-side a.on{color:#fff;background:#2f3380}.adm-side a .n{background:var(--accent);color:#fff;border-radius:999px;padding:1px 7px;font-size:11px}.adm-side .me{color:#9fa0ab;border-top:1px solid #ffffff1a;margin-top:20px;padding:10px;font-size:13px}.adm-main{min-width:0;padding:22px 28px 60px}.adm-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.adm-h h1{font-size:22px;font-weight:800}.adm-h .sub{color:var(--muted);font-size:14px}.kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.kpi{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 16px}.kpi .l{color:var(--muted);font-size:12.5px}.kpi .v{letter-spacing:-.02em;margin-top:4px;font-size:24px;font-weight:800}.kpi .v small{color:var(--muted);font-size:13px;font-weight:500}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:16px;padding:18px}.panel h2{margin-bottom:12px;font-size:16px;font-weight:700}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filters a,.filters button.f{border:1px solid var(--line2);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px}.filters a.on{background:var(--ink);color:#fff;border-color:var(--ink)}.st{border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.st.wait{color:#a86200;background:#fff4e3}.st.work{color:#2f3380;background:#eef0fb}.st.done{color:#1f7a4d;background:#e8f5ee}.st.stop{color:#74767f;background:#f1f1f3}.two{grid-template-columns:1fr 360px;align-items:start;gap:16px;display:grid}@media (max-width:1100px){.two{grid-template-columns:1fr}}@media (max-width:860px){.adm{grid-template-columns:1fr}.adm-side{height:auto;position:static}}.actions{flex-wrap:wrap;gap:6px;display:flex}.login{background:#1b1c24;place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border-radius:16px;width:360px;padding:32px}.studio{background:#e9e9ee;grid-template-columns:250px 1fr 300px;height:100vh;display:grid}.studio-left,.studio-right{border-right:1px solid var(--line);background:#fff;padding:12px;font-size:13px;overflow:auto}.studio-right{border-right:0;border-left:1px solid var(--line)}.studio-top{border-bottom:1px solid var(--line);background:#fff;grid-column:1/-1;align-items:center;gap:8px;padding:8px 12px;display:flex}.studio-top input.name{border:1px solid #0000;border-radius:6px;width:260px;padding:6px 8px;font-weight:700}.studio-top input.name:hover,.studio-top input.name:focus{border-color:var(--line2);outline:none}.studio-canvas{place-items:center;padding:30px;display:grid;position:relative;overflow:auto}.art{background:#fff;position:relative;overflow:visible;box-shadow:0 10px 40px -10px #0006}.art .trim{pointer-events:none;border:1px dashed #dc282899;position:absolute}.art .safe{pointer-events:none;border:1px dashed #2864f080;position:absolute}.art .fold{pointer-events:none;border-left:1px dashed #2864f099;position:absolute;top:0;bottom:0}.el{box-sizing:border-box;cursor:move;-webkit-user-select:none;user-select:none;position:absolute}.el.sel{outline-offset:-1px;outline:1.5px solid #2f3380}.el .hd{cursor:nwse-resize;background:#fff;border:1.5px solid #2f3380;border-radius:2px;width:10px;height:10px;position:absolute;bottom:-6px;right:-6px}.el .hd.tl{cursor:nwse-resize;inset:-6px auto auto -6px}.el .hd.tr{cursor:nesw-resize;top:-6px;bottom:auto;right:-6px}.el .hd.bl{cursor:nesw-resize;bottom:-6px;left:-6px;right:auto}.el textarea.edit{resize:none;width:100%;height:100%;font:inherit;color:inherit;text-align:inherit;line-height:inherit;letter-spacing:inherit;background:0 0;border:0;outline:2px solid #2f3380;padding:0;position:absolute;inset:0;overflow:hidden}.tool{gap:6px;margin-bottom:14px;display:grid}.tool h4{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:6px 0 2px;font-size:11.5px}.tool .r2{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tool .r3{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.tool label{color:var(--ink2);gap:3px;font-size:12px;display:grid}.tool input,.tool select{border:1px solid var(--line2);border-radius:6px;width:100%;padding:5px 7px;font-size:13px}.tool input[type=color]{height:30px;padding:0}.tool .btn{padding:6px 10px;font-size:13px}.layers{gap:2px;margin:0;padding:0;list-style:none;display:grid}.layers li{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:12.5px;display:flex}.layers li.on{background:var(--primary-l);color:var(--primary)}.layers li .t{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pages{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.pages button{border:1px solid var(--line2);background:#fff;border-radius:6px;padding:4px 10px;font-size:12px}.pages button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.tpl-pick{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tpl-pick button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;padding:8px;font-size:12px}.tpl-pick button:hover{border-color:var(--primary)}.tpl-pick b{font-size:12.5px;display:block}.swatches{flex-wrap:wrap;gap:4px;display:flex}.swatches button{border:1px solid #00000026;border-radius:4px;width:20px;height:20px;padding:0}
