.swh{--bg:#0b1020;--bg2:#10172a;--surface:#121a30;--surface2:#19233c;--surface3:#202b47;--border:#2b395a;--text:#f8f9ff;--muted:#9ba9c7;--primary:#6d5dfc;--primary2:#a855f7;--green:#22c7a5;--yellow:#ffbd5a;--red:#ff6077;--blue:#4d8dff;--shadow:0 24px 70px rgba(0,0,0,.30);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);line-height:1.5}html[data-theme="light"] .swh{--bg:#f5f7fc;--bg2:#eef2f9;--surface:#fff;--surface2:#f3f5fa;--surface3:#e9edf6;--border:#d9e0ed;--text:#12182a;--muted:#65718b;--shadow:0 20px 55px rgba(36,48,80,.12)}.swh *{box-sizing:border-box}.swh a{text-decoration:none;color:inherit}.swh button{font:inherit;cursor:pointer}.swh .logo{color:var(--text)}.swh .filters:empty{display:none}.swh .template-menu-grid a.card{text-decoration:none;color:inherit;display:block}html[data-theme="light"]{--bg:#f5f7fc;--bg2:#eef2f9;--surface:#fff;--surface2:#f3f5fa;--surface3:#e9edf6;--border:#d9e0ed;--text:#12182a;--muted:#65718b;--shadow:0 20px 55px rgba(36,48,80,.12)}.swh .container{width:min(1240px,calc(100% - 32px));margin:auto}.swh{height:72px;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px)}.swh .nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.swh .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-size:21px;font-weight:900;letter-spacing:-.6px}.swh .logo-mark-img{width:36px;height:36px;display:block;object-fit:cover;border-radius:11px;box-shadow:0 6px 18px rgba(0,0,0,.22);flex:0 0 36px}.swh .navlinks{display:flex;gap:22px;color:var(--muted);font-size:14px}.swh .navlinks a{color:inherit;text-decoration:none}.swh .navlinks a:hover{color:var(--text)}.swh .nav-actions{display:flex;gap:7px;align-items:center}.swh .btn,.swh .iconbtn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 13px}.swh .iconbtn{width:42px;height:42px;padding:0}.swh .btn:hover,.swh .iconbtn:hover{border-color:rgba(109,93,252,.6)}.swh .btn.primary{border:0;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:850;box-shadow:0 10px 30px rgba(109,93,252,.25)}.swh .btn.small{font-size:12px;padding:8px 10px}.swh .btn.large{font-size:16px;padding:14px 20px}.swh .panel-tools .btn{padding:7px 9px;font-size:11.5px;border-radius:9px}.swh .panel-top2 .btn{padding:6px 10px;font-size:11.5px}.swh .filters{display:flex;gap:7px;flex-wrap:wrap}.swh .filter{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:8px 12px;border-radius:999px;font-size:12px}.swh .filter.active{color:#b6adff;border-color:rgba(109,93,252,.45);background:rgba(109,93,252,.1)}.swh .toolrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}@media(max-width:820px){.swh .navlinks{display:none}.swh .filters{margin-top:16px}}@media(max-width:650px){.swh .container{width:calc(100% - 20px)}.swh .nav-actions .create-btn{display:none}}@media(max-width:480px){.swh .wheel-head-actions .btn{display:none}}.swh .timer-menu{display:none;position:absolute;right:clamp(10px,4vw,60px);top:70px;width:min(520px,calc(100vw - 24px));padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);z-index:70}.swh .timer-menu.show{display:block}.swh .timer-menu-title{font-weight:900;margin-bottom:10px}.swh .timer-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.swh .timer-menu-grid a{padding:10px;border-radius:10px;color:var(--text);text-decoration:none;background:var(--surface2);font-size:12px;font-weight:700}.swh .timer-menu-grid a:hover{background:rgba(53,106,230,.12);color:var(--primary)}.swh .nav-link-btn{border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:800;cursor:pointer;padding:8px 4px}.swh .nav-link-btn:hover{color:var(--text)}.swh .template-menu{display:none;position:absolute;left:clamp(10px,4vw,60px);top:70px;width:min(820px,calc(100vw - 24px));max-height:78vh;overflow:auto;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);z-index:70}.swh .template-menu.show{display:block}.swh .template-menu-head{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.swh .template-menu-head strong{font-size:16px}.swh .template-menu-head span{font-size:12px;color:var(--muted)}.swh .template-menu-filters{margin-bottom:14px}.swh .template-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.swh .template-menu-grid .card{min-height:112px;padding:14px}.swh .template-menu-grid .card-icon{margin-bottom:8px;font-size:20px}.swh .template-menu-grid .card h3{font-size:13px}.swh .template-menu-grid .card p{font-size:11px}.swh .template-menu-grid .load{font-size:10px;right:10px;bottom:9px}.swh .quick-tool-group{margin-top:14px}.swh .quick-tool-group+.quick-tool-group{margin-top:16px}.swh .quick-tool-title{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}@media(max-width:700px){.swh .template-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.swh .template-menu-grid{grid-template-columns:1fr}.swh .template-menu{left:10px;right:10px;width:auto}}.swh .container{min-width:0}@media(max-width:650px){.swh{height:auto;min-height:0}.swh .container.nav{height:auto;min-height:62px;width:100%;padding:8px 12px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:center}.swh .logo{font-size:19px;gap:8px;min-width:0;justify-self:start}.swh .logo-mark-img{width:32px;height:32px;flex-basis:32px;border-radius:9px}.swh .navlinks{display:none!important}.swh .nav-actions{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;gap:7px}.swh .nav-actions>.btn,.swh .nav-actions>.iconbtn{width:100%;min-width:0;min-height:40px;padding:8px 6px;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:12px}.swh .nav-actions .create-btn{display:none!important}.swh .panel-tools>.btn{min-width:0;width:100%}.swh .panel-tools .btn{padding:9px 4px;font-size:11px;white-space:normal;line-height:1.2;min-height:38px}.swh .panel-top2 .btn{min-height:36px}.swh .timer-menu,.swh .template-menu{position:fixed;top:120px;left:10px;right:10px;width:auto;max-width:none;max-height:calc(100dvh - 135px);overflow:auto}.swh .template-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swh .timer-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swh .template-menu .toolrow{display:flex;flex-wrap:wrap;gap:6px}.swh .template-menu .toolrow .btn{max-width:100%;white-space:normal}}@media(max-width:380px){.swh .container.nav{padding-inline:9px}.swh .nav-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;gap:5px}.swh .nav-actions>.btn,.swh .nav-actions>.iconbtn{font-size:11px;padding:7px 3px}.swh .template-menu-grid{grid-template-columns:1fr}}.sw-foot{--f-bg:#10172a;--f-text:#f8f9ff;--f-link:#c9d1e6;--f-muted:#9ba9c7;--f-border:#2b395a;border-top:1px solid var(--f-border);margin-top:48px;padding:46px 0 24px;background:var(--f-bg);font-family:inherit;color:var(--f-text)}html[data-theme="light"] .sw-foot{--f-bg:#eef2f9;--f-text:#12182a;--f-link:#3d4a66;--f-muted:#65718b;--f-border:#d9e0ed}.swf-in{width:min(1180px,calc(100% - 48px));margin:auto}.swf-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.sw-foot .swf-h{display:inline-block;margin:0 0 20px;padding-bottom:6px;font-size:22px;font-weight:700;color:var(--f-text);border-bottom:2px solid #2f80c8}.sw-foot a,.sw-foot button{display:block;color:var(--f-link);font:inherit;font-size:17px;text-decoration:none;padding:9px 0;background:none;border:0;cursor:pointer;text-align:left}.sw-foot a:hover,.sw-foot button:hover{color:var(--f-text)}.swf-copy{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:30px 0 0;padding-top:18px;border-top:1px solid var(--f-border);font-size:13px;color:var(--f-muted)}.swf-copy a,.swf-copy button{display:inline;font-size:13px;padding:0 0 0 14px;color:var(--f-muted)}@media(max-width:700px){.swf-cols{grid-template-columns:1fr;gap:24px}}