/* Keep the workspace above its responsive project-actions rail. */.app{height:calc(100dvh - var(--editor-dock-height, 58px))}.top{height:auto;min-height:58px;flex-wrap:wrap;padding:9px 14px;gap:8px}.top nav{flex-wrap:wrap;justify-content:flex-end;gap:8px}.top .um-tools button,.top .um-language button{min-height:34px;padding:7px 10px;font-size:12px}.top .um-current-language{max-width:110px}.top .um-tools-menu{inset-inline-start:auto;inset-inline-end:0}.top .um-language-menu{z-index:120}.editor-help p{margin:14px 0;line-height:1.7}.sech,.lh,.tabs button,.tpltabs button{overflow-wrap:anywhere}.row label{overflow-wrap:anywhere}.rng,.seg{min-width:0}.seg{flex-wrap:wrap}.seg button{min-width:45px}.ltools{flex-wrap:wrap}.lh{gap:6px;flex-wrap:wrap}.lh #addTextFromLayers{font-size:11px;padding:6px 8px}.hint{max-width:90%;white-space:normal;text-align:center;font-size:10px}.btnrow{flex-wrap:wrap}.recent-project{min-width:0}.recent-project strong{overflow-wrap:anywhere}.empty-canvas{pointer-events:none}.empty-canvas button{pointer-events:auto}html[dir="rtl"] .row{direction:rtl}html[dir="rtl"] .rng{direction:ltr}html[dir="rtl"] #board,html[dir="rtl"] #ov{direction:ltr}@media (max-width: 860px){.top{min-height:46px;padding:7px 8px;flex-wrap:nowrap}.brand{flex:none}.brand > span:not(.brand-mark){display:none !important}.top nav{flex:1;gap:4px}.top .save-status{width:100%;max-width:none;text-align:end;order:9}.top .um-current-language{display:none}.top .um-tools-menu{position:fixed;top:88px;inset-inline-end:12px}.top .um-language-menu{position:fixed;top:88px;inset-inline-end:12px}.toolbar{max-height:28dvh;overflow:auto}.shortcuts{grid-template-columns:1fr}}/* The weight name remains visible for each bundled font variant. */.fcell[data-local-font="true"],.fitem[data-local-font="true"]{white-space:normal;overflow-wrap:anywhere;line-height:1.25}.fcell[data-local-font="true"]{min-height:54px;font-size:16px}/* Returning visitors decide before autosave can replace their project. */#resumeProjectDialog{width:min(500px, calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:clamp(22px, 4vw, 32px);overflow:auto;border:1px solid #665376;border-radius:20px;background:#18111f;color:#f7f1ff}#resumeProjectDialog::backdrop{background:#08040dd9}.resume-icon{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border:1px solid #72598c;border-radius:12px;background:#322040;color:#dcbdf6}#resumeProjectDialog h2{font:800 clamp(23px, 4vw, 28px)/1.25 var(--body);margin:0 0 12px}#resumeProjectDialog p{color:#d0c3dc;font-size:14px;line-height:1.7}.resume-project-name{margin:18px 0;padding:14px 16px;border:1px solid #44354f;border-radius:10px;background:#24182f}.resume-project-name strong{display:block;font-size:16px;overflow-wrap:anywhere}.resume-project-name small{display:block;margin-top:6px;color:#b7a7c7}.resume-actions{display:flex;gap:10px;margin-top:24px}.resume-actions .btn{flex:1;min-width:0;min-height:46px;padding:11px 14px;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.4}#resumeProjectDialog .resume-note{margin:16px 0 0;font-size:12px;color:#bcaaca}#resumeProjectError{color:#ffc0b7 !important;font-size:12px !important;margin:12px 0 0}.toast{bottom:calc(var(--editor-dock-height, 58px) + 12px)}/* Compact navigation with readable actions at every viewport width. */.top .btn{color:#faf7ff;border-color:#71617e}.top .btn.pri,.toolbar .btn.pri{color:#fff;background:#713d98;box-shadow:none;border-color:#a779c7}.top nav > a.back-link{width:auto;min-width:0;padding:7px 11px;font-size:12px;font-weight:800}.top nav > a.back-link .back-label{display:inline;white-space:normal}.top .um-tools-menu{width:248px;padding:8px;border-radius:12px}.top .um-tools-menu a{padding:10px;gap:10px}.top .um-tools-menu strong{font-size:14px}.top .um-tools-menu small{font-size:11px;line-height:1.4}.top .um-tool-icon,.top .um-tool-icon svg{width:36px;height:36px}.toolbar .btn{color:#f7f3ff;border-color:#71617e;min-height:32px}.toolbar .btn.on{background:#63427d;color:#fff;border-color:#c19bdd}.toolbar #exportBtn{background:#713d98;border-color:#bb8cd7;color:#fff;box-shadow:none}.toolbar .btn[hidden],.btnrow .btn[hidden]{display:none}@media (max-width: 860px){.top{flex-wrap:wrap;gap:5px}.top nav{flex-wrap:wrap}.top .save-status{width:auto;max-width:155px;font-size:10px}.top nav > a.back-link{max-width:160px;min-height:34px}.top .um-tools-menu{width:min(248px, calc(100vw - 24px));left:auto}}@media (max-width: 480px){.top{align-items:flex-start;padding:7px}.top nav{gap:5px;justify-content:flex-end}.top .save-status{order:9;flex-basis:100%;max-width:none}.top .btn,.top .um-tools button,.top .um-language button{padding:6px 8px;font-size:11px}.top nav > a.back-link{max-width:130px;font-size:11px}}@media (max-width: 860px){.app{height:auto;min-height:calc(100dvh - var(--editor-dock-height, 58px));padding-bottom:var(--editor-dock-height, 58px)}.top .um-tools-menu{left:12px;right:12px;width:auto;max-width:380px;margin-inline-start:auto}}@media (max-width: 860px){.top .um-tools-menu{width:min(248px, calc(100vw - 24px));max-width:248px;left:auto;right:12px}.top .um-tools-menu,.top .um-language-menu{top:var(--editor-menu-top, 110px)}}/* Opaque, stable inspector tabs: scrolled controls cannot bleed through. */.right{min-width:0;scrollbar-gutter:stable}.right #rtabs{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));margin:0;padding:8px;border-radius:0;background:#171020;position:sticky;top:0;z-index:12;isolation:isolate;border:0;border-bottom:1px solid #44354f}#rtabs button{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3;min-height:38px;font-size:12px;box-shadow:none}#rtabs button[aria-selected="true"]{background:#713d98;box-shadow:none}.right .pan{margin-top:12px}.row:has(#bgSeg){grid-template-columns:minmax(0, 1fr);gap:8px}.row:has(#bgSeg) > .rng{display:flex;min-width:0;gap:8px}#bgSeg{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));min-width:0;flex:1}#bgSeg button{min-width:0;white-space:normal;overflow-wrap:anywhere;padding:9px 6px;line-height:1.3;min-height:38px;text-transform:none}#bgc{flex:0 0 34px;max-width:34px}.quick-text textarea{min-width:0;color:#fff;background:#100b18;border-color:#675174}#quickGlow,#quickDepth{border-color:#90749e;background:#2c1f38;color:#f1dbff}#p_fx .sech,#p_style .sech{scroll-margin-top:64px}