@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--rb-h-top: 34px;--rb-h-tabs: 26px;--rb-h-content: 80px;--rb-total: 140px;--rb-bg: #1c1e24;--rb-bg2: #252830;--rb-bg3: #2e323d;--rb-border: #383d4a;--rb-accent: #3b82f6;--rb-accent2: #60a5fa;--rb-text: #d4d8e2;--rb-muted: #7a8096;--rb-btn-bg: #2e323d;--rb-btn-hover: #3a3f4e;--rb-btn-active: #1e3a5f;--rb-btn-act-text: #60a5fa;--rb-group-sep: #383d4a;--rb-input-bg: #1c1e24;--rb-input-border: #454c5e;--rb-canvas-outer: #1a1c22;--rb-status-bg: #161820}:root[data-theme=light]{--rb-bg: #f0f2f5;--rb-bg2: #ffffff;--rb-bg3: #e4e7ef;--rb-border: #d0d5e0;--rb-accent: #1d4ed8;--rb-accent2: #2563eb;--rb-text: #1e2230;--rb-muted: #6b7280;--rb-btn-bg: #e8edf5;--rb-btn-hover: #d8dff0;--rb-btn-active: #c0d0ef;--rb-btn-act-text: #1d4ed8;--rb-group-sep: #d0d5e0;--rb-input-bg: #ffffff;--rb-input-border: #b0b9cc;--rb-canvas-outer: #c8ccd4;--rb-status-bg: #e8eaef}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:IBM Plex Sans,system-ui,sans-serif;font-size:12px;background:var(--rb-canvas-outer);color:var(--rb-text);overflow:hidden}.predim-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.predim-ribbon{flex-shrink:0;background:var(--rb-bg2)}.predim-workspace{flex:1;overflow:hidden;display:flex;flex-direction:column}.predim-topbar{height:var(--rb-h-top);background:var(--rb-bg);border-bottom:1px solid var(--rb-border);display:flex;align-items:center;padding:0 10px;gap:8px}.predim-logo{height:20px;width:auto;flex-shrink:0;opacity:.9}.predim-title{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;color:var(--rb-accent2);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#dark-mode-toggle{margin-left:auto!important;width:26px;height:26px;background:transparent;border:none;border-radius:4px;color:var(--rb-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s,color .15s}#dark-mode-toggle:hover{background:var(--rb-btn-hover);color:var(--rb-text)}.predim-ribbon-tabs{height:var(--rb-h-tabs);background:var(--rb-bg);display:flex;align-items:flex-end;padding:0 8px;gap:1px;border-bottom:1px solid var(--rb-border)}.predim-ribbon-tab{height:22px;padding:0 12px;background:transparent;border:none;border-radius:3px 3px 0 0;color:var(--rb-muted);font-family:IBM Plex Sans,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:background .12s,color .12s;letter-spacing:.02em;white-space:nowrap}.predim-ribbon-tab:hover{color:var(--rb-text);background:var(--rb-bg3)}.predim-ribbon-tab.active{color:#fff;background:var(--rb-accent)}:root[data-theme=light] .predim-ribbon-tab.active{color:#fff}.predim-ribbon-content{display:none}.predim-ribbon-content.active{display:flex;height:var(--rb-h-content);background:var(--rb-bg2);border-bottom:1px solid var(--rb-border);padding:0 4px;align-items:center;gap:0;overflow-x:auto;overflow-y:hidden}.predim-ribbon-content::-webkit-scrollbar{height:3px}.predim-ribbon-content::-webkit-scrollbar-thumb{background:var(--rb-border);border-radius:2px}.predim-ribbon-tools-grid{display:none}.predim-ribbon-tools-grid.active{display:flex}.predim-ribbon-group{display:flex;flex-direction:column;height:100%;padding:6px 8px 4px;border-right:1px solid var(--rb-group-sep);gap:3px;min-width:-moz-max-content;min-width:max-content;flex-shrink:0}.predim-ribbon-group:last-child{border-right:none}.predim-ribbon-group-label{font-size:9px;font-weight:500;color:var(--rb-muted);text-transform:uppercase;letter-spacing:.08em;text-align:center;line-height:1;margin-bottom:2px}.predim-ribbon-group-tools{display:flex;align-items:center;gap:3px;flex:1;flex-wrap:wrap;justify-content:flex-start}.predim-ribbon-group-tools.flex{display:flex}.predim-ribbon-group-tools.gap-2{gap:5px}.predim-tool-btn{height:34px;min-width:34px;padding:0 5px;background:var(--rb-btn-bg);border:1px solid transparent;border-radius:4px;color:var(--rb-text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-family:IBM Plex Sans,sans-serif;font-size:9px;font-weight:500;transition:background .12s,border-color .12s,color .12s;white-space:nowrap;line-height:1}.predim-tool-btn i{font-size:13px;line-height:1}.predim-tool-btn-label{font-size:8px;color:inherit;line-height:1}.predim-tool-btn:hover{background:var(--rb-btn-hover);border-color:var(--rb-input-border)}.predim-tool-btn.active,.predim-tool-btn.tool.active{background:var(--rb-btn-active);border-color:var(--rb-accent);color:var(--rb-btn-act-text)}.predim-tool-btn-inline{height:16px;font-size:7px;padding:0 5px}.predim-input-group{display:flex;flex-direction:column;gap:1px;align-items:center}.predim-input-group label{font-size:8px;color:var(--rb-muted);text-align:center;line-height:1;white-space:nowrap}.predim-input-group input[type=number],.predim-input-group input[type=text]{width:48px;height:20px;background:var(--rb-input-bg);border:1px solid var(--rb-input-border);border-radius:3px;color:var(--rb-text);font-family:IBM Plex Mono,monospace;font-size:10px;text-align:center;padding:0 3px;outline:none;transition:border-color .12s}.predim-input-group input:focus{border-color:var(--rb-accent)}.predim-color-palette{display:grid;grid-template-columns:repeat(4,14px);gap:2px;align-self:center}.predim-color-btn{width:14px;height:14px;border-radius:2px;border:1.2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s;padding:0}.predim-color-btn:hover{transform:scale(1.15)}.predim-color-btn.active{border-color:var(--rb-text)!important}.predim-ribbon-group-visibility{min-width:300px;max-width:600px}.predim-visibility-panel-inline{display:flex;gap:4px;align-items:flex-start;height:100%;padding:2px 0}.predim-visibility-toolbar{display:flex;flex-direction:column;gap:2px;justify-content:center}.predim-visibility-groups-inline{display:flex;gap:10px}.predim-visibility-group{display:flex;flex-direction:column;gap:1px}.predim-visibility-group-title{font-size:8px;font-weight:600;color:var(--rb-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.predim-visibility-item{display:flex;align-items:center;gap:2px;font-size:8px;color:var(--rb-text)}.predim-visibility-item label{display:flex;align-items:center;gap:2px;cursor:pointer}.predim-visibility-item input[type=checkbox]{width:9px;height:9px;accent-color:var(--rb-accent);cursor:pointer}.predim-visibility-solo{font-size:8px;color:var(--rb-muted);background:none;border:none;cursor:pointer;padding:0 2px;border-radius:2px;font-family:inherit}.predim-visibility-solo:hover{color:var(--rb-accent2);background:var(--rb-btn-hover)}.predim-vis-sep{width:1px;background:var(--rb-group-sep);align-self:stretch;margin:4px 2px}.predim-canvas-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.predim-canvas-container{flex:1;width:100%;height:calc(100vh - var(--rb-total) - 20px)!important;overflow:auto!important;position:relative;background:var(--rb-canvas-outer)!important}#canvas{display:block;margin:8px auto;background:#fff;box-shadow:0 2px 8px #00000040}.predim-statusbar{height:20px;background:var(--rb-status-bg);border-top:1px solid var(--rb-border);display:flex;align-items:center;gap:16px;padding:0 10px;flex-shrink:0}.predim-status-item{font-family:IBM Plex Mono,monospace;font-size:9px;color:var(--rb-muted)}.predim-status-item span{color:var(--rb-accent2)}.predim-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.predim-modal.active{display:flex}.predim-modal-content{background:var(--rb-bg2);border:1px solid var(--rb-border);border-radius:8px;width:min(96vw,900px);max-height:88vh;overflow-y:auto;padding:20px 24px;position:relative}.predim-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--rb-border)}.predim-modal-title{font-size:14px;font-weight:600;color:var(--rb-text)}.predim-modal-close{width:28px;height:28px;background:none;border:none;color:var(--rb-muted);font-size:20px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;line-height:1}.predim-modal-close:hover{background:var(--rb-btn-hover);color:var(--rb-text)}.predim-table-container{margin-bottom:20px}.predim-table-container h3{font-size:12px;font-weight:600;color:var(--rb-text);margin-bottom:8px;display:flex;align-items:center;gap:8px}.predim-table{width:100%;border-collapse:collapse;font-size:11px}.predim-table th{background:var(--rb-bg3);color:var(--rb-muted);font-weight:500;text-align:left;padding:6px 8px;border:1px solid var(--rb-border);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.predim-table td{padding:5px 8px;border:1px solid var(--rb-border);color:var(--rb-text);font-family:IBM Plex Mono,monospace;font-size:11px}.predim-table tbody tr:nth-child(2n) td{background:var(--rb-bg3)}.predim-table tbody tr:hover td{background:var(--rb-btn-hover)}#brightnessRange{accent-color:var(--rb-accent);cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--rb-bg)}::-webkit-scrollbar-thumb{background:var(--rb-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--rb-input-border)}