@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{font-family:Barlow Condensed,Bahnschrift,sans-serif;color:#ece8dc;background:#171714;font-synthesis:none;text-rendering:geometricPrecision;--ink: #171714;--ink-2: #22221e;--ink-3: #2c2c27;--line: rgba(236, 232, 220, .12);--muted: #98978e;--paper: #efede5;--orange: #f28b24;--orange-dark: #c6620b;--cyan: #20b8d7;--green: #78cf3e;--danger: #e05b48}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:1024px}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.app{display:grid;grid-template-columns:66px minmax(0,1fr) 332px;grid-template-rows:64px 46px minmax(0,1fr);width:100%;height:100%;background:radial-gradient(circle at 40% 20%,rgba(242,139,36,.055),transparent 28%),#171714}.eyebrow{color:#8e8d84;font-family:IBM Plex Mono,Consolas,monospace;font-size:9px;font-weight:600;letter-spacing:.14em;line-height:1.2}.toolbar{z-index:30;grid-column:1;grid-row:1 / 4;display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line);background:linear-gradient(90deg,rgba(255,255,255,.02),transparent),#11110f;box-shadow:8px 0 24px #0000001f}.toolbar__brand{display:grid;place-items:center;width:100%;height:64px;color:#151510;background:var(--orange);border-bottom:1px solid rgba(0,0,0,.25)}.toolbar__tools{display:flex;flex:1;flex-direction:column;align-items:center;gap:5px;padding:18px 0}.tool-button{position:relative;display:grid;place-items:center;width:43px;height:43px;padding:0;color:#aaa89e;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:.14s ease}.tool-button:hover{color:#f5f1e5;background:#ffffff0e}.tool-button.is-active{color:#171714;background:var(--orange);border-color:#ffb15b;box-shadow:0 6px 16px #f28b2438}.tool-button>span{position:absolute;right:3px;bottom:1px;font-family:IBM Plex Mono,monospace;font-size:7px;font-weight:600;opacity:.58}.tool-button:after{position:absolute;z-index:100;top:50%;left:calc(100% + 13px);width:max-content;padding:6px 9px;color:#eae6da;background:#11110f;border:1px solid #44443d;border-radius:3px;content:attr(data-tooltip);font-family:IBM Plex Mono,monospace;font-size:10px;opacity:0;pointer-events:none;transform:translate(-5px,-50%);transition:.12s ease}.tool-button:hover:after{opacity:1;transform:translateY(-50%)}.toolbar__coordinate{display:flex;gap:5px;padding:16px 0;color:#5e5d56;font-family:IBM Plex Mono,monospace;font-size:8px}.toolbar__coordinate span:first-child{color:var(--orange)}.topbar{z-index:25;grid-column:2 / 4;grid-row:1;display:grid;grid-template-columns:minmax(210px,1fr) auto 1fr;align-items:center;gap:18px;min-width:0;padding:0 16px 0 22px;border-bottom:1px solid var(--line);background:#181815f5;backdrop-filter:blur(16px)}.topbar__project{display:flex;min-width:0;flex-direction:column;gap:3px}.project-title{width:min(360px,100%);padding:0;overflow:hidden;color:#f3efe4;background:transparent;border:0;font-size:19px;font-weight:700;letter-spacing:.01em;text-overflow:ellipsis}.topbar__history,.topbar__actions{display:flex;align-items:center;gap:7px}.topbar__actions{justify-content:flex-end}.icon-button{display:grid;place-items:center;width:32px;height:32px;padding:0;color:#bbb8ad;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer}.icon-button:hover:not(:disabled){color:#fffaf0;background:#2a2a25;border-color:var(--line)}.icon-button:disabled{opacity:.25;cursor:default}.save-status{display:flex;align-items:center;gap:6px;margin-left:7px;color:#7e7d74;font-family:IBM Plex Mono,monospace;font-size:9px;white-space:nowrap}.save-status i{width:6px;height:6px;background:#77766e;border-radius:50%}.save-status--saved i{background:var(--green);box-shadow:0 0 8px #78cf3e80}.save-status--saving i{background:var(--orange);animation:pulse 1s infinite}.save-status--error i{background:var(--danger)}@keyframes pulse{50%{opacity:.3}}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:.13s ease}.button--ghost{color:#b4b1a6;background:#22221e;border-color:#ffffff12}.button--ghost:hover{color:#fffaf0;background:#2d2d28;border-color:#ffffff24}.button--primary{color:#171714;background:var(--orange);border-color:#ffab50}.button--primary:hover{background:#ff9c34;box-shadow:0 6px 18px #f28b2433}.button--danger{color:#f4cbc5;background:#e05b481a;border-color:#e05b4842}.button--danger:hover{background:#e05b4833}.export-menu{position:relative}.export-popover{position:absolute;z-index:80;top:calc(100% + 10px);right:0;width:232px;padding:6px;background:#1d1d19;border:1px solid #3c3c35;border-radius:5px;box-shadow:0 20px 42px #00000070;animation:pop-in .12s ease-out}@keyframes pop-in{0%{opacity:0;transform:translateY(-5px)}}.export-popover button{display:flex;width:100%;align-items:center;gap:10px;padding:9px 10px;color:#c9c6bb;background:transparent;border:0;border-radius:3px;text-align:left;cursor:pointer}.export-popover button:hover{color:#fffaf0;background:#2a2a25}.export-popover span{display:flex;flex-direction:column}.export-popover b{font-size:12px}.export-popover small{color:#77766e;font-family:IBM Plex Mono,monospace;font-size:8px}.canvas-shell{position:relative;grid-column:2;grid-row:3;min-width:0;min-height:0;overflow:hidden;background-color:#34342e;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at 50% 40%,rgba(255,255,255,.045),transparent 62%);background-size:22px 22px,22px 22px,100% 100%}.canvas-shell:after{position:absolute;inset:0;border:1px solid rgba(0,0,0,.22);content:"";pointer-events:none}.canvas-shell canvas{cursor:crosshair}.canvas-shell.is-placing-asset canvas{cursor:copy}.canvas-shell.is-select-tool canvas{cursor:default}.canvas-shell.is-select-tool.is-over-entity canvas,.canvas-shell.is-select-tool[data-cursor=move] canvas{cursor:move}.canvas-shell.is-select-tool[data-cursor=ns-resize] canvas{cursor:ns-resize}.canvas-shell.is-select-tool[data-cursor=ew-resize] canvas{cursor:ew-resize}.canvas-shell.is-select-tool[data-cursor=nwse-resize] canvas{cursor:nwse-resize}.canvas-shell.is-select-tool[data-cursor=nesw-resize] canvas{cursor:nesw-resize}.canvas-shell.is-select-tool[data-cursor=rotate] canvas{cursor:grab}.canvas-shell.is-select-tool[data-cursor=rotating] canvas{cursor:grabbing}.canvas-shell.is-asset-drag-over:before{position:absolute;z-index:8;inset:10px;border:2px dashed var(--orange);content:"";pointer-events:none}.text-edit-overlay{position:absolute;z-index:14;box-sizing:border-box;margin:0;padding:8px;border:2px solid var(--orange);border-radius:2px;background:#181815f0;font-family:Bahnschrift,Segoe UI,sans-serif;font-weight:700;line-height:1.15;letter-spacing:.01em;resize:none;outline:none;overflow:hidden;transform-origin:top left;box-shadow:0 10px 28px #00000059;caret-color:var(--orange)}.text-edit-overlay::placeholder{color:#c8c5ba73;font-weight:600}.canvas-hud{position:absolute;z-index:10;bottom:14px;display:flex;height:34px;align-items:center;gap:8px;padding:0 11px;color:#c8c5ba;background:#12120fe0;border:1px solid rgba(255,255,255,.1);border-radius:3px;box-shadow:0 8px 20px #0000002e;backdrop-filter:blur(10px)}.canvas-hud--left{left:14px;font-family:IBM Plex Mono,monospace;font-size:9px}.canvas-hud--left svg{color:var(--orange)}.canvas-hud--right{right:14px;padding:0 4px;gap:2px}.canvas-hud--right button{display:grid;place-items:center;width:28px;height:27px;padding:0;color:#c6c3b7;background:transparent;border:0;border-radius:2px;cursor:pointer}.canvas-hud--right button:hover{color:#171714;background:var(--orange)}.canvas-hud--right span{min-width:46px;font-family:IBM Plex Mono,monospace;font-size:9px;text-align:center}.map-size-badge{position:absolute;top:13px;left:14px;padding:6px 8px;color:#a5a39a;background:#11110fbd;border-left:2px solid var(--orange);font-family:IBM Plex Mono,monospace;font-size:8px;letter-spacing:.05em;pointer-events:none}.toolbar__bottom{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 0 16px;margin-top:auto;border-top:1px solid var(--line)}.tool-button--snap.is-active{color:#171714;background:var(--cyan);border-color:#4cd6ea;box-shadow:0 6px 16px #20b8d738}.tool-button--minimap.is-active{color:#171714;background:var(--green);border-color:#5bc42a;box-shadow:0 6px 16px #78cf3e38}.minimap{position:absolute;bottom:60px;left:14px;z-index:10;border:1px solid rgba(236,232,220,.18);border-radius:4px;background:#11110fd9;box-shadow:0 8px 24px #00000059;overflow:hidden;pointer-events:auto;cursor:pointer}.minimap canvas{display:block}.tool-options{z-index:24;grid-column:2;grid-row:2;display:flex;align-items:center;gap:10px;min-width:0;height:46px;padding:0 12px 0 14px;overflow-x:auto;overflow-y:hidden;color:#d9d5ca;border-bottom:1px solid var(--line);background:#151512}.tool-options__tool,.tool-options__metric{display:grid;flex:0 0 auto;align-content:center;gap:1px;min-width:58px}.tool-options__tool span,.tool-options__metric span,.tool-options__presets span,.tool-options__heights span{font-family:IBM Plex Mono,monospace}.tool-options__tool span,.tool-options__metric span{color:#85837a;font-size:7px;letter-spacing:.1em}.tool-options__tool strong,.tool-options__metric strong{color:var(--orange);font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.1;white-space:nowrap}.tool-options__metric small{color:#79786f;font-family:IBM Plex Mono,monospace;font-size:7px}.tool-options__divider{flex:0 0 1px;width:1px;height:28px;background:var(--line)}.tool-options__heights,.tool-options__presets{display:flex;flex:0 0 auto;align-items:center;gap:3px}.tool-options__heights button,.tool-options__presets button{display:grid;min-width:26px;height:32px;place-items:center;align-content:center;gap:1px;padding:2px;color:#8b8980;background:#282823;border:1px solid #3a3a33;border-radius:2px;cursor:pointer;transition:.1s ease}.tool-options__heights button{width:28px}.tool-options__heights button:hover,.tool-options__presets button:hover{color:#eeeade;border-color:#77756c}.tool-options__heights button.is-active,.tool-options__presets button.is-active{color:#171714;background:var(--orange);border-color:#ffbd78;box-shadow:0 4px 10px #f28b2438}.tool-options__heights i{width:100%;height:12px;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px #0000002e}.tool-options__heights span,.tool-options__presets span{font-size:6px;font-weight:700}.tool-options__presets i{display:block;max-width:16px;max-height:16px;background:currentColor;border-radius:50%}.tool-options__size{display:flex;flex:0 1 auto;align-items:center;gap:8px;min-width:0}.tool-options__size>input{width:84px;height:3px;margin:0;accent-color:var(--orange)}.tool-options__chip{flex:0 0 auto;height:28px;padding:0 10px;color:#8b8980;background:#282823;border:1px solid #3a3a33;border-radius:2px;font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.tool-options__chip:hover{color:#eeeade;border-color:#77756c}.tool-options__chip.is-active{color:#171714;background:var(--orange);border-color:#ffbd78}.tool-options__color{display:flex;flex:0 0 auto;align-items:center;gap:8px}.tool-options__swatch{position:relative;display:block;width:28px;height:28px;overflow:hidden;border:1px solid #55544c;border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff1f;cursor:pointer}.tool-options__swatch input{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;border:0;cursor:pointer}.tool-options__swatches{display:flex;gap:4px}.tool-options__swatches button{width:18px;height:18px;padding:0;border:1px solid #55544c;border-radius:2px;cursor:pointer}.tool-options__swatches button.is-active{outline:2px solid var(--orange);outline-offset:1px}.tool-options__angle{display:flex;flex:0 0 auto;align-items:center;gap:8px;min-width:220px}.tool-options__angle input[type=range]{width:120px;height:3px;margin:0;accent-color:var(--orange)}.tool-options__angle input[type=number]{width:52px;height:28px;padding:0 6px;color:#f4f1e7;background:#1f1f1b;border:1px solid #3a3a33;border-radius:2px;font-family:IBM Plex Mono,monospace;font-size:11px}.tool-options__angle input[type=number]:focus{outline:none;border-color:var(--orange)}.tool-options__slider{display:flex;flex:0 0 auto;align-items:center;gap:8px;min-width:132px}.tool-options__slider>input{width:88px;height:3px;margin:0;accent-color:var(--orange)}.canvas-shell.is-space-pan .konvajs-content{cursor:grab!important}.grid-visibility-toggle{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 2px;color:#c9c5b9;font-family:IBM Plex Mono,monospace;font-size:9px;cursor:pointer}.grid-visibility-toggle input{width:14px;height:14px;margin:0;accent-color:var(--orange)}.grid-visibility-toggle kbd{margin-left:auto;padding:2px 5px;color:#89877e;background:#252520;border:1px solid #3b3a33;border-radius:2px;font-family:inherit;font-size:8px}.color-presets{display:flex;gap:9px;margin-top:-3px}.color-presets button{width:30px;height:30px;border:2px solid rgba(20,20,17,.25);border-radius:7px;background:var(--swatch-color);box-shadow:inset 0 0 0 2px #ffffff3d;cursor:pointer}.color-presets button.is-active{border-color:#f28b24;box-shadow:0 0 0 2px #f28b2440,inset 0 0 0 2px #ffffff4d}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);background:#1616120d;border-radius:8px}.mode-toggle button{border:0;border-radius:5px;padding:8px 6px;background:transparent;color:var(--muted);font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.mode-toggle button.is-active{background:#171714;color:#f4f1e7}.mode-toggle--bar{flex:0 0 auto;width:auto;min-width:168px;padding:3px;border-radius:4px;background:#1f1f1b}.mode-toggle--bar button{padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:8px;letter-spacing:.04em;text-transform:uppercase}.mode-toggle--bar button.is-active{background:var(--orange);color:#171714}.resolution-picker{position:absolute;top:50%;left:50%;display:flex;width:560px;flex-direction:column;gap:12px;padding:24px 28px;color:#e9e5da;background:#12120ff0;border:1px solid rgba(242,139,36,.3);border-left:4px solid var(--orange);border-radius:4px;box-shadow:0 24px 60px #0006;transform:translate(-50%,-50%);animation:onboarding-in .48s cubic-bezier(.2,.9,.2,1)}.resolution-picker h2{margin:0;font-size:22px;line-height:1}.resolution-picker__subtitle{color:#98978e;font-size:12px;margin:0}.resolution-picker__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.resolution-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 8px 12px;color:#aaa89e;background:#1f1f1b;border:1px solid rgba(255,255,255,.08);border-radius:5px;cursor:pointer;transition:.16s ease}.resolution-card:hover{color:#e9e5da;background:#282824;border-color:#f28b2440}.resolution-card.is-selected{color:#171714;background:var(--orange);border-color:#ffb15b}.resolution-card strong{font-size:11px;letter-spacing:.04em}.resolution-card span{font-family:IBM Plex Mono,monospace;font-size:9px}.resolution-card small{font-size:8px;opacity:.6}.resolution-picker__custom{display:flex;flex-direction:column;gap:8px}.resolution-custom-toggle{align-self:flex-start;padding:6px 12px;color:var(--muted);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:3px;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.04em;cursor:pointer;transition:.12s ease}.resolution-custom-toggle:hover{color:#e9e5da;border-color:#fff3}.resolution-custom-toggle.is-active{color:var(--orange);border-color:var(--orange)}.resolution-custom-fields{display:flex;align-items:flex-end;gap:8px}.resolution-custom-fields label{display:flex;flex-direction:column;gap:3px}.resolution-custom-fields label span:first-child{font-family:IBM Plex Mono,monospace;font-size:8px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.resolution-custom-fields input{width:100px;padding:7px 10px;color:#e9e5da;background:#1a1a17;border:1px solid rgba(255,255,255,.12);border-radius:3px;font-family:IBM Plex Mono,monospace;font-size:12px}.resolution-custom-fields input:focus{outline:none;border-color:var(--orange)}.resolution-custom-x{padding-bottom:7px;color:var(--muted);font-size:14px}.resolution-custom-unit{font-family:IBM Plex Mono,monospace;font-size:8px;color:var(--muted)}.right-panel{z-index:20;grid-column:3;grid-row:2 / 4;min-width:0;min-height:0;overflow:hidden;border-left:1px solid var(--line);background:#1b1b18}.panel-tabs{display:grid;grid-template-columns:repeat(3,1fr);height:46px;border-bottom:1px solid var(--line);background:#151512}.panel-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;padding:0;color:#77766e;background:transparent;border:0;font-size:10px;font-weight:700;cursor:pointer}.panel-tabs button:hover{color:#c8c5ba}.panel-tabs button.is-active{color:#f2eee3;background:#1f1f1b}.panel-tabs button.is-active:after{position:absolute;right:14px;bottom:0;left:14px;height:2px;background:var(--orange);content:""}.right-panel__content{height:calc(100% - 46px);overflow-x:hidden;overflow-y:auto}.inspector,.assets-panel,.layers-panel{padding:19px 18px 28px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px;color:#8d8b82}.panel-heading h3{margin:3px 0 0;color:#eeeadd;font-size:20px;line-height:1}.panel-heading--small{margin-bottom:12px}.panel-heading--small h3{font-size:16px}.panel-copy{margin:-6px 0 16px;color:#8e8c83;font-family:IBM Plex Mono,monospace;font-size:9px;line-height:1.6}.document-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:21px;background:var(--line);border:1px solid var(--line)}.document-stats>div{display:flex;min-width:0;flex-direction:column;gap:3px;padding:10px 8px;background:#20201c}.document-stats span{color:#6f6e67;font-family:IBM Plex Mono,monospace;font-size:7px;text-transform:uppercase}.document-stats b{overflow:hidden;color:#d9d5c9;font-family:IBM Plex Mono,monospace;font-size:10px;text-overflow:ellipsis}.field{display:flex;min-width:0;flex-direction:column;gap:7px;margin-bottom:14px}.field>span{color:#8c8a81;font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.field input[type=text],.field input[type=number],.field select,.field textarea{width:100%;min-height:34px;padding:7px 9px;color:#e8e4d9;background:#24241f;border:1px solid #3a3a33;border-radius:3px;font-size:12px}.field textarea{resize:vertical}.field input[type=color]{width:100%;height:34px;padding:3px;background:#24241f;border:1px solid #3a3a33;border-radius:3px;cursor:pointer}.field input[type=range]{width:100%;height:3px;margin:8px 0;accent-color:var(--orange)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.height-slider{position:relative;padding-bottom:9px}.height-ramp{position:absolute;right:0;bottom:0;left:0;height:4px;background:linear-gradient(90deg,#000,#fff);border:1px solid #4b4b44}.water-depth-ramp{position:absolute;right:0;bottom:0;left:0;height:4px;background:linear-gradient(90deg,#d7f6fb,#2aafd0,#072d52);border:1px solid #4b4b44}.section-divider{height:1px;margin:20px -18px;background:var(--line)}.inspector__selection{display:flex;align-items:center;gap:9px;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid var(--line)}.inspector__selection strong{overflow:hidden;color:#ede9dc;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.entity-chip{flex:0 0 auto;padding:4px 6px;color:#171714;background:var(--orange);border-radius:2px;font-family:IBM Plex Mono,monospace;font-size:7px;font-weight:700;text-transform:uppercase}.entity-chip--terrain{background:#b9b9af}.entity-chip--water{background:var(--cyan)}.entity-chip--path,.entity-chip--arrow{background:var(--green)}.inspector__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.asset-card{display:flex;min-height:84px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px;color:#bdbab0;background:#22221e;border:1px solid #35352f;border-radius:3px;cursor:pointer;transition:.14s ease}.asset-card span{display:grid;place-items:center;width:42px;height:38px;color:#e5e1d5;background:linear-gradient(135deg,rgba(242,139,36,.18),transparent),#2b2b26;border:1px solid rgba(242,139,36,.28)}.asset-card b{font-size:10px;letter-spacing:.03em}.asset-card small{color:#6f6e67;font-family:IBM Plex Mono,monospace;font-size:7px}.asset-card:hover{color:#fffaf0;background:#2d2d27;border-color:var(--orange);transform:translateY(-2px)}.asset-card.is-dragging{opacity:.42;transform:scale(.96)}.asset-card.is-pending{color:#171714;background:var(--orange);border-color:#ffb361;box-shadow:0 8px 20px #f28b2433}.asset-card.is-pending span{color:#171714;background:#ffffff40;border-color:#17171438}.asset-card.is-pending small{color:#4c2a0b}.asset-drop-overlay{position:absolute;z-index:15;top:50%;left:50%;display:flex;min-width:260px;flex-direction:column;align-items:center;gap:5px;padding:20px 24px;color:#171714;background:var(--orange);border:1px solid #ffbd78;box-shadow:0 22px 52px #00000057;pointer-events:none;transform:translate(-50%,-50%)}.asset-drop-overlay strong{margin-top:3px;font-size:20px}.asset-drop-overlay span{font-family:IBM Plex Mono,monospace;font-size:8px}.placement-hint{position:absolute;z-index:16;top:13px;left:50%;display:flex;height:38px;align-items:center;gap:8px;padding:0 6px 0 12px;color:#171714;background:var(--orange);border:1px solid #ffbd78;box-shadow:0 10px 26px #00000040;transform:translate(-50%)}.placement-hint span{font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:600}.placement-hint button{height:27px;padding:0 8px;color:#f4efe2;background:#171714;border:0;font-size:9px;font-weight:700;cursor:pointer}.asset-note{display:flex;gap:10px;margin-top:18px;padding:12px;color:#807f77;background:#20b8d70e;border:1px solid rgba(32,184,215,.14)}.asset-note i{flex:0 0 auto;width:7px;height:7px;margin-top:3px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px #20b8d773}.asset-note p{margin:0;font-family:IBM Plex Mono,monospace;font-size:8px;line-height:1.55}.asset-note b{color:#b7dfe6}.layer-list{display:flex;flex-direction:column;gap:6px}.layer-row{display:grid;grid-template-columns:5px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:7px 8px;color:#b5b2a8;background:#22221e;border:1px solid #33332d;border-radius:3px;text-align:left;cursor:pointer}.layer-row>i{width:4px;height:30px}.layer-row>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.layer-row b{font-size:12px}.layer-row small{color:#6f6e67;font-family:IBM Plex Mono,monospace;font-size:7px}.layer-row:hover,.layer-row.is-active{background:#2a2a25;border-color:#4b4b43}.layer-row.is-active{box-shadow:inset 2px 0 0 var(--orange)}.layer-row__actions{display:flex;gap:2px}.layer-row__actions>span{display:grid;place-items:center;width:25px;height:25px;color:#817f77;border-radius:2px}.layer-row__actions>span:hover{color:#eeeadd;background:#ffffff12}.dialog-backdrop{position:fixed;z-index:120;inset:0;display:grid;place-items:center;background:#080807b8;backdrop-filter:blur(8px);animation:fade-in .12s ease}@keyframes fade-in{0%{opacity:0}}.expand-dialog{position:relative;width:540px;padding:28px 30px 30px;background:linear-gradient(135deg,rgba(242,139,36,.06),transparent 42%),#1d1d19;border:1px solid #484840;border-top:3px solid var(--orange);box-shadow:0 32px 90px #00000085;animation:dialog-in .18s cubic-bezier(.2,.9,.2,1)}@keyframes dialog-in{0%{opacity:0;transform:scale(.97) translateY(10px)}}.dialog-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:30px;height:30px;color:#96948b;background:transparent;border:0;cursor:pointer}.dialog-close:hover{color:#fff;background:#2d2d28}.expand-dialog h2{margin:8px 0 7px;color:#f0ecdf;font-size:31px;line-height:1}.expand-dialog>p{max-width:420px;margin:0 0 20px;color:#98968d;font-family:IBM Plex Mono,monospace;font-size:9px;line-height:1.6}.expand-control{margin-bottom:20px;padding:12px;background:#24241f;border:1px solid #393932}.expand-control>label{display:block;margin-bottom:7px;color:#8b8981;font-family:IBM Plex Mono,monospace;font-size:8px;text-transform:uppercase}.expand-control>div{display:flex;align-items:center;gap:10px}.expand-control input{width:100px;height:34px;padding:0 8px;color:#f1ede1;background:#171714;border:1px solid #45453e}.expand-control span{color:#77766e;font-family:IBM Plex Mono,monospace;font-size:9px}.expand-compass{display:grid;grid-template-columns:1fr 1.4fr 1fr;grid-template-rows:70px 96px 70px;gap:6px}.expand-current{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eae6db;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),#2c2c27;background-size:12px 12px;border:1px solid #55554d}.expand-current strong{font-family:IBM Plex Mono,monospace;font-size:13px}.expand-current span{color:#7f7e76;font-size:10px}.expand-direction{display:flex;align-items:center;justify-content:center;gap:6px;color:#bbb8ad;background:#272722;border:1px dashed #505049;cursor:pointer}.expand-direction:hover{color:#171714;background:var(--orange);border-color:#ffb361}.expand-direction--top{grid-column:2;grid-row:1}.expand-direction--right{grid-column:3;grid-row:2}.expand-direction--bottom{grid-column:2;grid-row:3}.expand-direction--left{grid-column:1;grid-row:2}.confirm-dialog{position:relative;width:420px;padding:28px 30px 26px;background:linear-gradient(135deg,rgba(242,139,36,.06),transparent 42%),#1d1d19;border:1px solid #484840;border-top:3px solid var(--orange);border-radius:3px;box-shadow:0 32px 90px #00000085;animation:dialog-in .18s cubic-bezier(.2,.9,.2,1)}.confirm-dialog__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:4px;color:#ffb15b;background:#f28b241a;border-radius:50%}.confirm-dialog h2{margin:0;font-size:20px;line-height:1}.confirm-dialog p{margin:6px 0 0;color:#98978e;font-size:12px;line-height:1.5}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.confirm-dialog .dialog-close{position:absolute;top:12px;right:12px}.loading-screen{position:fixed;z-index:200;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#8d8b82;background:#171714;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.loading-mark{width:38px;height:38px;border:3px solid #383832;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;z-index:160;bottom:20px;left:50%;padding:10px 14px;color:#171714;background:var(--orange);border:1px solid #ffc080;border-radius:3px;box-shadow:0 14px 34px #00000059;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;transform:translate(-50%);animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#171714}::-webkit-scrollbar-thumb{background:#41413a;border:2px solid #171714}@media(max-width:1180px){.app{grid-template-columns:62px minmax(0,1fr) 300px}.topbar__actions .button--ghost{width:34px;padding:0;font-size:0}.topbar{grid-template-columns:minmax(160px,1fr) auto auto}.resolution-picker{width:430px}}