:root{--muted:#aab2bc;--text3:#aab2bc;--text2:#c2c9d2}body{font-family:system-ui,sans-serif!important}button,.btn,.tool-btn,.tb-btn,.ptab,.preset-btn,.ctx-item{min-height:44px;min-width:44px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b6f34a;outline-offset:2px}.back-lnk,#topbar .sep{display:none!important}.mobile-panels{display:none}#topbar{flex-wrap:wrap;height:auto!important;min-height:60px}.top-right{flex-wrap:wrap}#canvas-area{min-height:280px}#filename{max-width:180px}#statusbar{font-size:12px}a{color:#c2dfea}
@media(max-width:760px){#workspace{position:relative;height:calc(100dvh - 170px)!important}#left-panel,#right-panel{display:none;position:absolute;top:0;bottom:0;z-index:45;max-width:85vw;background:#191d22;overflow:auto}.show-elements #left-panel{display:flex;left:0}.show-properties #right-panel{display:flex;right:0}.mobile-panels{display:flex;gap:8px;padding:8px}.mobile-panels button{padding:8px 16px;background:#22272e;color:#fff;border:1px solid #666;border-radius:8px}.top-center{display:none!important}.logo-area{display:none!important}#topbar{padding:8px;gap:8px}#app{display:flex!important;flex-direction:column;height:auto!important}#app #canvas-area{height:45vh;flex:none}#sidebar{width:100%!important;overflow:visible!important}.zoom-ctrl{display:none!important}#filename{max-width:120px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#topbar{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:8px;height:auto!important}.logo-area{height:auto!important}.top-right{grid-column:1/-1;padding:0;gap:8px}.top-center{justify-content:flex-end}#filename{min-height:44px}.prop-input{min-width:0;width:100%;min-height:32px}.prop-pair{min-width:0}.layer-vis,.layer-lock{min-width:28px;min-height:28px}#workspace{min-height:0}.shape-grid{grid-template-columns:repeat(4,1fr)}.shape-btn{min-width:44px;min-height:44px}.ptab{display:flex;align-items:center;justify-content:center}.text-style-item{min-height:44px}.color-swatch{min-width:24px;min-height:24px}
@media(max-width:760px){#topbar{grid-template-columns:1fr}#filename{max-width:none;width:100%}.top-right{grid-column:1;gap:8px}#workspace{height:auto!important}.mobile-panels{flex-shrink:0}#right-panel{width:260px}#left-panel{width:260px}}
.prop-label{width:28px;overflow-wrap:anywhere}.prop-row{gap:4px}.prop-input{padding:4px;min-width:40px}.link-btn{min-width:28px!important;min-height:32px!important;width:28px!important}#statusbar{height:auto!important;min-height:28px;flex-wrap:wrap;gap:8px;padding:6px;flex-shrink:0}.status-item{white-space:nowrap}