/* Solvory Creator Studios W24 / original adaptive VEED-inspired studio */
.svw24{--ink:#222333;--muted:#77778a;--border:#e7e8f0;--violet:#6e50ee;--pink:#f16f9c;--bg:#f7f7fa;color:var(--ink)!important;background:#f9f9fd;overflow:hidden;font-family:Inter,"Solvory DM Sans",system-ui,sans-serif!important}
.svw24 *{box-sizing:border-box}.svw24 .wrap{width:min(calc(100% - 34px),1620px);margin-inline:auto}.svw24 a{color:#5940cb}.svw24 button,.svw24 input,.svw24 textarea,.svw24 select{font-family:inherit!important}.svw24 button{cursor:pointer}
.svw24 .hero{background:radial-gradient(circle at 85% 15%,#a793e35c,transparent 32%),linear-gradient(120deg,#1d1d32,#292847 72%,#3d315f);padding:48px 0 112px;color:#fff}.svw24 .hero nav{font-size:11px;color:#d5d0ec;margin-bottom:23px}.svw24 .hero nav a{color:#e2def7}.svw24 .eyebrow{color:#c7b9ff;letter-spacing:.14em;font-size:10px;font-weight:850}.svw24 .hero h1{font:850 clamp(34px,4.9vw,63px)/1.07 "Solvory Manrope",Manrope,system-ui,sans-serif!important;color:#fff!important;letter-spacing:-.065em!important;margin:14px 0 17px!important;max-width:1100px}.svw24 .hero p{font-size:15px;line-height:1.7;color:#e6e2f5;max-width:820px}.svw24 .hero .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.svw24 .hero .tags span{padding:9px 12px;border:1px solid #ffffff32;background:#ffffff0e;border-radius:100px;font-size:11px}
.svw24 .studio{margin:-73px auto 42px;background:#fff;border:1px solid #e4e4ed;border-radius:23px;overflow:hidden;box-shadow:0 30px 75px #22233a24;position:relative;z-index:1}.svw24 .topbar{display:flex;align-items:center;gap:14px;justify-content:space-between;background:#fff;padding:16px 21px;border-bottom:1px solid var(--border)}.svw24 .brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:900;letter-spacing:-.035em}.svw24 .brand .symbol{display:grid;place-items:center;background:#7355ee;color:#fff;border-radius:10px;width:34px;height:34px;font-size:20px}.svw24 .brand small{font-size:10px;font-weight:600;color:#9290a3;display:block;letter-spacing:0}.svw24 .topright{display:flex;gap:8px;align-items:center}.svw24 .pill{border-radius:100px;background:#eefaf6;color:#167e6b;font-weight:850;font-size:10px;padding:7px 11px}.svw24 .grid{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);min-height:610px}.svw24 .settings{border-right:1px solid var(--border);padding:25px;background:#fff;min-width:0}.svw24 .viewport{padding:25px;background:#f8f8fc;min-width:0;overflow:hidden}.svw24 h2{color:#29273d!important;font:850 22px/1.28 "Solvory Manrope",system-ui,sans-serif!important;letter-spacing:-.04em!important;margin:0 0 16px!important}.svw24 h3{color:#37354c!important;font:800 15px/1.3 "Solvory Manrope",system-ui,sans-serif!important;letter-spacing:-.025em!important;margin:20px 0 12px!important}.svw24 .sub{color:#888699;font-size:11px;line-height:1.7;margin:0 0 12px}.svw24 label{display:block;color:#565570;font:750 11px/1.4 Inter,system-ui,sans-serif;margin:15px 0 7px}.svw24 label span{color:#9c99ad;font-weight:500}.svw24 input:is([type=text],[type=number],[type=url],[type=search],[type=file]),.svw24 select,.svw24 textarea{width:100%;color:#34324a;background:#fff;border:1px solid #dfe0ea;border-radius:11px;padding:11px 12px;font-size:12px;line-height:1.55;min-width:0;min-height:41px;box-shadow:none}.svw24 textarea{min-height:120px;resize:vertical}.svw24 :is(input,select,textarea):focus{outline:3px solid #c4bafd70;outline-offset:1px;border-color:#8d7bef}.svw24 input[type=range]{width:100%;accent-color:#7557e8}.svw24 input[type=checkbox]{accent-color:#7255e6;min-height:0}
.svw24 .buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0}.svw24 .btn,.svw24 button.sv-btn{font-size:11px;font-weight:800;border:1px solid #e1e0eb;padding:10px 14px;min-height:41px;border-radius:11px;color:#59536b;background:#fff;box-shadow:0 2px 6px #241c3a08;transition:background .17s,transform .17s,border-color .17s}.svw24 .btn:hover{transform:translateY(-1px);border-color:#ae9ff8;color:#634bd2;background:#f8f5ff}.svw24 .btn.primary{background:linear-gradient(115deg,#7455f0,#6147d2);border:1px solid #7555e9;color:#fff;box-shadow:0 8px 24px #6e53e930}.svw24 .btn.primary:hover{background:#5540ba;color:#fff}.svw24 .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.svw24 .drop{border:2px dashed #c8bbf6;background:linear-gradient(140deg,#fbfaff,#f4f2ff);border-radius:16px;padding:24px 17px;text-align:center}.svw24 .drop.drag{border-color:#7b59ec;background:#ede9ff}
.svw24 .status{padding:12px 15px;border:1px solid #d5ede8;background:#edfaf6;color:#216e62;font-size:12px;border-radius:11px;margin:12px 0;overflow-wrap:anywhere}.svw24 .status[data-error=true]{border-color:#f5d0d8;color:#9e395a;background:#fff0f4}.svw24 .card{border:1px solid #e4e4ed;background:#fff;border-radius:15px;padding:17px;margin:12px 0}.svw24 .card small{font-size:10px;color:#8c8b9a}.svw24 .toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.svw24 canvas{display:block;max-width:100%;height:auto;background:#fff;border-radius:10px;border:1px solid #dfdfe9;touch-action:none}.svw24 .canvas-well{display:flex;justify-content:center;align-items:center;background:#e9e9f1;background-image:radial-gradient(#d0cfdf 1px,transparent 1px);background-size:16px 16px;border-radius:15px;padding:18px;min-height:340px;overflow:auto}.svw24 .results{border-radius:12px;max-height:410px;overflow:auto;background:#fff;border:1px solid #e3e4ed;padding:12px;font-size:12px}.svw24 .chipset{display:flex;flex-wrap:wrap;gap:7px}.svw24 .chip{font-size:11px;border-radius:9px;padding:7px 11px;background:#f3efff;border:1px solid #e5deff;color:#6f57c0;cursor:pointer}.svw24 .chip:hover{background:#e9e1ff}.svw24 .split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.svw24 .sliderline{display:flex;align-items:center;gap:12px}.svw24 .sliderline input{flex:1}.svw24 .metric{padding:11px 14px;background:#fff;border:1px solid #e7e5ef;border-radius:11px;color:#54526a;font-size:12px}.svw24 .metric strong{font-size:18px;color:#312e46;display:block}.svw24 .education{max-width:1050px;margin:0 auto;padding:12px 20px 62px;line-height:1.8;color:#5e5b76;font-size:14px}.svw24 .education h2{margin:28px 0 10px!important;font-size:26px!important}.svw24 .education details{padding:12px 0;border-bottom:1px solid #dedfea}.svw24 .education summary{cursor:pointer;font-weight:750;color:#35324e}.svw24 .error{color:#ac3854;font-size:11px}.svw24 progress{width:100%;accent-color:#7051e9;height:9px}.svw24 .mobile-actions{display:none}
.svw24 .pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.svw24 .pad{border:1px solid #d5cbed;border-radius:13px;min-height:93px;background:linear-gradient(140deg,#6b52d6,#3e355c);color:#fff;font-weight:800;display:flex;flex-direction:column;justify-content:space-between;padding:12px;text-align:left;word-break:break-word;transition:transform .12s}.svw24 .pad:hover{transform:translateY(-2px)}.svw24 .pad.play{outline:3px solid #f9abc2;transform:scale(.98)}.svw24 .pad span{font-size:11px;font-weight:500;opacity:.8}.svw24 .segment{display:flex;gap:5px;flex-wrap:wrap;background:#f0eff7;border-radius:11px;padding:5px}.svw24 .segment .btn{box-shadow:none;flex:1;min-width:50px}.svw24 .segment .btn[aria-pressed=true]{color:#5f45d5;border-color:#aaa0e9;background:white}.svw24 .meme-layers{display:grid;gap:7px}.svw24 .layer{display:flex;align-items:center;gap:8px;border:1px solid #e1e0e8;padding:8px;border-radius:9px}.svw24 .layer strong{flex:1;font-size:11px}.svw24 .layer button{padding:4px;border:0;background:#f8f6ff;border-radius:7px}
.svw24 :is(.btn,.chip,.pad):focus-visible{outline:3px solid #aa98ff;outline-offset:2px}
@media(max-width:990px){.svw24 .grid{grid-template-columns:1fr}.svw24 .settings{border-right:0;border-bottom:1px solid var(--border)}.svw24 .viewport{padding:20px}.svw24 .pads{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.svw24 .wrap{width:min(calc(100% - 16px),1620px)}.svw24 .hero{padding:28px 0 92px}.svw24 .hero h1{font-size:clamp(29px,8vw,41px)!important}.svw24 .hero p{font-size:12px}.svw24 .studio{margin-top:-66px;border-radius:15px}.svw24 .topbar{padding:12px}.svw24 .settings,.svw24 .viewport{padding:14px}.svw24 .pads{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.svw24 .pad{min-height:76px;padding:9px;font-size:12px}.svw24 .buttons .btn{flex:1 1 auto}.svw24 .canvas-well{min-height:230px;padding:8px}.svw24 .mobile-actions{display:flex;position:sticky;bottom:0;z-index:5;gap:7px;justify-content:space-around;background:#fff;padding:9px;box-shadow:0 -8px 20px #211a360c}.svw24 .education{padding:0 13px 50px}.svw24 .split{gap:8px}.svw24 .hero .tags span:nth-child(n+4){display:none}}
@media(max-width:600px){body:has(.svw24){padding-bottom:calc(66px + env(safe-area-inset-bottom))}.svw24 .mobile-actions{position:fixed!important;left:0;right:0;bottom:0;z-index:999;background:#fff;box-shadow:0 -10px 25px #201a371f;border-top:1px solid #eae7f5;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));display:flex!important;gap:8px}.svw24 .mobile-actions button{flex:1 1 0;min-width:0;font-size:11px!important}.svw24 .mobile-actions button:last-child{background:#6e50ee;color:white;border-color:#6e50ee}}@media(prefers-reduced-motion:reduce){.svw24 *{animation:none!important;transition:none!important}}