.studio-pro{--studio-ink:#30273d;--studio-subtle:#776b85;--studio-border:#e3d9ed;--studio-accent:#9969cd;color:var(--studio-ink);background:#f2eef7;font-family:'DejaVu Sans',Arial,sans-serif}.studio-pro header{background:#fffcff;border-color:var(--studio-border);gap:14px}.studio-pro header small{font-size:11px;letter-spacing:.03em}.studio-pro button{border-color:var(--studio-border);background:#fcf9ff;color:#493753;border-radius:9px;font-size:12px;box-shadow:0 1px 1px #49345d05}.studio-pro button:hover{background:#f0e7f9;border-color:#cbb3e0}.studio-pro button.primary{background:#c0a0e7!important;border:1px solid #ad8ad3;color:#321b4b;box-shadow:0 3px 8px #8451b81a}.studio-pro input,.studio-pro select,.studio-pro textarea{border-color:#e0d4eb;border-radius:8px;box-shadow:inset 0 1px 2px #49345d03}.studio-pro input:focus,.studio-pro textarea:focus{border-color:#ad88d0}.studio-pro .studio-nav{height:49px;background:#faf7fd;border-color:var(--studio-border);gap:5px}.studio-pro .studio-nav a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;color:#766581;font-size:12px}.studio-nav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.studio-pro .studio-nav a.current-workspace{background:#ecdef9;color:#63358a;box-shadow:inset 0 0 0 1px #decaee;font-weight:600}.studio-pro .toolbar,.studio-pro .topbar{background:#fffcff;border-color:var(--studio-border);gap:6px;padding:9px 14px}.studio-pro .inspector,.studio-pro .properties{background:#fffcff;border-color:var(--studio-border);padding:16px 18px}.studio-pro .group,.studio-pro .properties section{border-color:#eee6f4}.studio-pro h3,.studio-pro .section-title{font-size:12px;letter-spacing:.01em;color:#493252}.studio-pro .note{color:#81718b;font-size:11px;line-height:1.65}.studio-pro .board{background:#eae4f1;background-image:radial-gradient(#cfc3dc66 .7px,transparent .7px);background-size:14px 14px}.studio-pro .artboard{box-shadow:0 8px 40px #60406e16,0 0 0 1px #d6c8df;border-radius:2px}.studio-pro .status{font-size:11px;background:#f4eef9;color:#795b8a;padding:6px 16px}.studio-pro .studio-details>summary{padding:10px 0}.studio-pro .studio-details>summary::marker{color:#a38bb5}.studio-pro .effect-list{display:grid;gap:7px;margin:12px 0}.effect-row{display:grid;grid-template-columns:20px minmax(0,1fr) 30px 30px;gap:4px;align-items:center}.effect-row input[type=checkbox]{width:17px!important;margin:0}.effect-row button{padding:6px;min-height:32px;overflow:hidden;text-overflow:ellipsis}.effect-row button.chosen{background:#efe1fb;border-color:#bea0d6}#photoHistogram{width:100%;max-width:256px;background:#f7f1fa;border:1px solid #ece1f3;border-radius:8px}.studio-drawing{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.studio-drawing header{height:58px;min-height:58px;padding:8px 18px;flex-shrink:0}.studio-drawing main{flex:1;height:auto!important;min-height:0;grid-template-columns:70px minmax(0,1fr) 334px}.studio-drawing .studio-nav,.studio-drawing .topbar,.studio-drawing .studio-context,.studio-drawing .mobile-bar{flex-shrink:0}.studio-drawing .topbar{height:52px}.studio-drawing .workspace-label{font-size:12px}.studio-drawing .tools{background:#fcf9ff;border-color:var(--studio-border);padding:12px 6px;gap:5px}.studio-drawing .tools button{box-shadow:none}.studio-drawing .tools button.active{background:#ecddf9;box-shadow:inset 0 0 0 1px #dfc9ef}.studio-drawing .stage{background:#e9e1f1;background-image:radial-gradient(#cfc0dd99 .8px,transparent .8px);background-size:16px 16px}.studio-drawing .stage-caption{top:12px}.studio-drawing .stage-caption span{letter-spacing:.14em;font-size:9px;opacity:.8}.studio-context{display:flex;align-items:center;gap:14px;padding:7px 14px;background:#faf6fe;border-bottom:1px solid var(--studio-border);min-height:45px;overflow:auto;white-space:nowrap}.studio-context label{display:flex;align-items:center;gap:7px;font-size:11px;color:#776183}.studio-context input[type=number]{width:60px;padding:4px 6px;min-height:30px}.studio-context input[type=color]{width:30px;height:28px;min-height:28px;padding:2px}.studio-context button{min-height:30px;padding:5px 10px;font-size:11px}.workspace-modes{display:flex;padding:3px;border-radius:9px;background:#eee6f6;gap:2px}.workspace-modes button{border:0;box-shadow:none;background:transparent}.workspace-modes button.selected{background:#fffaff!important;box-shadow:0 1px 5px #644a7d12;color:#724198}.context-layer{margin-left:auto;font-size:10px;color:#8a7698;max-width:220px;overflow:hidden;text-overflow:ellipsis}.studio-module main.workspace{grid-template-columns:minmax(0,1fr) 334px}.studio-module .inspector{max-height:max(340px,calc(100dvh - var(--studio-workspace-top,180px)));position:sticky;top:0}.studio-module .material-card{box-shadow:0 4px 20px #60406e06;border-color:#e5d7ef}.studio-pro [hidden]{display:none!important}@media(max-width:1100px){.studio-drawing main{grid-template-columns:66px minmax(0,1fr) 300px}.context-layer{display:none}}@media(max-width:850px){.studio-module main.workspace{grid-template-columns:1fr}.studio-module .inspector{position:static;max-height:none}.studio-context{gap:10px;padding:6px 10px}.studio-context label{display:none}.studio-context #contextUndo{margin-left:auto}.studio-drawing header{height:auto;min-height:56px;gap:8px;padding:6px 10px}.studio-drawing header .brand small{display:none}.studio-drawing .studio-nav{height:45px}.studio-drawing .studio-nav a{padding:7px 9px}.studio-drawing main{grid-template-columns:60px minmax(0,1fr)}.studio-drawing .properties{width:min(370px,94vw)}.studio-pro button{min-height:40px}.studio-pro .workspace-modes button{min-height:34px}.studio-pro header .open-commands{font-size:10px}.studio-pro .studio-nav svg{width:16px;height:16px}.studio-pro .toolbar{padding:8px}.studio-pro .inspector,.studio-pro .properties{padding:14px}.studio-pro header #saveStatus{display:none}}
@font-face{font-family:'Artel UI';src:url('fonts/manrope/font.ttf') format('truetype');font-weight:200 800;font-display:swap}.studio-pro{font-family:'Artel UI',system-ui,Arial,sans-serif}.studio-pro input[type=number],.studio-pro output{font-variant-numeric:tabular-nums}.studio-pro header strong,.studio-pro .brand{letter-spacing:-.035em}