/* Solvory MAX · desktop-grade specialist creative workspaces. Only .svmx-app. */
.svmx-app{--mx-ink:#171d35;--mx-main:#6953d4;--mx-mint:#0eaa9b;--mx-slate:#8991a8;--mx-border:#dfe3f0;border-radius:24px!important;border:1px solid #d7d8e7!important;overflow:visible!important;box-shadow:0 32px 92px #141a4033!important;isolation:isolate}
.svmx-app *{box-sizing:border-box}
.svmx-app .sv22-workhead{border-radius:24px 24px 0 0;background:#f9fbff!important;border-bottom:1px solid #e4e7f2}
.svmx-app .svmx-appbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 19px;background:linear-gradient(115deg,#111a32,#242849 70%,#2e2b53);color:#fff;border-bottom:1px solid #ffffff1c}
.svmx-app .svmx-app-brand{display:flex;align-items:center;gap:12px;min-width:220px}
.svmx-app .svmx-brand-logo{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(135deg,#18c0b1,#6a63e4);border:1px solid #ffffff66;border-radius:11px;color:#fff;font-size:22px;font-weight:950;box-shadow:0 5px 13px #0002}
.svmx-app .svmx-brandtext{display:flex;flex-direction:column;gap:1px;min-width:0}
.svmx-app .svmx-brandtext strong{font-size:11px;font-weight:900;letter-spacing:.12em;color:#fff}
.svmx-app .svmx-brandtext small{font-size:10px;color:#b9c8e2}
.svmx-app .svmx-app-actions{display:flex;align-items:center;gap:7px}
.svmx-app .svmx-btn{min-height:35px;white-space:nowrap;color:#f3f5ff;border:1px solid #ffffff38;background:#ffffff12;border-radius:9px;padding:8px 11px;cursor:pointer;font:800 11px/1.1 inherit;transition:background .15s}
.svmx-app .svmx-btn:hover{background:#ffffff29}
.svmx-app .svmx-command-wrap{position:relative;flex:0 1 265px;min-width:155px}
.svmx-app .svmx-command-search{width:100%;min-height:36px;background:#ffffff14;border:1px solid #ffffff47;border-radius:10px;color:#fff;padding:8px 12px!important;font-size:11px;box-shadow:none}
.svmx-app .svmx-command-search::placeholder{color:#d2d5e5}
.svmx-app .svmx-command-search:focus{outline:2px solid #90dcd6;outline-offset:2px}
.svmx-app .svmx-search-results{position:absolute;z-index:99;top:calc(100% + 5px);right:0;width:min(325px,85vw);max-height:290px;overflow-y:auto;background:#fff;padding:9px;box-shadow:0 15px 45px #0d122c57;border:1px solid #dbe2ee;border-radius:12px}
.svmx-app .svmx-search-results[hidden]{display:none!important}
.svmx-app .svmx-command-hit{display:block;width:100%;border:0;text-align:left;padding:10px;color:#27314b;background:#fff;font-size:11px;font-weight:750;border-radius:8px;cursor:pointer}
.svmx-app .svmx-command-hit:hover{background:#f1effb}
.svmx-app .svmx-search-results p{color:#81879b;font-size:11px;padding:12px}
.svmx-app .svsp-commandbar{border-radius:0;background:#26304b!important;min-height:58px!important;padding:8px 14px!important}
.svmx-app .svsp-command-title strong{font-size:11px}
.svmx-app .svsp-commands{justify-content:flex-start;flex-wrap:wrap}
.svmx-app .svsp-hint{max-width:260px}
.svmx-app .svmx-rail{display:flex;flex-direction:column;gap:7px;align-items:center;padding:15px 7px;background:#19213d;color:#b6c6e8;min-width:0;border-right:1px solid #35415f}
.svmx-app .svmx-rail-btn{border:1px solid transparent;background:transparent;color:#c9d2eb;border-radius:12px;width:100%;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}
.svmx-app .svmx-rail-btn:hover,.svmx-app .svmx-rail-btn:focus-visible{background:#ffffff1b;border-color:#ffffff1f;color:#fff}
.svmx-app .svmx-rail-btn>span{font-size:20px;line-height:1}
.svmx-app .svmx-rail-btn small{font-size:9px;letter-spacing:.015em;font-weight:800}
.svmx-app .sv22-layout{display:grid!important;grid-template-columns:72px minmax(310px,.78fr) minmax(0,1.28fr)!important;gap:0!important;min-height:610px;background:#f8faff}
.svmx-app .sv22-settings{background:#fff;border-right:1px solid var(--mx-border);padding:19px 19px 24px!important}
.svmx-app .sv22-output{padding:20px 23px 23px!important;min-width:0;background:linear-gradient(135deg,#f8faff,#eef2fa)!important}
.svmx-app .svmx-domain-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 15px;margin-bottom:18px;border-bottom:1px solid #e5e7f1;align-items:center}
.svmx-app .svmx-tool-action{min-height:34px;background:linear-gradient(130deg,#f2f1fc,#fff);border:1px solid #dcd8ee;border-radius:9px;color:#5148a5;font-size:10px;line-height:1.2;font-weight:850;max-width:100%;padding:8px 10px;cursor:pointer;transition:transform .14s,box-shadow .14s}
.svmx-app .svmx-tool-action:hover{border-color:#b3a4de;box-shadow:0 5px 12px #3a2d6918;transform:translateY(-1px)}
.svmx-app .svmx-inline-select{width:100%;flex:1 1 160px;min-height:37px;max-width:100%;font-size:11px;color:#383858;background:#fdfdff;border:1px solid #daddec;border-radius:9px;padding:7px}
.svmx-app .sv22-previewtop{padding:6px 2px 11px;align-items:center}
.svmx-app .sv22-previewtop b{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#525d7a}
.svmx-app .sv22-stage{border-radius:16px;border:1px solid #d4dce9;background:#fff!important;box-shadow:0 10px 30px #1a244219,inset 0 0 0 1px #fff;min-height:450px}
.svmx-app .sv22-stage canvas{max-height:640px}
.svmx-app .sv22-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.svmx-app .sv22-field :is(input:not([type=checkbox]),select,textarea){border-radius:9px;font-size:12px;background:#fafbff;min-height:41px}
.svmx-app .sv22-field label{font-size:11px;color:#404960}
.svmx-app .sv22-actions{border-top:1px solid #e4e7f0;margin-top:17px;padding-top:17px;gap:7px}
.svmx-app .sv22-actions button{border-radius:9px;min-height:42px;font-size:11px}
.svmx-app .sv22-status{font-size:11px;padding:12px 14px;line-height:1.65;border-radius:11px}
.svmx-app .svmx-inspector{background:#fff;border:1px solid #e2e7f1;border-radius:10px;margin-top:13px;padding:10px 13px;display:grid;gap:4px}
.svmx-app .svmx-inspector>strong{letter-spacing:.11em;font-size:9px;color:#5e529c}
.svmx-app .svmx-inspector>span{font-size:10px;line-height:1.5;color:#737e97}
.svmx-app .svmx-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#18213b;color:#c0cbe1;padding:10px 18px;border-top:1px solid #2d3a5c;border-radius:0 0 23px 23px;font-size:10px;line-height:1.5}
.svmx-app .svmx-statusbar span:first-child{font-weight:850;color:#9aeadd;letter-spacing:.07em;white-space:nowrap}
.svmx-app .svmx-statusbar span:last-child{overflow-wrap:anywhere;text-align:right}
.svmx-app .svmx-source-stats,.svmx-app .svmx-layer-inspector,.svmx-app .svmx-tuner-legend{border:1px solid #dfdff0;background:#f9f8ff;color:#626a83;border-radius:10px;padding:11px 13px;font-size:10px;line-height:1.65;margin-top:12px}
.svmx-app .svmx-layer-inspector{display:flex;flex-direction:column;gap:4px}.svmx-app .svmx-layer-inspector strong{color:#4d4f9b}
.svmx-app .svmx-waveform{display:block;width:100%;max-height:180px;height:auto;border-radius:10px;border:1px solid #d5dbea}
.svmx-app.svmx-focus .sv22-layout{grid-template-columns:72px minmax(0,1fr)!important}
.svmx-app.svmx-focus .sv22-settings{display:none!important}
.svmx-app.svmx-focus .sv22-stage{min-height:590px}
.svmx-app :is(button,input,select,textarea):focus-visible{outline:2px solid #9180de;outline-offset:2px}
@media(max-width:1250px){.svmx-app .svmx-appbar{flex-wrap:wrap}.svmx-app .svmx-command-wrap{flex:1 1 100%;order:3}.svmx-app .sv22-layout{grid-template-columns:61px minmax(260px,.85fr) minmax(0,1.15fr)!important}.svmx-app .svmx-rail-btn{min-height:57px}}
@media(max-width:1000px){.svmx-app .sv22-layout,.svmx-app.svmx-focus .sv22-layout{grid-template-columns:1fr!important;display:flex!important;flex-direction:column}.svmx-app .svmx-rail{flex-direction:row;justify-content:space-around;padding:7px 14px;gap:7px;position:sticky;top:0;z-index:12;box-shadow:0 8px 16px #181d3926}.svmx-app .svmx-rail-btn{min-height:44px;width:auto;min-width:80px;flex-direction:row;padding:8px 10px;gap:5px}.svmx-app .svmx-rail-btn>span{font-size:17px}.svmx-app .sv22-settings{border-right:0;border-bottom:1px solid #e2e5ed}.svmx-app .sv22-stage{min-height:380px}.svmx-app.svmx-focus .svmx-rail{position:relative}}
@media(max-width:620px){.svmx-app{border-radius:14px!important}.svmx-app .sv22-workhead{border-radius:14px 14px 0 0}.svmx-app .svmx-appbar{padding:12px 13px}.svmx-app .svmx-app-brand{min-width:0;flex:1}.svmx-app .svmx-brandtext strong{font-size:10px}.svmx-app .svmx-brandtext small{font-size:9px}.svmx-app .svmx-brand-logo{width:33px;height:33px;flex:none}.svmx-app .svmx-app-actions{gap:5px}.svmx-app .svmx-btn{padding:8px;font-size:10px;min-height:38px}.svmx-app .svmx-rail-btn{font-size:10px;min-width:0;flex:1}.svmx-app .svsp-commandbar{padding:10px!important}.svmx-app .sv22-settings,.svmx-app .sv22-output{padding:14px!important}.svmx-app .svmx-domain-actions{gap:7px}.svmx-app .svmx-tool-action{min-height:40px;padding:9px 11px;flex:1 1 auto}.svmx-app .sv22-stage{min-height:300px}.svmx-app .svmx-statusbar{border-radius:0 0 14px 14px;padding:9px 12px;align-items:flex-start;gap:10px}.svmx-app .svmx-statusbar span{font-size:9px}.svmx-app .sv22-controls{gap:9px}.svmx-app .sv22-field.wide{grid-column:1/-1}}
@media(max-width:390px){.svmx-app .sv22-controls{grid-template-columns:1fr}.svmx-app .sv22-field{grid-column:1/-1}.svmx-app .svmx-rail-btn small{display:none}.svmx-app .svmx-app-actions{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.svmx-app *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}