.detailed-showcase{--dash-accent:#c927f4;display:grid;grid-template-columns:115px minmax(0,1fr);position:relative;overflow:visible;border:1px solid #563366;background:linear-gradient(140deg,#121019,#0b0b10);box-shadow:0 0 0 4px #1a1428,0 20px 70px #8f21cb22;border-radius:10px;isolation:isolate}.dash-sidebar{padding:13px 8px 8px;border-right:1px solid #33203c;display:flex;flex-direction:column;background:linear-gradient(180deg,#19101f88,#0c0c12);border-radius:10px 0 0 10px}.dash-brand{display:flex;align-items:center;gap:7px;padding:2px 5px 17px;font-size:16px;letter-spacing:1px;line-height:1.1;font-style:italic;font-weight:800}.dash-logo{font-size:28px;font-style:normal;font-weight:900;color:var(--dash-accent);text-shadow:0 0 15px #e02bf160}.dash-brand small{display:block;font-size:5px;font-style:normal;letter-spacing:1px;color:#aa85bc;margin-top:4px}.dash-section-label{font-size:6px;color:#806b91;letter-spacing:1px;margin:1px 6px 6px}.dash-category,.dash-action{display:flex;align-items:center;gap:6px;background:transparent;border:0;color:#9b89ae;font-size:8px;padding:8px 6px;border-radius:4px;text-align:left}.dash-category>span{font-size:11px;min-width:12px;text-align:center}.dash-category small{font-size:6px;margin-left:auto;color:#a482b9;background:#ffffff06;border-radius:3px;padding:0 3px}.dash-category.selected{background:linear-gradient(90deg,#b32ad437,#b32ad409);color:#e064ff;box-shadow:inset 2px 0 var(--dash-accent)}.dash-category:hover,.dash-action:hover{background:#ffffff06;color:#eee0f5}.general-label{margin-top:18px}.dash-action{font-size:8px;padding-block:7px}.dash-profile{display:flex;align-items:center;gap:6px;margin-top:auto;padding:25px 2px 3px;font-size:7px;color:#d0c1dd}.dash-profile small{display:block;font-size:6px;color:#7d6c8d}.voxel-avatar{height:25px;width:25px;flex-shrink:0;border:1px solid #709a8c;background:linear-gradient(90deg,#2e777e 35%,#6bb0bd 35%,#6bb0bd 66%,#1d4d69 66%);position:relative;image-rendering:pixelated}.voxel-avatar:before{content:'';position:absolute;top:3px;left:7px;width:11px;height:11px;background:#d3b18d;border-top:4px solid #624e3e}.voxel-avatar:after{content:'';position:absolute;left:7px;bottom:0;width:11px;height:9px;background:#8eb5da}.profile-status{width:4px;height:4px;border-radius:50%;background:#5bcea4;margin-left:auto;box-shadow:0 0 7px #58dda666}.dash-workspace{min-width:0;padding:8px;position:relative}.dash-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 4px 11px;color:#ada1bb;font-size:8px}.dash-topbar b{font-weight:600;color:#e9deef}.dash-topbar small{display:block;font-size:6px;color:#725d88;margin-top:2px}.dash-clock{color:var(--dash-accent);font-size:8px;font-weight:700}.dash-search{display:flex;align-items:center;border:1px solid #38263f;border-radius:4px;background:#08080c;max-width:160px;min-width:0;color:#766382;gap:4px;padding:3px 5px}.dash-search input{width:100%;min-width:0;color:#c6b6d3;border:0;outline:0;background:transparent;font-size:7px;line-height:1.6}.dash-search input::placeholder{color:#8b779c}.dash-search kbd{font-size:6px;background:#2a202e;padding:0 3px;color:#a68ab8}.dash-module-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.dash-module{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:4px;border:1px solid #3b2848;border-radius:5px;padding:7px 6px;background:linear-gradient(100deg,#1c1525,#17121e);transition:border-color .15s,background .15s}.dash-module.is-on{border-color:#9531a987;box-shadow:inset 0 0 8px #d330f40a;background:linear-gradient(100deg,#33103d,#1c1128)}.dash-module-copy{min-width:0}.dash-module-copy>div{display:flex;align-items:center;gap:3px;min-width:0}.dash-module strong{font-size:8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500;color:#dcd0e7}.module-info{background:none;border:0;color:#a086b0;padding:0;font-size:7px;line-height:1;flex-shrink:0}.module-info:hover{color:white}.experimental{color:#ee565b;font-size:6px}.keybind-button{display:block;border:0;background:none;color:#856b96;padding:1px 0 0;font-size:6px;line-height:1.3}.keybind-button:hover{color:#d4b0e8}.keybind-button.listening{color:#ec9fff}.dash-switch{display:flex;align-items:center;width:21px;min-width:21px;height:11px;border:0;border-radius:20px;padding:2px;background:#30313f;transition:background .15s}.dash-switch span{height:7px;width:7px;border-radius:100%;background:#7a8190;transition:transform .15s}.dash-switch[aria-checked=true]{background:var(--dash-accent);box-shadow:0 0 9px #d82bf744}.dash-switch[aria-checked=true] span{background:#fff;transform:translateX(10px)}.dash-bottom{display:flex;align-items:center;justify-content:space-between;padding:11px 2px 3px;font-size:5px;letter-spacing:.8px;color:#83718f}.dash-bottom i{display:inline-block;width:3px;height:3px;background:#5dd5ac;border-radius:50%;margin-right:3px}.dash-count{letter-spacing:0;color:#9f82b4;font-size:6px}.dash-empty{font-size:10px;text-align:center;padding:50px 10px}.dash-mobile-tabs{display:none}.dash-settings{position:absolute;inset:45px 12px auto;background:#1b1025f5;backdrop-filter:blur(15px);border:1px solid #a53dce;border-radius:7px;padding:16px;box-shadow:0 15px 40px #000a;z-index:3}.dash-settings>div{display:flex;justify-content:space-between;align-items:center;font-size:11px}.dash-settings-close{background:none;border:0;color:#c4aad3;font-size:20px;padding:0 4px}.dash-settings label{display:block;margin-top:17px;font-size:10px;color:#aa8fbd}.dash-settings output{float:right;color:#d9b2f2}.dash-settings input{display:block;width:100%;accent-color:var(--dash-accent);margin-top:10px}.dash-settings p{font-size:8px;margin:12px 0 0}.detailed-showcase:focus-within{border-color:#9e54c0}.hero-preview .detailed-showcase{min-width:0;box-shadow:0 0 0 4px #211729,0 25px 90px #a22ac72b}.hero-preview{transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);min-width:0}.hero-preview .detailed-showcase .dash-profile{padding-top:20px}.section>.detailed-showcase{max-width:1000px}.section>.detailed-showcase .dash-module{padding:12px}.section>.detailed-showcase .dash-module strong{font-size:12px}.section>.detailed-showcase .keybind-button{font-size:9px}.section>.detailed-showcase .dash-category{font-size:10px}.section>.detailed-showcase .dash-search input{font-size:10px}.section>.detailed-showcase .dash-topbar{font-size:11px;padding-bottom:15px}.section>.detailed-showcase .dash-workspace{padding:14px}.section>.detailed-showcase .dash-bottom{font-size:7px}.section>.detailed-showcase .dash-count{font-size:8px}.hero-v2{grid-template-columns:.95fr 1.1fr;gap:35px}
@media(max-width:1000px) and (min-width:701px){.hero-v2{grid-template-columns:1fr;max-width:1000px;gap:45px;padding-top:55px}.hero-text{text-align:center}.hero-label,.hero-actions,.hero-meta{justify-content:center}.hero-preview{max-width:670px;margin:auto;width:100%}.hero-preview .dash-module{padding:10px 8px}.hero-preview .dash-module strong{font-size:10px}.hero-preview .keybind-button{font-size:8px}.hero-preview .dash-category{font-size:10px}.hero-v2 h1{font-size:66px}}
@media(max-width:700px){.hero-v2{grid-template-columns:1fr;gap:38px}.hero-preview{transform:none}.detailed-showcase{grid-template-columns:84px minmax(0,1fr)}.dash-sidebar{padding:10px 5px 7px}.dash-brand{font-size:12px;gap:4px;padding-inline:1px}.dash-logo{font-size:25px}.dash-brand small{font-size:4px;letter-spacing:.5px}.dash-category{font-size:7px;gap:4px;padding:8px 4px}.dash-category>span{font-size:9px;min-width:9px}.dash-category small{font-size:5px}.dash-action{font-size:7px;gap:4px}.dash-workspace{padding:7px}.dash-topbar{font-size:7px;gap:5px}.dash-search{max-width:105px}.dash-search input{font-size:6px}.dash-topbar small{font-size:5px}.dash-clock{font-size:6px}.dash-module-grid{gap:4px}.dash-module{padding:7px 4px;gap:3px}.dash-module strong{font-size:6.5px}.module-info{font-size:6px}.dash-switch{width:18px;min-width:18px;height:10px}.dash-switch span{width:6px;height:6px}.dash-switch[aria-checked=true] span{transform:translateX(8px)}.keybind-button{font-size:5px}.dash-profile{font-size:6px;gap:4px}.voxel-avatar{width:20px;height:22px}.dash-profile small{font-size:5px}.dash-bottom{font-size:4px;letter-spacing:.3px}.dash-count{font-size:5px}.section>.detailed-showcase .dash-module{padding:8px 5px}.section>.detailed-showcase .dash-module strong{font-size:7px}.section>.detailed-showcase .keybind-button{font-size:6px}.section>.detailed-showcase .dash-workspace{padding:7px}.section>.detailed-showcase .dash-category{font-size:7px}.section>.detailed-showcase .dash-topbar{font-size:7px}.section>.detailed-showcase .dash-search input{font-size:6px}.section>.detailed-showcase .dash-bottom{font-size:4px}.section>.detailed-showcase .dash-count{font-size:5px}}
@media(max-width:390px){.detailed-showcase{grid-template-columns:1fr}.dash-sidebar{display:none}.dash-mobile-tabs{display:flex;gap:4px;overflow-x:auto;padding:0 0 10px}.dash-mobile-tabs button{font-size:7px;padding:5px 6px;white-space:nowrap;background:#1d1326;color:#a58ab8;border:1px solid #422a50;border-radius:4px}.dash-mobile-tabs button.selected{color:#ec9fff;border-color:#b843db}.dash-module strong{font-size:8px}.keybind-button{font-size:6px}.dash-workspace{padding:10px}.dash-search{max-width:130px}.dash-search input{font-size:8px}.dash-bottom{font-size:5px}.dash-count{font-size:6px}}