.app{width:100%;height:100%;display:flex;flex-direction:column;background:#141a29;color:#d0d6e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px}.toolbar{display:flex;flex-direction:column;gap:6px;padding:10px 22px;background:#1a2136;border-bottom:1px solid #252d40;flex-shrink:0}.toolbar-row{display:flex;align-items:center;gap:14px}.toolbar-spacer{flex:1}.toolbar-title{font-weight:700;font-size:24px;letter-spacing:.02em;white-space:nowrap}.preset-trigger,.btn-mode{padding:7px 14px;border:1px solid #2a334b;border-radius:5px;background:#1a2136;color:#c8d0e0;cursor:pointer;font-size:17px;line-height:1.4;white-space:nowrap;transition:background .15s,border-color .15s}.preset-trigger:hover,.btn-mode:hover{background:#252d40;border-color:#3b4560}.preset-dropdown{position:relative}.preset-menu{position:absolute;top:calc(100% + 4px);left:0;padding:4px;background:#1a2136;border:1px solid #2a334b;border-radius:6px;z-index:100;box-shadow:0 4px 16px #00000080;min-width:130px}.preset-item{display:block;width:100%;padding:8px 14px;border:none;border-radius:4px;background:transparent;color:#c8d0e0;cursor:pointer;font-size:17px;text-align:left;transition:background .1s}.preset-item:hover{background:#252d40}.mode-buttons{display:flex;gap:0}.mode-buttons .btn-mode:first-child{border-radius:5px 0 0 5px}.mode-buttons .btn-mode:last-child{border-radius:0 5px 5px 0;border-left:none}.mode-buttons .btn-mode.active{background:#252d40;border-color:gold;color:gold}.color-picker{position:relative;margin-left:auto}.color-trigger{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #2a334b;border-radius:5px;background:#1a2136;color:#c8d0e0;cursor:pointer;font-size:17px;transition:background .15s}.color-trigger:hover{background:#252d40}.color-swatch{width:24px;height:24px;border-radius:3px;border:1px solid #4a5570;flex-shrink:0}.color-panel{position:absolute;top:calc(100% + 8px);right:0;padding:14px;background:#1a2136;border:1px solid #2a334b;border-radius:8px;z-index:100;box-shadow:0 6px 24px #0009;min-width:280px}.color-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.color-swatch-btn{width:32px;height:32px;border:2px solid transparent;border-radius:5px;cursor:pointer;padding:0;outline:none;transition:transform .1s,border-color .1s}.color-swatch-btn:hover,.color-swatch-btn.active{border-color:gold;transform:scale(1.18)}.color-custom{margin-bottom:12px}.color-custom .react-colorful{width:100%!important;height:150px!important}.color-clear-btn{width:100%;padding:8px;border:1px solid #2a334b;border-radius:5px;background:transparent;color:#f0626e;cursor:pointer;font-size:16px;transition:background .15s}.color-clear-btn:hover{background:#252d40}.main-layout{flex:1;display:flex;overflow:hidden;min-height:0}.main-view{flex:1;min-width:350px;border-right:1px solid #252d40}.ortho-grid{flex:none;width:562px;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:2px;background:#141a29}@media(max-width:1500px){.ortho-grid{width:40vw}}.ortho-view-card{display:flex;flex-direction:column;background:#141a29;overflow:hidden}.ortho-view-title{padding:5px 12px;font-size:16px;font-weight:600;color:#a0a8c0;letter-spacing:.03em;background:#1a2136;flex-shrink:0}.ortho-view-canvas{flex:1;min-height:0}.view-panel{display:flex;gap:20px;padding:10px 22px;background:#1a2136;border-top:1px solid #252d40;font-size:17px;flex-shrink:0}.view-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#a0a8c0}.view-checkbox:hover{color:#d0d6e0}.view-checkbox input{cursor:pointer;accent-color:#ffd700;width:18px;height:18px}@media(max-width:768px){.app{font-size:14px}.toolbar{padding:6px 8px;gap:4px}.toolbar-row{gap:6px}.toolbar-title{font-size:14px}.preset-trigger,.btn-mode{padding:4px 10px;font-size:12px}.preset-item{padding:6px 10px;font-size:14px}.main-layout{flex-direction:column}.main-view{flex:none;height:52%;min-width:0;border-right:none;border-bottom:1px solid #252d40}.ortho-grid{flex:none;width:100%;height:48%;grid-template-rows:none;grid-auto-rows:calc((100% - 2px)/2);overflow-y:auto;scrollbar-width:none}.ortho-grid::-webkit-scrollbar{display:none}.ortho-view-title{font-size:11px;padding:2px 8px}.view-panel{flex-wrap:wrap;gap:8px;padding:4px 8px;font-size:12px}.color-picker{margin-left:0}.color-swatch{width:16px;height:16px}.color-trigger{padding:4px 8px;font-size:12px}.color-panel{right:-20px;min-width:260px}.color-swatch-btn{width:34px;height:34px}}