.clr-field{display:none!important}#clr-picker{display:none;position:fixed!important;z-index:30001!important}.cape-sidebar-right{width:280px!important}#secondary-color-preview{--ui-color:transparent;background-image:linear-gradient(var(--ui-color),var(--ui-color)),linear-gradient(45deg,#555 25%,transparent 25%),linear-gradient(-45deg,#555 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#555 75%),linear-gradient(-45deg,transparent 75%,#555 75%);background-size:100% 100%,10px 10px,10px 10px,10px 10px,10px 10px;background-position:0 0,0 0,0 5px,5px -5px,-5px 0;background-color:#333}.cape-sidebar-left .color-orb{background-image:linear-gradient(var(--ui-color),var(--ui-color)),linear-gradient(45deg,#555 25%,transparent 25%),linear-gradient(-45deg,#555 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#555 75%),linear-gradient(-45deg,transparent 75%,#555 75%);background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px;background-position:0 0,0 0,0 4px,4px -4px,-4px 0;background-color:#333}.mode-switch-group{display:flex;background:var(--bg-input);padding:3px;border-radius:6px;gap:2px}.mode-switch-btn{padding:5px 14px;font-size:.85rem;font-weight:500;border-radius:4px;color:var(--text-muted);transition:.2s;white-space:nowrap}.mode-switch-btn:hover{color:var(--text-bright)}.mode-switch-btn.active{background-color:var(--accent);color:#fff}.mode-switch-btn i{margin-right:5px;font-size:.85em}.header-subtitle{font-size:.8rem;color:var(--text-muted);border-left:1px solid var(--border);padding-left:8px;white-space:nowrap}.cape-viewport{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}#cape-3d-container{flex:1;flex:1;position:relative;overflow:hidden;cursor:crosshair;contain:none!important}#cape-3d-container canvas{display:block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.cape-2d-panel{background:var(--bg-panel);border-top:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;transition:height .35s cubic-bezier(.4,0,.2,1)}.cape-2d-panel.collapsed{height:0!important;border-top:none;transition:height .35s cubic-bezier(.4,0,.2,1)}.cape-2d-resize-handle{height:5px;cursor:ns-resize;flex-shrink:0;background:0 0;border-top:1px solid rgba(255,255,255,.05)}.cape-2d-resize-handle:hover{background:var(--accent)}.cape-2d-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:.8rem;font-weight:600;background:rgba(0,0,0,.2);border-bottom:1px solid var(--border);flex-shrink:0}.cape-2d-controls{display:flex;align-items:center;gap:8px}.cape-2d-canvas-wrapper{flex:1;overflow:hidden;display:flex;justify-content:flex-start;align-items:flex-start;padding:8px;background:#333;position:relative}#cape-2d-canvas{image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 0 10px rgba(0,0,0,.5)}#cape-preview-canvas{position:absolute;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;z-index:5}.cape-2d-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;font-size:.72rem;color:var(--text-muted);border-top:1px solid var(--border);flex-shrink:0}.region-legend{display:flex;gap:12px}.region-badge{padding:2px 8px;border-radius:3px;font-size:.68rem;font-family:Consolas,monospace}.cape-region{background:rgba(0,122,204,.15);color:var(--accent);border:1px solid rgba(0,122,204,.3)}.elytra-region{background:rgba(46,204,113,.15);color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.layer-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03);font-size:.82rem;transition:background-color .15s}.layer-item:hover{background-color:var(--bg-hover)}.layer-item.active{background-color:rgba(0,122,204,.12);border-left:3px solid var(--accent)}.layer-thumb-preview{width:36px;height:18px}.layer-thumb-preview canvas{width:100%;height:100%;image-rendering:pixelated}.layer-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-main)}.fcp-hue-track::after{pointer-events:none!important}.color-editor-popup{font-family:'Segoe UI',Inter,sans-serif}#cape-palette-section .palette-header{padding:6px 8px!important;display:flex;gap:6px}#cape-palette-section .palette-content{flex:1;min-height:0;position:relative;background:#1e1e1e;overflow:hidden}#cape-palette-section .palette-footer{padding:6px 8px}#cape-palette-section .palette-groups-header{padding:0 8px 4px}#cape-palette-section #palette-center-panel .palette-grid{padding:10px 4px}.view-toggle-btn{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:8px;position:relative}.view-toggle-btn:hover{background:rgba(255,255,255,.08);border-color:var(--accent)}.view-toggle-btn.active{background:rgba(0,122,204,.15);border-color:var(--accent);color:var(--accent)}.view-toggle-dot{position:absolute;top:6px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--text-muted);transition:background .2s}.view-toggle-btn.active .view-toggle-dot{background:var(--accent)}.viewport-toolbar{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:2px;background:rgba(30,30,30,.85);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:4px;z-index:20}.viewport-toolbar .tool-btn{width:34px;height:34px;font-size:.9rem;border-radius:6px}.viewport-toolbar .toolbar-sep{width:1px;height:20px;background:rgba(255,255,255,.1);margin:0 4px}#cape-help-content{max-height:none!important;overflow:hidden!important;flex:1;display:flex;flex-direction:column}#tool-options .setting-label{font-size:.9rem}#tool-options input[type=range]+span{font-size:.9rem;font-family:Consolas,monospace}@media (max-width:1150px){.action-btn .desktop-only,.header-subtitle{display:none}}@media (max-width:950px){.cape-sidebar-right{width:240px!important}}@media (max-width:768px){.cape-sidebar-left{position:fixed;bottom:0;left:0;width:100%!important;height:auto;flex-direction:row;border-right:none;border-top:1px solid var(--border);padding:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom));background-color:var(--bg-header);justify-content:space-between;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap}.cape-sidebar-left::-webkit-scrollbar{display:none}.cape-sidebar-left .tool-group{flex-direction:row;gap:4px;width:auto;flex-shrink:0}.cape-sidebar-left .divider{display:block!important;width:1px;height:24px;flex-shrink:0;margin:0 10px}.cape-sidebar-left .color-section{display:none}.cape-sidebar-left .tool-btn{width:40px!important;height:40px!important;font-size:1.2rem!important;min-width:40px;flex-shrink:0;gap:8px}.cape-sidebar-left .tool-btn.active{border-left:none;border-bottom:2px solid var(--accent);border-radius:4px 4px 0 0}.cape-sidebar-left .swap-btn{width:24px;height:24px;font-size:.7rem}.cape-sidebar-right{position:fixed;right:-280px;top:var(--header-height);height:calc(100dvh - var(--header-height) - 56px);width:280px!important;z-index:2001;transition:right .3s cubic-bezier(.4,0,.2,1);box-shadow:-5px 0 25px rgba(0,0,0,.7)}.cape-sidebar-right.open{right:0}.sidebar-toggle-handle{display:none!important}#viewport-toolbar{bottom:60px;left:8px;z-index:30}.cape-2d-panel{max-height:250px}.action-btn .desktop-only,.app-nav.desktop-only{display:none}#cloud-sync-status{display:none!important}.app-logo,.header-subtitle{display:none}.app-header{padding:4px 8px;gap:4px;justify-content:space-between}.header-left{display:none}.header-center{flex:1;justify-content:flex-start;gap:3px;overflow:hidden}.header-right{flex-shrink:0;gap:3px}.header-center label{flex-shrink:0;font-size:.7rem!important}#cape-size-display{font-size:.7rem;margin-left:4px}#cape-user-status.desktop-only{display:none}.mode-switch-btn{padding:8px 14px;font-size:.85rem;min-height:44px}.mode-switch-btn i{width:18px;text-align:center;display:inline-block;margin-right:3px;font-size:1rem}.action-btn{padding:6px 12px;font-size:.85rem;min-height:44px;min-width:44px;display:flex;align-items:center}.header-center label{white-space:nowrap;flex-shrink:0}.cape-2d-header{padding:10px 14px;font-size:.9rem}.cape-2d-header .icon-btn{width:36px;height:36px;font-size:1rem}.cape-2d-header input[type=\"range\"]{height:24px;min-width:80px}.cape-2d-footer{padding:6px 14px;font-size:.8rem}#layer-list-container .layer-item{padding:10px 14px;font-size:.9rem}#layer-list-container .layer-btn,#layer-list-container .layer-vis-btn{width:36px;height:36px}.panel-section .section-header{padding:10px 14px;font-size:.9rem}.panel-section .icon-btn.small{width:36px;height:36px}#viewport-toolbar .tool-btn{width:40px;height:40px}}@media (max-width:600px){.app-header{padding:0 6px;gap:6px}.mode-switch-btn{padding:4px 8px;font-size:.75rem}.mode-switch-btn i{margin-right:2px}}