.breadcrumb .breadcrumb-root{margin:0}.command-trigger{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid #755697;border-radius:10px;padding:8px 12px;background:linear-gradient(120deg,#3c265e,#352f58);color:#eee3ff;font-size:13px;position:relative;overflow:hidden}.command-trigger:hover{border-color:#c59bf5;background:linear-gradient(120deg,#533477,#453a77);box-shadow:0 0 22px #9e66ff25}.command-trigger svg{width:17px;height:17px}.command-trigger kbd{font-size:10px;border:1px solid #9b7cb454;color:#d4b7f5;border-radius:4px;padding:1px 4px;margin-left:6px}.primary-link,.primary-button{position:relative;overflow:hidden}.click-ripple{position:absolute;width:8px;height:8px;background:#ffffff55;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);animation:ripple .6s ease-out forwards}.featured-tier .click-ripple,.primary-link .click-ripple{background:#aa71e448}@keyframes ripple{to{transform:translate(-50%,-50%) scale(36);opacity:0}}
.tool-grid,.quick-start{perspective:1000px}.tool-card,.featured{--pointer-x:50%;--pointer-y:50%;--rotate-x:0deg;--rotate-y:0deg;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s}.tool-card.tracking,.featured.tracking{transform:rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) translateY(-3px);transition:transform .08s linear,border-color .2s,box-shadow .2s}.tool-card::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),#eee0ff16 0,transparent 65%);transition:opacity .3s}.tool-card.tracking::after{opacity:1}.featured.tracking::after{inset:0;right:0;bottom:0;left:0;top:0;width:auto;height:auto;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),#fff3 0,transparent 62%)}.tool-card.tracking .tool-icon{box-shadow:0 8px 26px color-mix(in srgb,var(--accent) 38%,transparent),inset 0 1px 0 #ffffff60}.tool-card:focus-within{border-color:var(--accent)}
.command-dialog{width:min(640px,calc(100% - 28px));padding:0;border-radius:19px;background:linear-gradient(145deg,#27203d,#161a31);border-color:#765792;box-shadow:0 25px 100px #03030cbb;overflow:hidden}.command-heading{padding:22px 22px 14px;display:flex;align-items:center;gap:10px;color:#cfafff}.command-heading h2{font-size:19px;font-weight:600;margin:0;color:#f7f0ff}.command-heading>.icon-button{margin-left:auto;width:33px;height:33px}.command-heading>span svg{width:20px;height:20px}.command-search{display:flex;align-items:center;gap:12px;margin:0 20px 12px;padding:11px 13px;border-radius:10px;background:#0e1027;border:1px solid #6b4e86;color:#bf98ed}.command-search:focus-within{border-color:#b083eb;box-shadow:0 0 0 3px #ac7ed21b}.command-search input{background:transparent;border:0;outline:none;color:#f6efff;min-width:0;flex:1;font-size:16px;line-height:1.6}.command-search input:focus-visible{outline:none}.command-search input::placeholder{color:#aaa0be}.command-search kbd{font-size:10px;color:#b3a3c9}.command-dialog ul{list-style:none;padding:0 12px;margin:0;max-height:min(430px,50dvh);overflow-y:auto}.command-dialog li{display:flex;align-items:center;gap:13px;padding:13px 14px;min-height:75px;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:background .14s,border-color .14s}.command-dialog li.selected{background:linear-gradient(110deg,#57366b88,#42346277);border-color:#9c70bf55}.command-tool-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--accent) 22%,#25233e);color:color-mix(in srgb,var(--accent) 65%,white);border:1px solid color-mix(in srgb,var(--accent) 42%,#32283e);flex-shrink:0}.command-tool-icon svg{width:21px;height:21px}.command-tool-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.command-tool-copy strong{font-size:14px;font-weight:600;color:#f1eafa}.command-tool-copy>span{font-size:11px;color:#bab0cb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-mode{font-size:10px;color:#beaacf;white-space:nowrap;border-radius:5px;border:1px solid #76618650;padding:3px 7px}.command-dialog li>svg{width:15px;height:15px;color:#b5a1c9}.command-empty{text-align:center;color:#bfb0ce;padding:35px 20px;font-size:14px;margin:0}.command-footer{display:flex;align-items:center;gap:17px;background:#0e102780;border-top:1px solid #69507b50;padding:13px 22px;font-size:10px;color:#ac9dbf}.command-footer span:last-child{margin-left:auto}.command-footer kbd{font-family:inherit;color:#d6c9e5;background:#30273e;border:1px solid #634f7580;border-radius:3px;padding:1px 4px;margin-right:3px}
.workspace-dialog{width:min(1280px,calc(100vw - 42px));height:min(870px,calc(100dvh - 44px));max-height:calc(100dvh - 44px);padding:0;border-radius:18px;background:#14172d;overflow:hidden;border:1px solid #82619d;box-shadow:0 35px 120px #010312c0}.workspace-toolbar{display:flex;align-items:center;gap:12px;padding:15px 20px;min-height:82px;background:linear-gradient(110deg,#2b2342,#1e263e);border-bottom:1px solid #74608655}.workspace-tool-icon{display:grid;place-items:center;width:41px;height:41px;background:linear-gradient(140deg,#8d5ddb,#bc58ae);color:#fff;border-radius:12px;flex-shrink:0}.workspace-toolbar h2{font-size:18px;font-weight:600;margin:0 0 3px;line-height:1.4}.workspace-subtitle{font-size:11px;color:#bdafcd}.workspace-window-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.workspace-window-actions a{font-size:12px;min-height:38px;display:flex;align-items:center}.workspace-window-actions .icon-button{width:38px;height:38px}.workspace-frame-area{height:calc(100% - 82px);position:relative;background:#fff}.workspace-frame-area iframe{width:100%;height:100%;border:0;display:block}.workspace-loader{position:absolute;inset:0;z-index:1;display:grid;place-content:center;justify-items:center;background:#101326;color:#c5b5dd}.workspace-loader p{font-size:14px;margin:15px 0}.loader-ring{width:37px;height:37px;border-radius:50%;border:3px solid #3a2f55;border-top-color:#b58aee;animation:loader 1s linear infinite}@keyframes loader{to{transform:rotate(360deg)}}
@media(max-width:1020px){.command-trigger>span:not([data-icon]),.command-trigger kbd{display:none}.command-trigger{min-width:42px;padding:8px 11px}.hero-art img{pointer-events:none}.command-mode{display:none}}
@media(max-width:740px){.command-trigger{min-width:36px;min-height:36px;padding:8px}.command-trigger svg{width:16px;height:16px}.header-actions{gap:7px}.help-btn{display:none}.workspace-dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:13px}.workspace-toolbar{padding:12px;min-height:77px;gap:9px}.workspace-toolbar h2{font-size:14px}.workspace-subtitle{font-size:9px}.workspace-tool-icon{width:33px;height:33px;border-radius:9px}.workspace-tool-icon svg{width:19px;height:19px}.workspace-window-actions{gap:7px}.workspace-window-actions a{font-size:10px;padding:7px 8px;min-height:34px}.workspace-window-actions .icon-button{width:34px;height:34px}.workspace-frame-area{height:calc(100% - 77px)}.command-heading{padding:18px 17px 14px}.command-heading h2{font-size:17px}.command-search{margin-left:15px;margin-right:15px;padding:10px}.command-search input{font-size:14px}.command-dialog li{padding:11px 10px;gap:10px}.command-tool-copy strong{font-size:13px}.command-tool-copy>span{font-size:10px}.command-dialog li>svg{display:none}.command-footer{padding:12px 17px;gap:12px}.command-footer span:last-child{display:none}.command-search kbd{display:none}}
@media(hover:none),(pointer:coarse){.tool-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.tool-card,.featured,.tool-card.tracking,.featured.tracking{transform:none!important}.click-ripple{display:none}.loader-ring{animation:none}.tool-card::after{display:none}}
@media(max-width:740px){.breadcrumb>span{display:none}.help-btn{display:grid;min-width:44px;min-height:44px}.command-trigger{min-width:44px;min-height:44px}.settings-btn{min-height:44px;font-size:11px;padding:8px 9px}.intro p{font-size:13px;max-width:235px}.sidebar nav{scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}}
@media(max-width:390px){.intro p{font-size:12px;max-width:218px}.hero-art{width:148px;right:-6px;top:9px;height:160px}.breadcrumb strong{font-size:11px}.header-actions{gap:6px}.topbar{gap:10px}}
