@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=IM+Fell+English:ital@0;1&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--parchment: #D4C9A8;--parchment-light: #DDD5B8;--ink-dark: #2E2A22;--ink-mid: #4A3F30;--ink-light: #5A4A3A;--shadow-blue: rgba(130, 130, 160, .3);--ui-bg: #2D2D2A;--ui-bg-light: #3E3E3A;--ui-border: #4A4A44;--ui-text: #D4C9A8;--ui-text-dim: #8A8474;--ui-accent: #8B7D5E;--ui-hover: #4A4A40;--toolbar-width: 160px;--menubar-height: 36px;--right-panel-width: 180px}html,body{width:100%;height:100%;overflow:hidden;background:#1a1a18;font-family:IM Fell English,serif;color:var(--ui-text);-webkit-user-select:none;user-select:none}#menubar{position:fixed;top:0;left:0;right:0;height:var(--menubar-height);background:var(--ui-bg);border-bottom:1px solid var(--ui-border);display:flex;align-items:center;justify-content:space-between;padding:0 8px;z-index:100}.menu-left,.menu-right{display:flex;align-items:center;gap:4px}.menu-center{font-family:Cinzel,serif;font-size:13px;color:var(--ui-accent);letter-spacing:1px}.menu-btn{background:transparent;border:1px solid transparent;color:var(--ui-text);font-family:IM Fell English,serif;font-size:12px;padding:4px 10px;cursor:pointer;border-radius:3px;transition:all .15s}.menu-btn:hover{background:var(--ui-hover);border-color:var(--ui-border)}.menu-btn.small{padding:4px 8px;font-size:11px}.menu-sep{color:var(--ui-border);margin:0 4px}#zoom-display{font-size:12px;min-width:45px;text-align:center;color:var(--ui-text-dim)}#toolbar{position:fixed;top:var(--menubar-height);left:0;width:var(--toolbar-width);bottom:0;background:var(--ui-bg);border-right:1px solid var(--ui-border);z-index:100;overflow-y:auto;overflow-x:hidden}.tool-section{padding:10px;border-bottom:1px solid var(--ui-border)}.tool-label{font-family:Cinzel,serif;font-size:11px;color:var(--ui-text-dim);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.tool-btn{width:40px;height:40px;background:var(--ui-bg-light);border:1px solid var(--ui-border);border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin:2px;transition:all .15s;color:var(--ui-text)}.tool-btn svg{width:20px;height:20px;fill:currentColor;stroke:currentColor}.tool-btn:hover{background:var(--ui-hover);border-color:var(--ui-accent)}.tool-btn.active{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ink-dark)}.tool-btn.active svg{fill:var(--ink-dark);stroke:var(--ink-dark)}.asset-grid{display:flex;flex-direction:column;gap:2px}.asset-category-header{font-family:Cinzel,serif;font-size:10px;color:var(--ui-text-dim);letter-spacing:.5px;text-transform:uppercase;padding:6px 2px 3px;border-bottom:1px solid var(--ui-border);margin-bottom:2px}.asset-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:4px}.asset-btn{aspect-ratio:1;background:var(--ui-bg-light);border:1px solid var(--ui-border);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .15s;padding:4px;position:relative;overflow:hidden}.asset-btn:hover{background:var(--ui-hover);border-color:var(--ui-accent)}.asset-btn.active{border-color:var(--ui-accent);background:#8b7d5e33}.asset-btn canvas{width:100%;height:100%;pointer-events:none}.asset-btn .asset-thumb{width:90%;height:75%;object-fit:contain;pointer-events:none;image-rendering:auto}.asset-btn .asset-name{font-size:9px;color:var(--ui-text-dim);text-align:center;margin-top:2px;line-height:1}.tool-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--ui-border);border-radius:2px;outline:none}.tool-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--ui-accent);border-radius:50%;cursor:pointer}#path-width-display{font-size:11px;color:var(--ui-text-dim);display:block;text-align:center;margin-top:4px}#right-panel{position:fixed;top:var(--menubar-height);right:0;width:var(--right-panel-width);bottom:0;background:var(--ui-bg);border-left:1px solid var(--ui-border);z-index:100;transition:transform .2s}#right-panel.collapsed{transform:translate(calc(var(--right-panel-width) - 24px))}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--ui-border);font-family:Cinzel,serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ui-text-dim)}.panel-content{padding:8px;overflow-y:auto;max-height:calc(100vh - var(--menubar-height) - 36px)}.layer-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:3px;font-size:12px;cursor:pointer;transition:background .1s}.layer-item:hover{background:var(--ui-hover)}.layer-item.selected{background:#8b7d5e33}.layer-eye{width:16px;height:16px;opacity:.6;cursor:pointer}.layer-eye:hover{opacity:1}.layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-type{font-size:10px;color:var(--ui-text-dim)}#canvas{position:fixed;top:var(--menubar-height);left:var(--toolbar-width);width:calc(100vw - var(--toolbar-width) - var(--right-panel-width));height:calc(100vh - var(--menubar-height));cursor:crosshair;background:#1a1a18}.context-menu{position:fixed;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:4px;padding:4px 0;z-index:200;min-width:140px;box-shadow:0 4px 12px #0006}.context-menu-item{padding:6px 16px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:8px}.context-menu-item:hover{background:var(--ui-hover)}.context-menu-sep{height:1px;background:var(--ui-border);margin:4px 0}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--ui-bg);border:1px solid var(--ui-border);color:var(--ui-text);padding:8px 20px;border-radius:4px;font-size:13px;z-index:300;opacity:0;transition:opacity .3s;pointer-events:none}.toast.show{opacity:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--ui-bg)}::-webkit-scrollbar-thumb{background:var(--ui-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ui-accent)}