.sd{min-height:100vh;background:#f1f5f4;flex-direction:column}.sd,.sd-top{display:flex}.sd-top{flex:none;background:#fff;border-bottom:1px solid #e5eaea;padding:11px 20px;align-items:center;gap:14px;position:sticky;top:0;z-index:20}.sd-top .lg{width:32px;height:32px;border-radius:10px;background:#059669;color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;flex:none}.sd-top .tt{font-size:15px;font-weight:800;letter-spacing:-.01em}.sd-top .tt span{color:#059669}.sd-top .sb{font-size:11.5px;font-weight:600;color:#94a3b8}.sd-saved{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;padding:6px 12px;border-radius:99px;white-space:nowrap}.sd-saved i{width:6px;height:6px;border-radius:99px;background:#059669;display:block}.sd-pub{background:#059669;color:#fff;border:none;border-radius:11px;padding:10px 18px;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer;white-space:nowrap}.sd-pub:hover{background:#047857}.sd-pub:disabled{opacity:.55;cursor:not-allowed}.sd-grid{flex:1;min-height:0;display:grid;grid-template-columns:270px 380px minmax(0,1fr);gap:14px;padding:14px}.sd-card{background:#fff;border:1px solid #e5eaea;border-radius:18px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.sd-card h3{flex:none;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#94a3b8;padding:15px 16px 10px}.sd-scroll{flex:1;overflow-y:auto;padding:0 12px 14px}.sd-scroll::-webkit-scrollbar{width:5px}.sd-scroll::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:9px}.sd-grp{margin-bottom:6px}.sd-grph{display:flex;align-items:center;gap:7px;padding:8px 8px 5px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#cbd5e1}.sd-grph button{margin-left:auto;background:none;border:none;color:#059669;font:inherit;font-size:11px;font-weight:800;cursor:pointer;padding:2px 5px;border-radius:6px}.sd-grph button:hover{background:#ecfdf5}.sd-it{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:11px;cursor:pointer;font-size:13px;font-weight:600;color:#475569;width:100%;border:none;background:none;text-align:left;font-family:inherit}.sd-it:hover{background:#f8fafc}.sd-it.on{background:#ecfdf5;color:#065f46;font-weight:700}.sd-it .dot{width:26px;height:26px;border-radius:8px;background:#f1f5f9;flex:none;background-size:cover;background-position:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:#94a3b8}.sd-it.on .dot{background:#059669;color:#fff}.sd-it .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-it .del{opacity:0;background:none;border:none;color:#cbd5e1;cursor:pointer;font-size:16px;line-height:1;padding:2px 4px}.sd-it:hover .del{opacity:1}.sd-it .del:hover{color:#ef4444}.sd-it .cnt{flex:none;font-size:10px;font-weight:800;color:#94a3b8;background:#f1f5f9;border-radius:99px;padding:2px 7px}.sd-it.on .cnt{background:#d1fae5;color:#047857}.sd-it.dragging{opacity:.4}.sd-it.over{box-shadow:inset 0 2px 0 #059669}.sd-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sd-vig{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#f1f5f9}.sd-vig img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sd-vig .tete{bottom:4px;left:4px;background:rgba(5,150,105,.94);font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:2px 6px;border-radius:99px}.sd-vig .tete,.sd-vig .x{position:absolute;color:#fff}.sd-vig .x{top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:none;background:rgba(15,23,42,.74);font-size:13px;line-height:1;cursor:pointer;display:grid;place-items:center}.sd-vig .x:hover{background:#ef4444}.sd-tabs{flex:none;display:flex;gap:5px;padding:0 12px 10px}.sd-tabs button{flex:1;padding:8px;border-radius:10px;border:none;background:#f1f5f9;font:inherit;font-size:12.5px;font-weight:700;color:#64748b;cursor:pointer}.sd-tabs button.on{background:#059669;color:#fff}.sd-l{display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin:15px 0 6px}.sd-in,.sd-ta{width:100%;border:1.5px solid #e2e8f0;border-radius:11px;padding:10px 12px;font:inherit;font-size:13.5px;font-weight:600;color:#0f172a;outline:none;background:#fff}.sd-in:focus,.sd-ta:focus{border-color:#059669}.sd-ta{resize:vertical;line-height:1.55}.sd-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sd-drop{border:2px dashed #d7e0dd;border-radius:14px;height:132px;display:grid;place-items:center;cursor:pointer;position:relative;overflow:hidden;background:#fafbfb}.sd-drop.hot,.sd-drop:hover{border-color:#059669;background:#f0fdf7}.sd-drop .ph{text-align:center;pointer-events:none}.sd-drop .ph b{display:block;font-size:12.5px;font-weight:800;color:#475569}.sd-drop .ph span{font-size:11px;font-weight:600;color:#94a3b8}.sd-drop img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sd-drop .rm{position:absolute;top:7px;right:7px;background:rgba(15,23,42,.72);color:#fff;border:none;border-radius:8px;padding:4px 9px;font:inherit;font-size:10.5px;font-weight:800;cursor:pointer;z-index:2}.sd-drop input{display:none}.sd-drop .up{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.86);font-size:12px;font-weight:800;color:#059669}.sd-swr{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.sd-sw{width:32px;height:32px;border-radius:10px;border:2.5px solid transparent;cursor:pointer}.sd-sw.on{border-color:#0f172a}.sd-swc{width:32px;height:32px;border-radius:10px;border:1.5px solid #cbd5e1;display:grid;place-items:center;cursor:pointer;color:#94a3b8;position:relative;font-size:15px;font-weight:800}.sd-swc input{position:absolute;inset:0;opacity:0;cursor:pointer}.sd-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sd-st{padding:9px 6px;border-radius:11px;border:1.5px solid #e2e8f0;background:#fff;font:inherit;font-size:11.5px;font-weight:700;color:#64748b;cursor:pointer}.sd-st.on{border-color:#059669;background:#ecfdf5;color:#065f46}.sd-hint{margin-top:16px;background:#f8fafc;border-radius:12px;padding:12px 13px;font-size:11.5px;font-weight:600;color:#64748b;line-height:1.5}.sd-hint b{color:#0f172a;display:block;margin-bottom:2px;font-size:12px}.sd-empty{padding:40px 20px;text-align:center;color:#94a3b8;font-size:13px;font-weight:600;line-height:1.6}.sd-err{margin-top:10px;background:#fef2f2;border:1px solid #fecaca;border-radius:11px;padding:10px 12px;font-size:12.5px;font-weight:600;color:#b91c1c}.sd-pv{background:linear-gradient(180deg,#fff,#eef1ee);align-items:center;padding:16px 0 22px}.sd-screens{flex:none;display:flex;gap:5px;background:#f1f5f9;border-radius:11px;padding:4px;margin-bottom:14px}.sd-screens button{padding:7px 15px;border-radius:8px;border:none;background:none;font:inherit;font-size:12px;font-weight:700;color:#64748b;cursor:pointer}.sd-screens button.on{background:#fff;color:#059669}.sd-phone{background:#0b0d0c;border-radius:38px;padding:9px;box-shadow:0 30px 60px -25px rgba(15,23,42,.45)}.sd-frame{width:330px;height:620px;border:none;border-radius:30px;background:#f4f6f5;display:block}.sd-ov{position:fixed;inset:0;background:rgba(15,23,42,.55);display:grid;place-items:center;z-index:50;padding:20px}.sd-md{background:#fff;border-radius:22px;padding:28px;max-width:440px;width:100%}.sd-md h2{font-size:20px;font-weight:800;letter-spacing:-.02em}.sd-md .p{font-size:13px;font-weight:600;color:#64748b;margin:7px 0 16px;line-height:1.55}.sd-md .go{width:100%;background:#059669;color:#fff;border:none;border-radius:12px;padding:13px;font:inherit;font-size:14.5px;font-weight:800;cursor:pointer;margin-top:11px}.sd-md .go:disabled{opacity:.6;cursor:not-allowed}.sd-link{display:flex;align-items:center;gap:10px;background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:12px;padding:12px 14px;margin-top:14px}.sd-link b{flex:1;font-size:13px;font-weight:800;color:#047857;overflow:hidden;text-overflow:ellipsis}.sd-qr{display:flex;gap:14px;align-items:center;margin-top:12px;background:#f8fafc;border-radius:12px;padding:13px}.sd-qr img{width:96px;height:96px;border-radius:8px;background:#fff}.sd-qr .tx{font-size:11.5px;font-weight:600;color:#64748b;line-height:1.5}.sd-qr .tx b{display:block;font-size:12.5px;font-weight:800;color:#0f172a;margin-bottom:2px}@media (max-width:1080px){.sd-grid{grid-template-columns:1fr}.sd-card{max-height:460px}.sd-pv{max-height:none}}