:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1210;--bg-soft:#111b17;--panel:#1e2b25f0;--panel-solid:#1c2923;--surface:#b7ccbe11;--surface-hover:#b7ccbe21;--border:#b1c7b938;--text:#f1f4ef;--muted:#a7b6ac;--accent:#789886;--accent-bright:#b4cbbd;--accent-soft:#8ba99738;--cyan:#86b4a7;--orange:#c7a66b;--green:#86b993;--shadow:0 28px 90px #00070480;--z-workspace:1;--z-floating:40;--z-panels:200;--z-menus:400;--z-modals:600;font-family:Segoe UI Variable,Aptos,Trebuchet MS,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#8ba99780 transparent}:hover{scrollbar-color:#b4cbbdcc transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8ba99780;border-radius:999px}:hover::-webkit-scrollbar-thumb{background:#b4cbbdcc}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}body.app-loading .app-shell{opacity:0;visibility:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.38}input,select{min-width:0;color:var(--text);border:1px solid var(--border);background:#b7ccbe13;border-radius:12px;outline:none}input[type=text],select{padding:10px 12px}input:focus,select:focus{border-color:#b4cbbde0;box-shadow:0 0 0 3px #78988638}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-bright)}input[type=range]{accent-color:var(--accent-bright)}.numeric-stepper{min-width:0;display:block;position:relative}.numeric-stepper>input{width:100%!important;padding-right:24px!important}.numeric-stepper>input[type=number]{appearance:textfield}.numeric-stepper>input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.numeric-stepper>input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.numeric-stepper-controls{opacity:.62;border-left:1px solid #94a3b829;border-radius:0 8px 8px 0;grid-template-rows:1fr 1fr;width:17px;transition:opacity .14s;display:grid;position:absolute;top:3px;bottom:3px;right:3px;overflow:hidden}.numeric-stepper:hover .numeric-stepper-controls,.numeric-stepper:focus-within .numeric-stepper-controls{opacity:1}.numeric-stepper-button,.topbar .numeric-stepper-button,.side-panel .numeric-stepper-button{width:100%;min-width:0;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:relative}.numeric-stepper-button:hover,.topbar .numeric-stepper-button:hover,.side-panel .numeric-stepper-button:hover{background:#8ba9973d;border:0}.numeric-stepper-button:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.numeric-stepper-up:before{border-bottom:5px solid}.numeric-stepper-down:before{border-top:5px solid}.numeric-stepper:has(input:disabled) .numeric-stepper-controls{pointer-events:none;opacity:.25}.canvas-editor .numeric-stepper{width:83px}.canvas-editor .numeric-stepper>input{padding-right:18px!important}.canvas-editor .numeric-stepper-controls{width:14px}.app-shell{background:radial-gradient(circle at 48% 4%,#5b7e6a26,#0000 34%),linear-gradient(135deg,#0b1210 0%,#0d1713 58%,#101c17 100%);grid-template-rows:72px 1fr;width:100%;height:100%;display:grid}.topbar{z-index:300;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#16221dfc,#1c2b24fa 56%,#121e19fc);justify-content:space-between;align-items:center;gap:18px;padding:12px 18px;display:flex;position:relative;box-shadow:0 18px 60px #00070461}.brand{align-items:center;gap:10px;min-width:220px;display:flex}.brand-mark{background:linear-gradient(135deg,#d7e8dd,#9ebdac 48%,#5f7f6f);border:1px solid #dae8de2e;border-radius:14px;width:38px;height:38px;box-shadow:0 10px 28px #4f705e5c}.brand-copy strong,.brand-copy span{display:block}.brand-copy strong{font-size:15px}.brand-copy span{color:var(--muted);font-size:12px}.pill{border:1px solid var(--border);background:#ffffff0d;border-radius:999px}.canvas-editor{flex-wrap:wrap;place-content:center;align-items:center;gap:6px 8px;padding:6px 8px;display:flex;position:absolute;top:50%;left:32%;transform:translate(-50%,-50%)}.canvas-control-group{flex:none;justify-content:center;align-items:center;gap:5px;display:flex}.compact-number{text-align:center;background:0 0;border:0;width:87px;padding:4px;font-weight:700}.compact-number:focus{box-shadow:none}.dimension-separator{color:var(--muted);font-weight:700}.compact-select{width:58px}.round-button,.color-button{border:1px solid var(--border);background:var(--surface);border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:relative}.round-button:hover,.color-button:hover{background:var(--surface-hover);border-color:#b4cbbd99}.round-button.is-active{background:linear-gradient(145deg,#789886,#9cb7a7);border-color:#c1d3c7;box-shadow:0 0 0 2px #78988638}.color-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.color-button>span{border-radius:inherit;background:var(--color,#fff);width:100%;height:100%;box-shadow:inset 0 0 0 1px #ffffff38}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.history-actions{gap:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.file-actions,.history-actions{align-items:center}.file-actions{gap:8px;display:flex}.topbar button,.zoom-controls button,.side-panel button,.modal button,.mini-menu button{border:1px solid var(--border);background:linear-gradient(#ffffff13,#ffffff06);border-radius:12px;padding:8px 12px;box-shadow:inset 0 1px #ffffff0a}.topbar button:hover,.zoom-controls button:hover,.side-panel button:hover,.modal button:hover,.mini-menu button:hover{background:var(--surface-hover);border-color:#b4cbbd94}.topbar .round-button{border-radius:50%;width:40px;height:40px;padding:0}.topbar .round-button.is-active{background:linear-gradient(145deg,#789886,#a6beaf)}.action-button{align-items:center;gap:7px;display:flex}.add-menu-wrap{position:relative}.mini-menu{z-index:var(--z-menus);border:1px solid var(--border);min-width:150px;box-shadow:var(--shadow);background:#17241e;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.mini-menu button{text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;display:flex}.mini-menu.add-menu{border-radius:18px;width:390px;max-width:calc(100vw - 20px);padding:8px}.add-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.mini-menu .add-option{border:1px solid var(--border);min-width:0;min-height:44px;color:var(--text);background:linear-gradient(#ffffff13,#ffffff06);border-radius:14px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;padding:6px 9px;font-size:11px;font-weight:700;line-height:1.15;display:grid}.mini-menu .add-option:hover,.mini-menu .add-option:focus-visible{background:var(--surface-hover);border-color:#b4cbbd9e}.add-option-glyph{width:24px;height:24px;color:var(--accent-bright);place-items:center;display:grid;position:relative}.add-option-glyph .icon{width:18px;height:18px}.add-option-glyph[data-shape-glyph]:before,.add-option-glyph[data-shape-glyph=arrow]:after{content:"";position:absolute}.add-option-glyph[data-shape-glyph=rectangle]:before{border:2px solid;width:18px;height:14px}.add-option-glyph[data-shape-glyph=rounded-rectangle]:before{border:2px solid;border-radius:5px;width:16px;height:16px}.add-option-glyph[data-shape-glyph=ellipse]:before{border:2px solid;border-radius:50%;width:21px;height:12px}.add-option-glyph[data-shape-glyph=line]:before,.add-option-glyph[data-shape-glyph=arrow]:before{background:currentColor;border-radius:99px;width:21px;height:2px;transform:rotate(-24deg)}.add-option-glyph[data-shape-glyph=arrow]:after{border-top:2px solid;border-right:2px solid;width:7px;height:7px;top:7px;right:4px;transform:rotate(21deg)}.custom-select{min-width:0;font-family:Arial,sans-serif;font-size:13px;font-weight:400;position:relative}.select-trigger{width:100%;min-height:42px;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:left;justify-content:space-between;align-items:center;gap:8px;display:flex;border-radius:12px!important;padding:9px 12px!important}.select-trigger .icon{width:13px}.select-menu{z-index:var(--z-menus);background:#132019;border:1px solid #8ba99775;border-radius:14px;width:100%;max-height:280px;display:none;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden auto;box-shadow:0 20px 50px #00070480}.custom-select.is-open .select-menu{display:grid}.custom-select.is-open .select-trigger{border-color:#f1f4ef;box-shadow:0 0 0 1px #f1f4ef}.select-menu button{width:100%;min-height:42px;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:left;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #8ba9971a;border-radius:0;padding:11px 14px}.select-menu button:last-child{border-bottom:0}.select-menu button:hover,.select-menu button:focus-visible{background:#8ba99724;border-color:#8ba9971a}.select-menu button[aria-selected=true]{color:#fff;background:#789886}.editor-layout{isolation:isolate;min-height:0;position:relative}.workspace-shell{z-index:var(--z-workspace);position:absolute;inset:18px;overflow:hidden}.workspace{cursor:default;position:absolute;inset:0;overflow:hidden}.workspace.is-panning{cursor:grabbing}.workspace[data-tool=text]{cursor:text}.workspace[data-tool=rectangle],.workspace[data-tool=rounded-rectangle],.workspace[data-tool=ellipse],.workspace[data-tool=triangle],.workspace[data-tool=polygon],.workspace[data-tool=star],.workspace[data-tool=line],.workspace[data-tool=arrow],.workspace[data-tool=pencil]{cursor:crosshair}.workspace[data-tool=eraser] .canvas-object[data-object-kind=path]{cursor:cell!important}.canvas-stage{transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%}.design-canvas{box-shadow:var(--shadow);background:#fff;position:relative;overflow:visible}.canvas-content{position:absolute;inset:0;overflow:hidden}.canvas-chrome{pointer-events:none;position:absolute;inset:0;overflow:visible}.canvas-object{transform-origin:50%;-webkit-user-select:none;user-select:none;position:absolute}.canvas-object>*{pointer-events:none}.object-render{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-object.is-crop-editing{outline:calc(2px * var(--handle-scale)) solid #22d3ee;cursor:grab!important}.canvas-object.is-crop-editing:active{cursor:grabbing!important}.canvas-object.is-crop-editing:after{content:"Crop mode";z-index:3;color:#fff;pointer-events:none;background:#080f1dd1;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.canvas-object.is-editing-text{cursor:text!important}.canvas-object.is-text-overflow:after{content:"Text overflow";color:#fff;pointer-events:none;background:#b42318;border-radius:7px;padding:4px 7px;font-size:10px;font-weight:700;position:absolute;bottom:-26px;right:0}.canvas-object>.inline-text-editor{box-sizing:border-box;resize:none;color:#0000;width:100%;height:100%;text-shadow:none;caret-color:currentColor;pointer-events:auto;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;cursor:text;background:0 0;border:0;border-radius:0;outline:0;margin:0;padding:0;position:absolute;inset:0;overflow:hidden}.canvas-object>.inline-text-editor::selection{color:#0000;-webkit-text-fill-color:transparent;background:#78988657}.empty-state{color:#0f172a;text-align:center;pointer-events:none;background:#fffffff0;border:1px solid #94a3b833;border-radius:24px;width:min(380px,76%);padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 50px #0f172a24}.empty-state[hidden]{display:none}.empty-state h1{margin:12px 0 6px;font-size:28px}.empty-state p{color:#667085;margin:0;font-size:13px;line-height:1.5}.empty-orb{width:84px;height:70px;margin:0 auto;position:relative}.empty-orb:before,.empty-orb:after,.empty-orb span{content:"";background:linear-gradient(#fff,#dbeafe);border-radius:16px;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-7deg);box-shadow:0 12px 24px #0f172a1f}.empty-orb:after{background:linear-gradient(145deg,#688777,#b4cbbd);transform:translate(-42%,-52%)rotate(7deg)}.selection-frame{border:2px solid var(--accent-bright);transform-origin:50%;pointer-events:none;position:absolute;box-shadow:0 0 0 1px #b4cbbd3d}.selection-frame.is-multi{border-color:var(--cyan)}.selection-frame.is-group{border-style:dashed;border-width:2px}.selection-frame.is-group:after{content:"Group";color:#fff;background:#688777;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:-28px;left:0}.selection-handle{pointer-events:auto;transform-origin:50%;width:14px;height:14px;position:absolute;border:2px solid var(--accent-bright)!important;background:#fff!important;border-radius:50%!important;padding:0!important}.handle-nw{cursor:nwse-resize;transform:scale(var(--handle-scale));top:-8px;left:-8px}.handle-n{cursor:ns-resize;transform:translateX(-50%) scale(var(--handle-scale));top:-8px;left:50%}.handle-ne{cursor:nesw-resize;transform:scale(var(--handle-scale));top:-8px;right:-8px}.handle-e{cursor:ew-resize;transform:translateY(-50%) scale(var(--handle-scale));top:50%;right:-8px}.handle-se{cursor:nwse-resize;transform:scale(var(--handle-scale));bottom:-8px;right:-8px}.handle-s{cursor:ns-resize;transform:translateX(-50%) scale(var(--handle-scale));bottom:-8px;left:50%}.handle-sw{cursor:nesw-resize;transform:scale(var(--handle-scale));bottom:-8px;left:-8px}.handle-w{cursor:ew-resize;transform:translateY(-50%) scale(var(--handle-scale));top:50%;left:-8px}.rotation-handle{cursor:grab;width:18px;height:18px;transform:translateX(-50%) scale(var(--handle-scale));top:-43px;left:50%;border-color:var(--orange)!important}.rotation-line{background:var(--orange);width:2px;height:24px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.selection-frame.is-locked .selection-handle,.selection-frame.is-locked .rotation-line,.selection-frame.is-auto-text .handle-n,.selection-frame.is-auto-text .handle-s{display:none}.snap-guide{z-index:9998;background:var(--green);pointer-events:none;border-radius:0;position:absolute}.snap-guide-x{width:calc(2px * var(--handle-scale));top:0;bottom:0;transform:translate(-50%)}.snap-guide-y{height:calc(2px * var(--handle-scale));left:0;right:0;transform:translateY(-50%)}.snap-measurement{z-index:10001;padding:calc(4px * var(--handle-scale)) calc(7px * var(--handle-scale));border-radius:calc(7px * var(--handle-scale));color:var(--text);box-shadow:var(--shadow);font-size:calc(10px * var(--handle-scale));white-space:nowrap;pointer-events:none;transform-origin:0 0;background:#17241e;position:absolute;transform:translate(8px,8px)}.selection-toolbar{--toolbar-gap:calc(14px * var(--handle-scale));z-index:10004;border:1px solid var(--border);box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;transform:translate(-50%, calc(-100% - var(--toolbar-gap))) scale(var(--handle-scale));transform-origin:bottom;background:#17241ef0;border-radius:13px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute}.selection-toolbar button,.selection-toolbar label{width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.selection-toolbar button:hover{background:var(--surface-hover)}.selection-toolbar .icon{width:16px;height:16px}.selection-toolbar input[type=color]{border-radius:inherit;cursor:pointer;border:0;width:100%;height:100%;padding:0;overflow:hidden}.print-overlay{z-index:900;box-sizing:border-box;pointer-events:none;position:absolute}.print-overlay[hidden]{display:none}.margin-overlay{border:calc(1px * var(--handle-scale)) dashed #f59e0be6}.safe-area-overlay{border:calc(1px * var(--handle-scale)) dashed #22d3eee6}.bleed-overlay{border:calc(1px * var(--handle-scale)) solid #f43f5edb}.guide-layer{z-index:9996;pointer-events:none;position:absolute;inset:0;overflow:visible}.canvas-guide{z-index:1;opacity:.8;pointer-events:auto;min-width:0;min-height:0;position:absolute;box-shadow:none!important;background:#22d3eed1!important;border:0!important;border-radius:0!important;padding:0!important}.canvas-guide:hover,.canvas-guide:focus-visible{opacity:1;background:#67e8f9!important}.canvas-guide-x{width:calc(2px * var(--handle-scale));cursor:ew-resize;top:0;bottom:0;transform:translate(-50%)}.canvas-guide-y{height:calc(2px * var(--handle-scale));cursor:ns-resize;left:0;right:0;transform:translateY(-50%)}.canvas-ruler{z-index:10000;color:var(--muted);font-size:calc(9px * var(--handle-scale));pointer-events:auto;-webkit-user-select:none;user-select:none;background-color:#111b17f2;border:1px solid #b1c7b947;position:absolute;overflow:hidden}.canvas-ruler[hidden],.ruler-corner[hidden]{display:none}.canvas-ruler-top{left:0;top:calc(-28px * var(--handle-scale));width:100%;height:calc(28px * var(--handle-scale));background-image:repeating-linear-gradient(90deg, transparent 0, transparent calc(var(--ruler-minor) - 1px), #94a3b87a calc(var(--ruler-minor) - 1px), #94a3b87a var(--ruler-minor))}.canvas-ruler-left{left:calc(-28px * var(--handle-scale));width:calc(28px * var(--handle-scale));background-image:repeating-linear-gradient(180deg, transparent 0, transparent calc(var(--ruler-minor) - 1px), #94a3b87a calc(var(--ruler-minor) - 1px), #94a3b87a var(--ruler-minor));height:100%;top:0}.canvas-ruler span{pointer-events:none;line-height:1;position:absolute}.canvas-ruler-top span{top:calc(4px * var(--handle-scale));transform:translateX(calc(3px * var(--handle-scale)))}.canvas-ruler-left span{left:calc(5px * var(--handle-scale));transform:translateY(calc(3px * var(--handle-scale))) rotate(-90deg);transform-origin:0 0}.ruler-corner{left:calc(-28px * var(--handle-scale));top:calc(-28px * var(--handle-scale));z-index:10001;width:calc(28px * var(--handle-scale));height:calc(28px * var(--handle-scale));background:var(--bg-soft);pointer-events:none;border:1px solid #b1c7b947;position:absolute}.selection-marquee{z-index:9997;border:1px solid var(--cyan);pointer-events:none;background:#86b4a724;position:absolute}.zoom-controls{z-index:var(--z-floating);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#17241eeb;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;transition:right .26s;display:flex;position:absolute;bottom:18px;right:390px}.zoom-controls input{width:150px}.zoom-controls button{min-width:38px;padding:7px 10px}.mobile-history-controls,.mobile-panel-resize-handle{display:none}.side-panel{z-index:var(--z-panels);border:1px solid var(--border);background:var(--panel);width:340px;height:calc(100% - 36px);min-height:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);isolation:isolate;border-radius:28px;padding:14px;transition:width .26s,height .26s,padding .26s,background-color .15s,border-color .15s,box-shadow .15s,-webkit-backdrop-filter .15s,backdrop-filter .15s;position:absolute;top:18px;bottom:auto;overflow:hidden}.side-panel.skip-transition,.side-panel.skip-transition *{transition:none!important}.side-panel-left{left:18px}.side-panel-right{width:348px;right:18px}.panel-toggle{z-index:5;pointer-events:auto;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:14px;opacity:1!important;background:#24362d!important;border-radius:12px!important;padding:0!important;box-shadow:0 5px 11px #00070457,inset 0 1px #ffffff0a!important}.panel-toggle-left{right:14px}.panel-toggle-right{left:14px}.panel-content{opacity:1;visibility:visible;width:calc(100% + 7px);height:100%;padding-top:48px;transition:opacity .15s,visibility linear;overflow:hidden auto}#rightPanel .panel-content{flex-direction:column;display:flex}#rightPanel .panel-section{flex:none}#rightPanel .inspector-style-section{order:2}#rightPanel #imageFrameSection,#rightPanel #shapeSection,#rightPanel #pathSection,#rightPanel #effectsSection{order:3}#rightPanel .inspector-layer-section{order:4}.side-panel.is-height-collapsed{height:64px}.side-panel.is-panel-faded{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.side-panel.is-panel-faded .panel-content{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility 0s linear .15s}.side-panel.is-collapsed{width:64px;padding:0}@media (width>=821px){.app-shell{display:block;position:relative}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(90deg,#121e19c7,#1c2b24b8 56%,#121e19c7);border-bottom:0;height:72px;position:absolute;inset:0 0 auto;box-shadow:0 14px 40px #0007044d}.editor-layout{position:absolute;inset:0}.workspace-shell{inset:0}.side-panel{height:calc(100% - 108px);top:90px}.side-panel-left .panel-content,.side-panel-left .object-list{direction:rtl}.side-panel-left .panel-content>*,.side-panel-left .object-list>*{direction:ltr}.side-panel-left .panel-content{margin-left:-7px}.side-panel-left .object-list{width:calc(100% + 7px);margin-left:-7px}.editor-layout:has(.side-panel-right.is-collapsed) .zoom-controls{right:18px}}.panel-section{background:#b7ccbe09;border:1px solid #b1c7b929;border-radius:20px;padding:13px}.panel-section+.panel-section{margin-top:12px}.contextual-section[hidden]{display:none}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.section-heading h2,.stacked-field>span{color:var(--text);letter-spacing:.02em;margin:0;font-size:13px;font-weight:700}.tag{color:#dce8e0;background:#8ba99730;border:1px solid #8ba9976b;border-radius:999px;padding:5px 9px;font-size:11px}.stacked-field{gap:8px;display:grid}.stacked-field input{width:100%}.objects-section{flex-direction:column;min-height:0;max-height:calc(100% - 102px);display:flex}.page-manager{gap:9px;display:grid}.page-list-heading{justify-content:space-between;align-items:center;display:flex}.page-list-heading span{background:var(--surface);min-width:24px;color:var(--muted);text-align:center;border-radius:999px;padding:3px 7px;font-size:10px}.page-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.page-card{text-align:left;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:6px!important;display:grid!important}.page-card>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.page-card b{color:var(--accent-bright);margin-right:5px}.page-card.is-active{outline:2px solid var(--accent-bright);outline-offset:1px;background:var(--surface-hover)}.page-preview{border-radius:4px;width:34px;height:42px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #b4cbbd59}.page-preview i{opacity:.78;min-width:1px;min-height:1px;display:block;position:absolute}.page-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.page-actions button{min-width:0;padding:6px 3px;font-size:9px}.project-library{gap:9px;display:grid}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.template-grid button{gap:2px;min-width:0;padding:7px 4px;font-size:8px;display:grid}.template-grid strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-grid span{color:var(--muted);font-size:7px}.brand-kit-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.brand-kit-row label{color:var(--muted);justify-content:space-between;align-items:center;gap:6px;font-size:9px;display:flex}.brand-kit-row input{width:30px;height:26px;padding:0}.project-library .brand-font-select{width:100%}.component-heading{justify-content:space-between;align-items:center;display:flex}.component-heading button{padding:6px 8px;font-size:9px}.component-list{gap:5px;display:grid}.component-list>span{grid-template-columns:1fr 28px;gap:5px;display:grid}.component-list button{min-width:0;padding:6px;font-size:9px}.component-list small{color:var(--muted)}.path-preview{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.path-preview polyline{fill:none;stroke:var(--accent-bright);stroke-width:calc(5px * var(--handle-scale));stroke-linecap:round;stroke-linejoin:round}.print-section{gap:10px;display:grid}.print-visibility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.print-visibility-grid label{color:var(--text);align-items:center;gap:7px;font-size:11px;display:flex}.print-measurements{gap:7px;display:grid}.print-measurements label{color:var(--text);grid-template-columns:72px minmax(0,1fr);align-items:center;gap:7px;font-size:11px;display:grid}.print-measurements input{width:100%}.guide-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.side-panel .guide-actions button{min-width:0;padding:8px 4px;font-size:10px}.object-list{gap:8px;max-height:296px;display:grid;overflow-y:auto}.object-row{border:1px solid var(--border);cursor:pointer;background:linear-gradient(#ffffff12,#ffffff09);border-radius:15px;outline:none;grid-template-columns:24px 46px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:68px;padding:9px;display:grid;position:relative}.object-row:focus-visible{border-color:var(--accent-bright);box-shadow:0 0 0 3px #78988640}.object-row.is-selected{border-color:var(--accent);background:#5f7f6f70}.object-row.is-hidden{opacity:.48}.object-row.is-hidden:hover,.object-row.is-hidden:focus-within{opacity:.82}.object-row.is-dragging{opacity:.42}.object-row.is-drop-target{border-color:var(--cyan);box-shadow:0 -3px 0 var(--cyan)}.object-row.group-row{background:#344c3f85;border-color:#8ba9976b}.object-row.is-child{border-left:2px solid #b4cbbd7a;width:calc(100% - 18px);min-height:58px;margin-left:18px}.object-preview{aspect-ratio:1;background:var(--bg-soft);border-radius:11px;place-items:center;width:46px;display:grid;overflow:hidden}.object-preview canvas{width:100%;height:100%;display:block}.object-meta{text-align:left;min-width:0}.object-meta strong,.object-meta span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.object-meta strong{font-size:13px}.object-meta span{color:var(--muted);margin-top:2px;font-size:11px}.z-badge{border:1px solid var(--border);min-width:28px;height:28px;color:var(--text);background:#24362d;border-radius:999px;place-items:center;padding:0 7px;font-size:11px;display:grid}.side-panel .layer-drag-handle,.side-panel .layer-state-button{width:26px;min-width:0;height:30px;box-shadow:none;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.side-panel .layer-drag-handle:hover,.side-panel .layer-state-button:hover{color:#fff;background:#8ba99733;border:0}.layer-drag-handle{cursor:grab;touch-action:none}.layer-drag-handle:active{cursor:grabbing}.layer-drag-handle .icon,.layer-state-button .icon{width:16px;height:16px}.layer-state-actions{border:1px solid var(--border);opacity:0;pointer-events:none;background:#24362d;border-radius:10px;gap:2px;padding:2px;transition:opacity .12s;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.object-row:hover .layer-state-actions,.object-row:focus-within .layer-state-actions{opacity:1;pointer-events:auto}.object-row:hover .z-badge,.object-row:focus-within .z-badge{visibility:hidden}.layer-name-input{border-radius:7px;width:100%;font-size:13px;font-weight:700;padding:4px 6px!important}.geometry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.geometry-grid label{grid-template-columns:14px minmax(0,1fr);align-items:center;gap:5px;font-size:12px;display:grid}.geometry-grid input{width:100%;padding:9px 10px}.geometry-grid .wide-field{grid-column:1/-1;grid-template-columns:42px minmax(0,1fr)}.check-field{justify-content:flex-start;align-items:center;gap:8px;grid-template-columns:none!important;display:flex!important}.check-field input,.check-field span{flex:none}.geometry-grid .ratio-field{white-space:nowrap;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;display:flex;overflow:visible}.geometry-grid .ratio-field input{flex:0 0 16px;width:16px;padding:0}.object-footer-row{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding-top:2px;display:flex}.side-panel .object-footer-row button{width:78px;min-width:0;padding:6px 5px;font-size:10px}.style-controls{gap:12px;display:grid;container-type:inline-size}.text-style-controls{border-bottom:1px solid #94a3b821;gap:10px;padding-bottom:12px;display:grid}.text-style-controls[hidden]{display:none}.text-font-row{display:block}.text-font-select{min-width:0}.text-font-select .select-menu{max-height:280px}.text-size-field{min-width:0;color:var(--text);flex:auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;font-size:12px;display:grid}.text-size-field input{width:100%;min-width:0}.text-format-row{align-items:center;gap:7px;display:flex}.text-preset-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.text-preset-row button,.text-special-row>button{min-width:0;padding:7px 5px;font-size:9px}.text-special-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:6px;display:grid}.text-curve-row,.text-expand-row{color:var(--muted);grid-template-columns:48px minmax(0,1fr) 38px auto;align-items:center;gap:7px;font-size:10px;display:grid}.text-curve-row input,.text-expand-row input{width:100%;min-width:0}.text-curve-row output,.text-expand-row output{text-align:right}.side-panel .text-format-button{place-items:center;width:40px;height:40px;padding:0;display:grid}.side-panel .text-format-button.is-active{border-color:var(--accent-bright);color:#fff;background:linear-gradient(145deg,#688777,#8da997)}.text-align-select{flex:1;min-width:0}.text-metrics-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.text-metrics-row label{color:var(--text);gap:6px;font-size:11px;display:grid}.text-metrics-row input{width:100%}.text-layout-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.text-layout-row .select-trigger{padding-inline:10px!important}.style-line{align-items:center;gap:18px;font-size:12px;display:flex}.style-group{align-items:center;gap:7px;min-width:0;display:flex}.shape-style-row{color:var(--text);align-items:center;gap:7px;font-size:12px;display:flex}.shape-style-row .numeric-stepper{flex:0 0 calc(50% - 4px);width:calc(50% - 4px)}.shape-style-row input{width:100%}.style-line .numeric-stepper,.image-frame-controls{gap:12px;display:grid}.image-mask-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.image-mask-row label,.image-mask-control{color:var(--muted);gap:5px;font-size:9px;display:grid}.image-mask-row input{width:100%}.image-mask-row button{grid-column:1/-1}.shape-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.shape-controls label{color:var(--text);gap:6px;font-size:11px;display:grid}.shape-controls input{width:100%}.path-controls{gap:10px;display:grid}.path-controls label{grid-template-columns:62px 1fr 42px;align-items:center;gap:7px;font-size:10px;display:grid}.path-controls output{color:var(--muted);text-align:right}.path-controls>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.shape-controls label[hidden]{display:none}.image-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.side-panel .image-mode-grid button{min-width:0;padding:9px 5px;font-size:12px}.side-panel .image-mode-grid button.is-active{border-color:var(--accent-bright);color:#fff;background:linear-gradient(145deg,#688777,#8da997)}.image-crop-zoom{color:var(--text);grid-template-columns:auto minmax(0,1fr) 42px;align-items:center;gap:9px;font-size:12px;display:grid}.image-crop-zoom input{min-width:0;padding:0}.image-crop-zoom output{color:var(--muted);text-align:right}.image-crop-zoom.is-disabled{opacity:.45}.control-hint{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.effects-heading{margin-bottom:0}.section-toggle{color:#dce8e0!important;background:#8ba99730!important;border-color:#8ba9976b!important;border-radius:999px!important;padding:5px 9px!important;font-size:11px!important}.effects-controls{gap:10px;padding-top:12px;display:grid}.effects-controls[hidden]{display:none}.effect-row{grid-template-columns:68px minmax(0,1fr) 40px 44px;align-items:center;gap:7px;font-size:11px;display:grid}.effect-row input{min-width:0;padding:0}.effect-row output{color:var(--muted);text-align:right}.side-panel .effect-row button,.side-panel .shadow-controls>button{padding:6px 5px;font-size:10px}.shadow-controls{border-top:1px solid #94a3b821;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;padding-top:9px;display:grid}.shadow-toggle{align-items:center;gap:7px;font-size:12px;display:flex}.shadow-vector-controls{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0;display:grid}.shadow-vector-controls>label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px;min-width:0;font-size:11px;display:grid}.shadow-vector-controls input{width:100%;min-width:0}.short-input{width:66px;padding:10px}.layer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.icon-button{text-align:center;grid-template-columns:20px 1fr;align-items:center;gap:7px;min-width:0;display:grid}.icon-button>i{visibility:hidden;width:18px;height:18px}.icon-button span{white-space:nowrap}.align-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.icon-only{grid-template-columns:1fr;place-items:center;display:grid;padding:9px 4px!important}.context-menu{z-index:var(--z-menus);border:1px solid var(--border);width:200px;max-height:calc(100vh - 24px);box-shadow:var(--shadow);background:#17241e;border-radius:16px;padding:7px;position:fixed;overflow-y:auto}.context-menu[hidden]{display:none}.context-menu button{text-align:left;background:0 0;border:0;border-radius:9px;width:100%;padding:9px 10px}.context-menu button:hover{background:var(--surface-hover)}.context-menu hr{border:0;border-top:1px solid var(--border);margin:5px 0}.modal{border:1px solid var(--border);width:min(440px,100vw - 32px);color:var(--text);background:#17241e;border-radius:24px;padding:22px;box-shadow:0 32px 100px #000704bd}.modal::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a8}.modal h2{margin:0 0 10px}.shortcut-modal{width:min(760px,100vw - 32px)}.shortcut-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.shortcut-title h2,.shortcut-title p{margin:0}.shortcut-title p{color:var(--muted);margin-top:4px}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.shortcut-grid section{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:14px}.shortcut-grid h3{margin:0 0 9px;font-size:13px}.shortcut-grid dl{gap:7px;margin:0;display:grid}.shortcut-grid dl>div{color:var(--text);justify-content:space-between;gap:14px;font-size:11px;display:flex}.shortcut-grid dt,.shortcut-grid dd{margin:0}.shortcut-grid dd{color:var(--muted);text-align:right}.mobile-shortcuts-reference{display:none}@media (width<=640px){.shortcut-grid{grid-template-columns:1fr}}.modal p{color:var(--muted);line-height:1.5}.modal-field{grid-template-columns:90px 1fr;align-items:center;gap:10px;margin:12px 0;display:grid}.modal-field select,.modal-select{width:100%}.modal-select .select-trigger{min-height:42px}.modal-select .select-menu{width:100%}.range-field{grid-template-columns:90px 1fr auto}.range-field input{grid-column:1/-1;width:100%}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.modal .primary{background:linear-gradient(135deg,#688777,#8da997);border-color:#b4cbbda3}.export-note{min-height:40px;margin:12px 0 0;font-size:12px}.pdf-print-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.pdf-print-options[hidden]{display:none}.toast-region{z-index:700;gap:8px;display:grid;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--border);box-shadow:var(--shadow);background:#24362d;border-radius:12px;padding:10px 14px;font-size:13px}.concept-gallery{z-index:1000;background:radial-gradient(circle at 12% 4%,#86b4a72e,#0000 28%),radial-gradient(circle at 88% 96%,#c7a66b1a,#0000 26%),#0b1210;padding:clamp(24px,5vw,64px);position:fixed;inset:0;overflow:hidden auto}.concept-gallery-inner{width:min(1160px,100%);min-width:0;margin:0 auto}.concept-gallery-header{margin-bottom:30px}.concept-kicker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:28px;font-size:12px;font-weight:700;display:flex}.concept-brand-mark{background:linear-gradient(135deg,#d7e8dd,#9ebdac 48%,#5f7f6f);border:1px solid #dae8de33;border-radius:10px;width:28px;height:28px;box-shadow:0 8px 22px #4f705e57}.concept-title-row{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.concept-title-row p{color:var(--accent-bright);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.concept-title-row h1{letter-spacing:-.055em;max-width:720px;margin:0;font-size:clamp(34px,6vw,68px);line-height:.98}.concept-gallery-intro{max-width:720px;color:var(--muted);margin:20px 0 0;font-size:14px;line-height:1.65}.concept-close{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:999px;flex:none;padding:10px 16px}.concept-close:hover{background:var(--surface-hover);border-color:#b4cbbd9e}.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;min-width:0;padding-bottom:32px;display:grid}.concept-card{border:1px solid var(--border);width:100%;min-width:0;max-width:100%;color:var(--text);text-align:left;background:#b7ccbe0b;border-radius:24px;padding:0;transition:transform .18s,border-color .18s,background .18s;overflow:hidden;box-shadow:0 18px 50px #00070438}.concept-card:hover{background:#b7ccbe13;border-color:#b4cbbd9e;transform:translateY(-4px)}.concept-card:focus-visible{outline:3px solid var(--accent-bright);outline-offset:3px}.concept-card[aria-pressed=true]{border-color:var(--accent-bright);box-shadow:0 0 0 1px var(--accent-bright), 0 18px 50px #00070438}.concept-card-copy{grid-template-columns:auto 1fr;gap:8px 12px;padding:18px 20px 20px;display:grid}.concept-number{color:var(--accent-bright);letter-spacing:.08em;grid-row:1/3;font-size:11px;font-weight:800}.concept-card-title{font-size:16px;font-weight:800}.concept-card-summary{min-height:38px;color:var(--muted);font-size:12px;line-height:1.55}.concept-card-footer{border-top:1px solid var(--border);color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:13px;font-size:11px;display:flex}.concept-card-footer strong{color:var(--text)}.concept-preview{aspect-ratio:16/10;border-bottom:1px solid var(--border);background:radial-gradient(circle at 50% 22%,#86b4a71f,#0000 36%),#101a16;display:block;position:relative;overflow:hidden}.preview-top{align-items:center;gap:4%;height:12%;display:flex;position:absolute;top:7%;left:5%;right:5%}.preview-top i{aspect-ratio:1;background:var(--accent-bright);border-radius:32%;width:9%}.preview-top b{background:#f1f4efbd;border-radius:999px;width:23%;height:26%}.preview-top em{background:var(--surface);border:1px solid #b1c7b95c;border-radius:999px;width:18%;height:48%;margin-left:auto}.preview-stage{background:#0b1210;border-radius:10px;position:absolute;inset:23% 5% 20%;overflow:hidden;box-shadow:inset 0 0 0 1px #b1c7b929}.preview-page{background:#edf2ee;border-radius:3px;width:40%;height:74%;position:absolute;top:13%;left:30%;overflow:hidden;box-shadow:0 9px 24px #0007045c}.preview-page i{background:#6e8d7c;border-radius:2px;width:46%;height:12%;position:absolute;top:14%;left:13%}.preview-page b{background:linear-gradient(145deg,#b9cec1,#769787);border-radius:3px;height:44%;position:absolute;bottom:14%;left:13%;right:13%}.preview-panel{background:#1b2822;border:1px solid #b1c7b92e;border-radius:7px;align-content:start;gap:8%;width:22%;padding:5%;display:grid;position:absolute;top:8%;bottom:8%;left:4%}.preview-panel i{background:#dae8de94;border-radius:999px;height:4px;display:block}.preview-nav{background:#1b2822;border:1px solid #b1c7b933;border-radius:8px;justify-content:space-around;align-items:center;height:11%;display:flex;position:absolute;bottom:6%;left:5%;right:5%}.preview-nav i{aspect-ratio:1;background:#dae8de75;border-radius:35%;width:7%}.preview-nav i:nth-child(3){background:var(--accent-bright);transform:scale(1.35)}.concept-preview-sheet .preview-panel{grid-template-columns:repeat(3,1fr);width:auto;height:44%;inset:auto 8% 0}.concept-preview-sheet .preview-page{height:66%;top:5%}.concept-preview-sheet .preview-nav{border-radius:999px;left:12%;right:12%}.concept-preview-rail .preview-stage{left:20%}.concept-preview-rail .preview-nav{flex-direction:column;width:12%;height:auto;inset:24% auto 8% 5%}.concept-preview-rail .preview-panel{width:25%;left:auto;right:4%}.concept-preview-tabs .preview-nav{border-radius:6px;height:10%;top:22%;bottom:auto}.concept-preview-tabs .preview-stage{top:34%;bottom:7%}.concept-preview-tabs .preview-panel{left:auto;right:4%}.concept-preview-focus .preview-stage{inset:15% 2% 4%}.concept-preview-focus .preview-top{z-index:2}.concept-preview-focus .preview-nav{border-radius:999px;bottom:7%;left:24%;right:24%;box-shadow:0 8px 22px #00070475}.concept-preview-focus .preview-panel{display:none}.concept-preview-focus .preview-page{width:50%;height:84%;top:8%;left:25%}.mobile-concept-nav{display:none}@media (width>=821px){#conceptGalleryOpen,#fullscreenProject{display:none}}@keyframes mobile-panel-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes mobile-panel-fall{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(28px)}}@keyframes mobile-actions-fade{0%{opacity:0}to{opacity:1}}@keyframes mobile-actions-fade-out{0%{opacity:1}to{opacity:0}}@media (width<=1100px){.app-shell{grid-template-rows:108px 1fr}.topbar{min-height:108px}.brand{min-width:170px}.canvas-editor{border-radius:24px;max-width:270px;left:39%}.history-actions span{display:none}.history-actions .action-button{padding-inline:9px}.side-panel{width:300px}.side-panel-right{width:308px}.zoom-controls{right:340px}}@media (width<=1500px){.history-actions span{display:none}.history-actions .action-button{padding-inline:9px}}@media (width<=900px){.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.mobile-shortcuts-reference{display:block}.concept-gallery{padding:22px 14px 36px}.concept-gallery-header,.concept-kicker{margin-bottom:20px}.concept-title-row{flex-direction:column;align-items:stretch;gap:18px}.concept-title-row>div{width:100%;min-width:0}.concept-title-row h1{font-size:clamp(36px,13vw,56px)}.concept-close{width:100%}.concept-grid{grid-template-columns:1fr;gap:14px}.concept-card-copy{padding:16px}.app-shell{--mobile-nav-offset:68px;--mobile-panel-background:#17241eb8;grid-template-rows:58px minmax(0,1fr);height:100dvh;min-height:0}.topbar{flex-wrap:nowrap;gap:8px;height:58px;min-height:58px;padding:8px 10px}.brand{min-width:0}.brand-mark{border-radius:11px;width:34px;height:34px}.brand-copy,.topbar>.canvas-editor,.topbar>.history-actions{display:none}.file-actions{margin-left:auto;display:flex}.file-actions>:not(.add-menu-wrap){display:none}.topbar .add-menu-wrap>button{min-width:64px;min-height:42px}.mini-menu{top:auto;left:12px;right:12px;bottom:calc(var(--mobile-nav-offset) + 10px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#17241eb8;width:auto;max-height:58dvh;position:fixed;overflow-y:auto}.mini-menu.add-menu{width:auto}.mini-menu.add-menu:not([hidden]):not(.is-mobile-closing){animation:.24s cubic-bezier(.22,1,.36,1) both mobile-panel-rise}.mini-menu.add-menu.is-mobile-closing{pointer-events:none;animation:.24s cubic-bezier(.22,1,.36,1) both mobile-panel-fall}.editor-layout{min-height:0}.workspace-shell{inset:0}.workspace{touch-action:none}.zoom-controls{left:50%;right:auto;bottom:calc(var(--mobile-nav-offset) + 20px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#17241eb8;gap:5px;max-width:calc(100% - 24px);padding:7px 9px;transform:translate(-50%)}.zoom-controls input{width:min(25vw,90px)}.zoom-controls button{min-width:34px;min-height:36px;padding:6px 8px}.mobile-history-controls{left:50%;bottom:calc(var(--mobile-nav-offset) + 20px);z-index:var(--z-floating);pointer-events:none;justify-content:space-between;align-items:center;width:min(100% - 16px,360px);display:flex;position:absolute;transform:translate(-50%)}.mobile-history-controls button{border:1px solid var(--border);width:42px;min-width:42px;height:42px;color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;background:#17241eb8;border-radius:14px;place-items:center;padding:0;display:grid}.mobile-history-controls button:disabled{opacity:.42;cursor:not-allowed}.mobile-history-controls svg{width:18px;height:18px}.mobile-concept-nav{z-index:350;min-height:68px;padding:6px max(6px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#17241eb8;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -14px 34px #00070457}.mobile-concept-nav button{min-width:0;min-height:50px;color:var(--muted);background:0 0;border:0;border-radius:12px;align-content:center;place-items:center;gap:4px;padding:4px;font-size:10px;display:grid}.mobile-concept-nav button:hover,.mobile-concept-nav button[aria-current=page]{background:var(--surface-hover);color:var(--text)}.mobile-concept-nav .icon{width:20px;height:20px}.mobile-concept-nav .mobile-add{color:var(--text)}.mobile-concept-nav .mobile-add .icon{background:var(--accent);border-radius:9px;width:24px;height:24px;padding:4px;overflow:visible}.side-panel,.side-panel.is-height-collapsed,.side-panel.is-panel-faded,.side-panel.is-collapsed{top:8px;right:8px;bottom:calc(var(--mobile-nav-offset) + 8px);border:1px solid var(--border);max-width:none;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;background:#17241eb8;border-radius:24px;transition:opacity .24s cubic-bezier(.22,1,.36,1),transform .24s cubic-bezier(.22,1,.36,1),visibility 0s linear .24s;left:8px;transform:translateY(28px);width:auto!important;height:auto!important;padding:12px!important}.side-panel .panel-content,.side-panel.is-panel-faded .panel-content{opacity:1;height:100%;visibility:inherit;pointer-events:auto;padding-top:48px;transition:none}.app-shell[data-mobile-pane=project] .side-panel-left,.app-shell[data-mobile-pane=inspector] .side-panel-right{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .24s cubic-bezier(.22,1,.36,1),transform .24s cubic-bezier(.22,1,.36,1);animation:.24s cubic-bezier(.22,1,.36,1) both mobile-panel-rise;transform:none}.side-panel.is-mobile-closing{visibility:visible;pointer-events:none;transition:none;animation:.24s cubic-bezier(.22,1,.36,1) both mobile-panel-fall!important}.panel-toggle .icon{display:none}.panel-toggle:before{content:"×";font-size:22px;line-height:1}.panel-toggle-left{left:14px;right:auto}.object-list,.objects-section{max-height:none}.object-row{min-height:72px;padding-right:72px}.object-row .z-badge{display:none}.layer-state-actions{opacity:1;pointer-events:auto}.selection-handle{width:20px;height:20px}.handle-nw{top:-11px;left:-11px}.handle-n{top:-11px}.handle-ne{top:-11px;right:-11px}.handle-e{right:-11px}.handle-se{bottom:-11px;right:-11px}.handle-s{bottom:-11px}.handle-sw{bottom:-11px;left:-11px}.handle-w{left:-11px}.rotation-handle{width:22px;height:22px;top:-48px}.app-shell[data-mobile-pane=actions] .topbar{inset:12px 12px var(--mobile-nav-offset);z-index:360;border:1px solid var(--border);width:auto;height:auto;min-height:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#17241eb8;border-radius:28px;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;padding:16px;animation:.18s ease-out both mobile-actions-fade;display:flex;position:fixed;overflow-y:auto}.app-shell[data-mobile-pane=actions] .topbar.is-mobile-closing{pointer-events:none;animation:.18s ease-out both mobile-actions-fade-out}.app-shell[data-mobile-pane=actions] .brand{width:100%}.app-shell[data-mobile-pane=actions] .brand-copy{display:block}.app-shell[data-mobile-pane=actions] .canvas-editor{border-radius:18px;flex-wrap:wrap;order:2;justify-content:center;width:100%;max-width:none;margin:4px 0;display:flex;position:static;transform:none}.app-shell[data-mobile-pane=actions] .history-actions{display:none}.app-shell[data-mobile-pane=actions] .file-actions{order:3;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.app-shell[data-mobile-pane=actions] .file-actions .add-menu-wrap{display:none}.app-shell[data-mobile-pane=actions] .file-actions>*{display:block}.app-shell[data-mobile-pane=actions] .file-actions button{width:100%;min-height:44px}.mini-menu.add-menu,.side-panel,.side-panel.is-height-collapsed,.side-panel.is-panel-faded,.side-panel.is-collapsed,.app-shell[data-mobile-pane=actions] .topbar{border-color:var(--border);background:var(--mobile-panel-background);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);isolation:isolate}.app-shell[data-mobile-concept=sheet]{--mobile-nav-offset:86px;grid-template-rows:0 minmax(0,1fr)}.app-shell[data-mobile-concept=sheet]>.editor-layout{grid-row:2}.app-shell[data-mobile-concept=sheet]:not([data-mobile-pane=actions]) .topbar{width:0;height:0;min-height:0;box-shadow:none;background:0 0;border:0;padding:0;position:absolute;top:0;left:0;overflow:visible}.app-shell[data-mobile-concept=sheet]:not([data-mobile-pane=actions]) .topbar>.brand,.app-shell[data-mobile-concept=sheet]:not([data-mobile-pane=actions]) .topbar>.canvas-editor,.app-shell[data-mobile-concept=sheet]:not([data-mobile-pane=actions]) .topbar>.history-actions,.app-shell[data-mobile-concept=sheet]:not([data-mobile-pane=actions]) .topbar .file-actions>:not(.add-menu-wrap),.app-shell[data-mobile-concept=sheet]:not([data-mobile-pane=actions]) .topbar #addObject{display:none}.app-shell[data-mobile-concept=sheet]:not([data-mobile-pane=actions]) .topbar .file-actions,.app-shell[data-mobile-concept=sheet]:not([data-mobile-pane=actions]) .topbar .add-menu-wrap{width:0;height:0;margin:0;display:block;position:static}.app-shell[data-mobile-concept=sheet] .mobile-concept-nav{border:1px solid var(--border);border-radius:22px;min-height:62px;bottom:12px;left:12px;right:12px;box-shadow:0 16px 42px #00070485}.app-shell[data-mobile-concept=sheet] .side-panel,.app-shell[data-mobile-concept=sheet] .side-panel.is-height-collapsed,.app-shell[data-mobile-concept=sheet] .side-panel.is-panel-faded,.app-shell[data-mobile-concept=sheet] .side-panel.is-collapsed{top:auto;right:12px;bottom:var(--mobile-nav-offset);border-radius:28px;left:12px;height:min(var(--mobile-panel-height,min(62%, 540px)), calc(100% - 8px))!important}.app-shell[data-mobile-concept=sheet] .mobile-panel-resize-handle{z-index:7;touch-action:none;cursor:ns-resize;width:112px;height:30px;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.app-shell[data-mobile-concept=sheet] .mobile-panel-resize-handle:before{content:"";background:#b4cbbd9e;border-radius:999px;width:48px;height:5px;transition:width .14s,background .14s;position:absolute;top:8px;left:50%;transform:translate(-50%)}.app-shell[data-mobile-concept=sheet] .mobile-panel-resize-handle:hover:before,.app-shell[data-mobile-concept=sheet] .mobile-panel-resize-handle:focus-visible:before,.app-shell[data-mobile-concept=sheet] .side-panel.is-mobile-resizing .mobile-panel-resize-handle:before{background:var(--accent-bright);width:64px}.app-shell[data-mobile-concept=sheet] .side-panel.is-mobile-resizing{-webkit-user-select:none;user-select:none;transition:none!important;animation:none!important}.app-shell[data-mobile-concept=sheet] .side-panel.is-mobile-resize-complete{animation:none!important}.app-shell[data-mobile-concept=sheet] .workspace-shell{bottom:0}.app-shell[data-mobile-concept=sheet] .zoom-controls{bottom:calc(var(--mobile-nav-offset) + 8px)}.app-shell[data-mobile-concept=sheet] .mobile-history-controls{bottom:calc(var(--mobile-nav-offset) + 14px)}.app-shell[data-mobile-concept=rail]{--mobile-nav-offset:8px}.app-shell[data-mobile-concept=rail] .mobile-concept-nav{border:1px solid var(--border);border-radius:20px;grid-template-rows:repeat(5,minmax(52px,1fr));grid-template-columns:1fr;width:64px;min-height:0;padding:5px;inset:66px auto 8px 8px;box-shadow:12px 0 32px #00070452}.app-shell[data-mobile-concept=rail] .workspace-shell{inset:8px 8px 8px 80px}.app-shell[data-mobile-concept=rail] .side-panel,.app-shell[data-mobile-concept=rail] .side-panel.is-height-collapsed,.app-shell[data-mobile-concept=rail] .side-panel.is-panel-faded,.app-shell[data-mobile-concept=rail] .side-panel.is-collapsed{bottom:8px;left:80px;right:8px}.app-shell[data-mobile-concept=rail] .zoom-controls{bottom:16px;left:50%}.app-shell[data-mobile-concept=rail] .mobile-history-controls{bottom:22px}.app-shell[data-mobile-concept=rail] .mini-menu,.app-shell[data-mobile-concept=rail][data-mobile-pane=actions] .topbar{bottom:8px;left:80px}.app-shell[data-mobile-concept=tabs]{--mobile-nav-offset:8px}.app-shell[data-mobile-concept=tabs] .mobile-concept-nav{border-top:0;border-bottom:1px solid var(--border);min-height:54px;top:58px;bottom:auto;box-shadow:0 10px 24px #0007043d}.app-shell[data-mobile-concept=tabs] .mobile-concept-nav button{grid-auto-flow:column;gap:6px;min-height:44px}.app-shell[data-mobile-concept=tabs] .workspace-shell{inset:62px 8px 8px}.app-shell[data-mobile-concept=tabs] .side-panel,.app-shell[data-mobile-concept=tabs] .side-panel.is-height-collapsed,.app-shell[data-mobile-concept=tabs] .side-panel.is-panel-faded,.app-shell[data-mobile-concept=tabs] .side-panel.is-collapsed{top:62px;bottom:8px}.app-shell[data-mobile-concept=tabs] .zoom-controls{bottom:16px}.app-shell[data-mobile-concept=tabs] .mobile-history-controls{bottom:22px}.app-shell[data-mobile-concept=tabs] .mini-menu{top:120px;bottom:auto}.app-shell[data-mobile-concept=tabs][data-mobile-pane=actions] .topbar{top:120px;bottom:8px}.app-shell[data-mobile-concept=focus]{--mobile-nav-offset:82px}.app-shell[data-mobile-concept=focus] .topbar{box-shadow:none;background:linear-gradient(#0b1210eb,#0b121000);border-bottom-color:#0000}.app-shell[data-mobile-concept=focus] .mobile-concept-nav{border:1px solid var(--border);border-radius:999px;width:min(300px,100% - 20px);min-height:62px;bottom:12px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 18px 44px #0007048f}.app-shell[data-mobile-concept=focus] .mobile-concept-nav button{border-radius:999px}.app-shell[data-mobile-concept=focus] .workspace-shell{inset:0 0 calc(var(--mobile-nav-offset) - 6px)}.app-shell[data-mobile-concept=focus] .side-panel,.app-shell[data-mobile-concept=focus] .side-panel.is-height-collapsed,.app-shell[data-mobile-concept=focus] .side-panel.is-panel-faded,.app-shell[data-mobile-concept=focus] .side-panel.is-collapsed{top:8px;bottom:var(--mobile-nav-offset);border-radius:28px}.app-shell[data-mobile-concept=focus] .zoom-controls{top:66px;bottom:auto}.app-shell[data-mobile-concept=focus] .mobile-history-controls{top:72px;bottom:auto}}@media (width<=380px){.mobile-concept-nav button{font-size:9px}.mobile-concept-nav .icon{width:18px;height:18px}.zoom-controls input{display:none}.effect-row{grid-template-columns:58px minmax(0,1fr) 38px}.effect-row button{grid-column:2/-1}.style-line{gap:10px}}@media (prefers-reduced-motion:reduce){.concept-card,.side-panel{transition:none!important}.app-shell[data-mobile-pane=project] .side-panel-left,.app-shell[data-mobile-pane=inspector] .side-panel-right,.app-shell[data-mobile-pane=actions] .topbar{animation:none!important}}