.kips-app{display:grid;grid-template-rows:var(--kt-topbar-h) auto 1fr var(--kt-bottombar-h) auto;grid-template-areas:"top" "pages" "work" "bot" "foot";height:100dvh;width:100%;overflow:hidden;background:var(--kt-surface-0)}.kips-topbar{grid-area:top;z-index:var(--kt-z-topbar);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--kt-s-3);padding:0 var(--kt-s-4);background:var(--kt-surface-1);border-bottom:1px solid var(--kt-border);box-shadow:var(--kt-shadow-1)}.kips-topbar__left,.kips-topbar__right{display:flex;align-items:center;gap:var(--kt-s-2);min-width:0}.kips-topbar__right{justify-content:flex-end}.kips-topbar__center{display:flex;align-items:center;gap:var(--kt-s-2);justify-self:center}.kips-topbar__divider{width:1px;height:22px;background:var(--kt-border)}.kips-workspace{grid-area:work;position:relative;display:grid;grid-template-columns:0 1fr;min-height:0;transition:grid-template-columns var(--kt-dur-2,200ms) var(--kt-ease-out,ease)}:root[data-kips-panel=open] .kips-workspace{grid-template-columns:clamp(320px,28vw,420px) 1fr}.kips-sidepanel{position:relative;width:clamp(320px,28vw,420px);background:var(--kt-surface-1);border-right:1px solid var(--kt-border);z-index:var(--kt-z-sidepanel);overflow:hidden;display:flex;flex-direction:column;transition:width var(--kt-dur-2,200ms) var(--kt-ease-out,ease),opacity var(--kt-dur-1,140ms) var(--kt-ease-out,ease)}:root:not([data-kips-panel=open]) .kips-sidepanel,:root[data-kips-panel=closed] .kips-sidepanel{width:0;opacity:0;pointer-events:none}.kips-sidepanel__inner{display:flex;flex-direction:column;height:100%}.kips-sidepanel__head{display:flex;align-items:center;justify-content:space-between;padding:var(--kt-s-4);gap:var(--kt-s-3);border-bottom:1px solid var(--kt-border)}.kips-sidepanel__title{margin:0;font-size:15px;font-weight:600}.kips-sidepanel__body{flex:1;min-height:0;overflow:auto;padding:var(--kt-s-3) var(--kt-s-4) var(--kt-s-6);scrollbar-width:thin;scrollbar-color:var(--kt-border-strong) transparent}.kips-sidepanel__close{display:inline-flex}.kips-stage{position:relative;background:var(--kt-stage-bg);overflow:hidden;contain:strict;z-index:var(--kt-z-stage)}.kips-stage__viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:default;background-image:linear-gradient(var(--kt-grid) 1px,transparent 1px),linear-gradient(90deg,var(--kt-grid) 1px,transparent 1px);background-size:24px 24px;background-position:50% 50%}.kips-stage__paper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--kt-paper-bg);box-shadow:var(--kt-shadow-3);border-radius:2px;will-change:transform,width,height}.kips-stage__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:auto}#kips-overlay-canvas{z-index:3}#kips-scene-canvas{z-index:2}#kips-bg-canvas{z-index:1}.kips-stage__hud{position:absolute;inset:0;z-index:4;pointer-events:none}.kips-bottombar{grid-area:bot;z-index:var(--kt-z-bottombar);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--kt-s-1);padding:6px 8px;background:var(--kt-surface-1);border-top:1px solid var(--kt-border);box-shadow:0 -1px 0 var(--kt-border) inset}.kips-footer{grid-area:foot;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--kt-s-3);padding:8px 16px;background:var(--kt-surface-1);border-top:1px solid var(--kt-border);font-size:11.5px;color:var(--kt-text-3);white-space:nowrap;min-width:0}.kips-footer__links{display:flex;gap:14px;min-width:0;flex:0 1 auto;overflow:hidden}.kips-footer__links a{color:var(--kt-text-2);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--kt-dur-1) var(--kt-ease-out),border-color var(--kt-dur-1) var(--kt-ease-out)}.kips-footer__links a:hover{color:var(--kt-text-1);border-color:var(--kt-border-strong)}.kips-footer__brand{font-weight:600;letter-spacing:.14em;color:var(--kt-text-2);flex:0 0 auto;white-space:nowrap}@media(max-width:540px){.kips-footer{padding:8px 12px;gap:8px;font-size:10.5px}.kips-footer__links{gap:10px}.kips-footer__brand{letter-spacing:.10em;font-size:10px}}@media(max-width:1199px) and (min-width:768px){:root[data-kips-panel=open] .kips-workspace{grid-template-columns:clamp(300px,34vw,360px) 1fr}.kips-sidepanel{width:clamp(300px,34vw,360px)}}@media(max-width:767px){.kips-workspace{grid-template-columns:1fr}:root[data-kips-panel=open] .kips-workspace,:root[data-kips-panel=closed] .kips-workspace,:root:not([data-kips-panel=open]) .kips-workspace{grid-template-columns:1fr}.kips-sidepanel,:root:not([data-kips-panel=open]) .kips-sidepanel,:root[data-kips-panel=closed] .kips-sidepanel{position:fixed;left:0;right:0;bottom:var(--kt-bottombar-h);top:auto;width:auto;opacity:1;pointer-events:auto;height:80dvh;max-height:calc(100dvh - var(--kt-topbar-h) - var(--kt-bottombar-h) - 16px);border-right:none;border-top:1px solid var(--kt-border);border-radius:24px 24px 0 0;transform:translateY(calc(100% + var(--kt-bottombar-h)));transition:transform var(--kt-dur-3) var(--kt-ease-out);box-shadow:var(--kt-shadow-3)}.kips-sidepanel[data-open=true]{transform:translateY(0)}.kips-sidepanel:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:44px;height:5px;border-radius:999px;background:var(--kt-border-strong);opacity:.55}.kips-sidepanel__head{padding-top:22px}}@media(max-width:540px){.kips-topbar{grid-template-columns:auto 1fr auto;padding:0 var(--kt-s-2)}.kips-topbar__center .kips-zoom{display:none}.kips-brand__name{display:none}.kips-brand__mark{display:none}.kips-brand{display:none}.kips-topbar__left .kips-topbar__divider{display:none}}.kips-perfhud{position:absolute;top:12px;right:12px;z-index:var(--kt-z-perfhud);display:flex;gap:10px;padding:6px 10px;background:var(--kt-surface-elev);border:1px solid var(--kt-border);border-radius:var(--kt-radius-pill);font-family:var(--kt-font-mono);font-size:11px;color:var(--kt-text-2);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4)}.kips-perfhud b{color:var(--kt-text-1);font-weight:600}@media(max-width:767px){:root[data-kips-panel=open][data-kips-panel-name=inspector] .kips-stage__viewport,:root[data-kips-panel=open][data-kips-panel-name=layers] .kips-stage__viewport,:root[data-kips-panel=open][data-kips-panel-name=more] .kips-stage__viewport{bottom:min(42dvh,320px);transition:bottom var(--kt-dur-3,240ms) var(--kt-ease-out,ease)}:root[data-kips-panel-name=inspector] .kips-sidepanel,:root[data-kips-panel-name=layers] .kips-sidepanel,:root[data-kips-panel-name=more] .kips-sidepanel{height:min(42dvh,320px);max-height:min(42dvh,320px)}:root[data-kips-panel-name=inspector] .kips-sidepanel__body,:root[data-kips-panel-name=layers] .kips-sidepanel__body,:root[data-kips-panel-name=more] .kips-sidepanel__body{padding-bottom:14px}}@media(max-width:767px){:root[data-kips-ctxbar=on] .kips-footer,:root[data-kips-ctxpop=on] .kips-footer,:root[data-kips-panel=open] .kips-footer{display:none}}