/* ETAP_CSP_PHASE5_v2_DOM_v1 — 10 rules restored from JS syntax via DOM property assignment */
/* ETAP_CSP_PHASE5_v1_JS_DYN — auto-generated from JS string-literal style=20260513_085657 */

.csp5-04c89d7ca8 { color:#71717a; font-weight:500 }
.csp5-0b0e78c13b { font-size:10px;font-weight:700;color:#854f0b;background:#fef3c7;padding:3px 8px;border-radius:10px;pointer-events:none }
.csp5-2285bd973e { padding:10px 12px }
.csp5-2611109158 { font-size:13px; font-weight:900; color:#18181b }
.csp5-28e03f8ba1 { color:#16a34a; font-weight:700 }
.csp5-2dd989f768 { height:120px; display:flex; align-items:center; justify-content:center; font-size:48px }
.csp5-3d0a107897 { font-size:13px; font-weight:700; color:rgba(255,255,255,.95); line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.csp5-40dc78612e { height:56px; position:relative }
.csp5-42afcae205 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:48px; height:48px; background:rgba(255,255,255,0.55); border-radius:50% }
.csp5-46bf35ff06 { white-space:nowrap; padding:6px 14px; border-radius:20px; font-size:11px; font-weight:700; cursor:pointer; transition:all 0.15s; text-transform:uppercase; letter-spacing:0.5px; display:inline-flex; align-items:center }
.csp5-4e330d89c1 { display:grid;grid-template-columns:1fr 1fr;gap:10px }
.csp5-4e52984fba { flex:1; padding:6px; border:none; border-radius:6px; font-size:11px; font-weight:700; cursor:pointer }
.csp5-532d6b7999 { cursor:pointer; border:2px solid #e4e4e7; border-radius:10px; overflow:hidden; transition:border-color 0.15s; background:#fff; position:relative }
.csp5-562dfc03c8 { width:100%; height:90px; object-fit:cover; display:block }
.csp5-57017195ea { font-size:11px; color:#71717a; font-weight:600; margin-top:2px }
.csp5-570f1af15c { margin-top:16px;padding:10px;background:#f4f4f5;border-radius:10px;text-align:center }
.csp5-5830abeb15 { display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;margin-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:wrap }
.csp5-5befcfc211 { height: 64px }
.csp5-5f9e890100 { font-size:20px; line-height:1; flex-shrink:0 }
.csp5-61229ec09a { text-align:center; padding:40px; color:#ef4444; font-size:13px }
.csp5-642e870fe2 { position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:250px;padding:12px 14px;background:#18181b;color:#fff;font-size:12px;font-weight:500;border-radius:12px;opacity:0;visibility:hidden;transition:all 0.2s;z-index:100;pointer-events:none;text-align:left;line-height:1.5;box-shadow:0 8px 24px rgba(0,0,0,0.3) }
.csp5-70393b5988 { position:absolute; top:4px; right:4px; width:18px; height:18px; background:rgba(0,0,0,0.5); color:#fff; border:none; border-radius:9px; font-size:11px; cursor:pointer; line-height:1; padding:0 }
.csp5-7346ec2efb { padding:6px 8px; font-size:10px; font-weight:700; color:#18181b }
.csp5-78d08c41d7 { font-size:10px;color:#a1a1aa;font-weight:600;text-transform:uppercase;letter-spacing:0.5px }
.csp5-825d2a84a3 { text-align:center; color:rgba(255,255,255,.4); font-size:11px; font-weight:700; padding:12px 0 }
.csp5-829299a66f { min-width:0; flex:1 }
.csp5-85160ecbef { position:absolute; top:8px; right:8px; font-size:9px; font-weight:700; padding:2px 8px; border-radius:8px; text-transform:uppercase; letter-spacing:0.3px }
.csp5-8677744d08 { margin-bottom:24px }
.csp5-881f70f973 { font-size:22px }
.csp5-8a561aa1a1 { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:12px }
.csp5-8b83f2ce42 { font-size:13px; font-weight:700; color:#fcd34d; font-variant-numeric:tabular-nums; flex-shrink:0; white-space:nowrap }
.csp5-8cc45b9ca0 { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:8px 4px; border-radius:6px; cursor:pointer; font-size:10px; line-height:1.2; color:#27272a }
.csp5-8e33ee586e { grid-column:1/-1; text-align:center; padding:18px; color:#71717a; font-size:12px }
.csp5-8fd4574efd { color:#71717a; font-size:11px; padding:12px; text-align:center; font-weight:600 }
.csp5-905d8b3da3 { margin-bottom:18px }
.csp5-914af46ad0 { font-size:13px;font-weight:800;color:#18181b;margin-bottom:3px;pointer-events:none }
.csp5-a05a72d108 { cursor:pointer; border:2px solid #e4e4e7; border-radius:14px; overflow:hidden; transition:all 0.2s; background:#fff }
.csp5-a20dbde9ce { position:absolute; bottom:30px; left:4px; right:4px; padding:2px 5px; background:rgba(245,158,11,0.95); color:#fff; font-size:8px; font-weight:800; border-radius:3px; text-align:center; letter-spacing:0.02em }
.csp5-ae80523ab9 { margin-left:4px; background:#fff; border-radius:50%; width:16px; height:16px; display:inline-flex; align-items:center; justify-content:center; font-size:9px; font-weight:900 }
.csp5-af1c87cba4 { height:52px; flex-shrink:0; display:flex; align-items:center; gap:10px; padding: 0 2px }
.csp5-b2e6a96015 { display:block;margin:0 auto }
.csp5-bf751872b5 { font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:0.08em; color:#71717a; margin-bottom:8px; padding:0 4px }
.csp5-c0220afe3e { position:absolute; top:4px; right:4px; padding:2px 5px; background:rgba(0,0,0,0.7); color:#fff; font-size:8px; font-weight:800; border-radius:3px }
.csp5-c1f9f5dba2 { margin:0 0 8px 2px; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:0.08em; color:#71717a }
.csp5-c912081463 { text-align:center; padding:40px; color:#71717a; font-size:13px }
.csp5-d959d6f17c { font-size:28px;display:block;margin-bottom:8px;pointer-events:none }
.csp5-dcedaa0c32 { background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:14px;padding:10px 14px;margin-bottom:12px;font-size:12px;font-weight:700;color:#92400e;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.05) }
.csp5-de9b438b9f { position:relative; border-radius:14px; padding:14px 12px; cursor:pointer; transition:all 0.15s; user-select:none }
.csp5-df3234fdf8 { font-size:9px;color:#d4d4d8 }
.csp5-e2b70f3f6b { font-size:11px; font-weight:600; color:rgba(255,255,255,.5); line-height:1.2; margin-top:2px }
.csp5-e30cb96939 { padding:6px 8px; font-size:10px; font-weight:700; color:#18181b; line-height:1.3 }
.csp5-e3e510e1f7 { font-size:10px;color:#71717a;line-height:1.4;margin-bottom:8px;min-height:28px;pointer-events:none }
.csp5-e855e639a4 { position:absolute; top:6px; left:6px; color:#fff; font-size:10px; font-weight:900; padding:3px 7px; border-radius:5px }
.csp5-eb9b5126cc { display:flex; gap:6px; margin-bottom:14px; padding:4px; background:#f4f4f5; border-radius:8px }
.csp5-ef18379ba1 { margin-top:6px; font-size:11px; font-weight:600; opacity:.78 }
.csp5-efe5be940b { display:grid; grid-template-columns:repeat(2, 1fr); gap:8px }
.csp5-f06ecb463d { margin:0 0 10px 2px; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:0.08em; color:#71717a }
.csp5-f12c6cb64a { cursor:pointer; border-radius:10px; overflow:hidden; margin-bottom:8px; background:#fff; position:relative }
.csp5-f343d45d3e { text-align:center; word-break:break-word }
.csp5-fd651e7615 { position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#18181b }
.csp5-fed1fe62ec { font-weight:700;color:#fbbf24;margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:0.5px }

/* ETAP_TEMPLATES_CSP_FIX_v1: hover для .sp-tpl-card (inline onmouseover убран — CSP strict) */
.sp-tpl-card:hover { border-color: #18181b !important; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.1); }

/* ETAP_TEMPLATE_PREVIEW_SVG_v1 — превью-миниатюра шаблона (SVG fill контейнер 120px) */
.sp-tpl-preview-box { padding:0 !important; overflow:hidden !important; }
.sp-tpl-preview-img { width:100%; height:100%; object-fit:contain; display:block; pointer-events:none; }