:root {--boot-c1: #C100FA; --boot-c2: #008485; --boot-c3: #6466EC; --boot-c4: #B55C5C; --boot-c5: #63778A; --boot-c6: #757575; }@keyframes multicolor-scroll {0% { background-position: 0% 50%; }100% { background-position: 100% 50%; }}.boot-log-container {position: fixed;inset: 0;display: flex;align-items: center;justify-content: center;background-color: #333;z-index: 9998;opacity: 1;transition: opacity 0.5s ease-out;}.boot-log-container.is-fading-out {opacity: 0;pointer-events: none;}.boot-log-box {padding: 24px 32px;width: 360px;text-align: left;z-index: 9999;display: flex;flex-direction: column;}.boot-info-area {height: 100px;display: flex;flex-direction: column;flex-shrink: 0;}.boot-log-app-name {font-size: 20px;font-weight: 900;color: #eee;margin: 0 0 16px 0;letter-spacing: 0.5px;}.boot-progress-bar {width: 100%;height: 6px;background-color: #2a2a2a;border-radius: 3px;overflow: hidden;margin-bottom: 12px;flex-shrink: 0;}.boot-progress-bar__inner {width: 100%;height: 100%;border-radius: 3px;background-image: linear-gradient(to right, var(--boot-c1), var(--boot-c2), var(--boot-c3), var(--boot-c4), var(--boot-c5), var(--boot-c6), var(--boot-c1));background-size: 600% 100%; animation: multicolor-scroll 3s linear infinite;}.boot-log-status {font-size: 13px;color: #ccc;margin: 0 0 8px 0;min-height: 1.2em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.boot-log-app-version {font-size: 10px;font-weight: 600;color: #757575;margin: 0;letter-spacing: 1px;text-transform: uppercase;}.boot-terminal-area {height: 100px;margin-top: 16px;font-family: var(--ipax-ui-font, monospace);font-size: 10px;color: #fff;overflow: hidden;display: flex;flex-direction: column;justify-content: flex-start;-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);pointer-events: none;flex-shrink: 0;}.boot-log-line {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: 0.4;min-height: 16px;transition: opacity 0.2s;}.boot-log-line.is-old { opacity: 0.2; }.boot-log-line.is-error { color: #ff6b6b; }.boot-log-line.is-warn { color: #ffd966; }.boot-log-time { opacity: 0.5; margin-right: 4px; }.boot-log-box.kernel-panic-message {background-color: #1e1e1e;border: 1px solid #ff4d4d;border-radius: 4px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}.boot-log-box.kernel-panic-message .boot-log-app-name { color: #ff4d4d; }.boot-log-box.kernel-panic-message .boot-log-status { color: #ff8b8b; }:root {--ipax-ui-font: 'Public Sans', sans-serif;}* { box-sizing: border-box; }html, body { height: 100%; margin: 0; padding: 0; overflow: hidden;background-color: #969696;font-family: var(--ipax-ui-font), sans-serif; -webkit-user-select: none; user-select: none; }#app-viewport { display: flex; justify-content: center; align-items: center; height: 100vh; position: relative; }body.is-grabbing-prep, body.is-grabbing-prep * { cursor: grabbing !important; }body.is-dragging, body.is-dragging * { cursor: none !important; }#app-shell {display: flex;flex-direction: column;gap: 8px; }#workspace-top-bar {display: flex;justify-content: space-between;align-items: center;width: 80vw;padding: 0 4px;}.k1ui-title-input {background: transparent;border: none;color: #fff;font-family: var(--ipax-ui-font, 'Segoe UI'), sans-serif;font-weight: 800;font-size: 18px;outline: none;width: 400px;opacity: 0.8;}.k1ui-select-mini {background: #1a1a1a;color: #aaa;border: 1px solid #333;font-size: 11px;padding: 4px 8px;border-radius: 4px;cursor: pointer;}#workspace { width: 80vw; height: 80vh;display: flex;flex-direction: column; box-shadow: 0 20px 50px rgba(0,0,0,0.5); background: #757575; position: relative; cursor: crosshair; border-radius: 20px;overflow: hidden;border: 1px solid rgba(255,255,255,0.05);}#workspace.has-multi-selection { cursor: default; }#luminance-header { width: 100%; height: 40px;position: relative; border-bottom: 1px solid rgba(0,0,0,0.2);z-index: 10; cursor: default !important;}#grad-canvas {width: 100%; height: 100%; display: block; pointer-events: none;}#topology-area {flex-grow: 1; position: relative;overflow: hidden; padding: 0 16px; pointer-events: auto;}#curtains-svg { position: absolute; inset: 0; width: 100%;height: 100%;z-index: 1; pointer-events: none; }#contrast-dim-line { position: absolute; top: 20px; height: 1px; background: rgba(255,255,255,0.4);display: flex;justify-content: center; align-items: center; pointer-events: none; z-index: 15; }#header-cota-badge {position: absolute;left: 50%;transform: translate(-50%, -50%);}.hc-apca {display: flex;align-items: center;gap: 4px;background: #fff;color: #333;padding: 2px 6px;font-size: 10px;font-weight: bold;font-family: var(--ipax-ui-font, monospace);white-space: nowrap;}.hc-wcag {display: flex;align-items: center;gap: 4px;background: #333;color: #fff;padding: 2px 8px;font-size: 11px;font-weight: bold;font-family: var(--ipax-ui-font, monospace);white-space: nowrap;}#nodes-layer {position: absolute;inset: 0;pointer-events: none;z-index: 20;}#legibility-grid {position: absolute;inset: 0;z-index: 5;pointer-events: auto;}.legibility-line {position: absolute;top: 0;bottom: 0;width: 1px;border-left: 1px dashed;pointer-events: none;display: flex;flex-direction: column;}.legend {font-size: 10px;font-weight: bold;writing-mode: vertical-rl;text-orientation: mixed;padding: 4px;pointer-events: none;text-transform: uppercase;font-family: var(--ipax-ui-font, monospace);position: absolute;}.vs-light .legend {text-shadow:-1px -1px 0 #ffffff99,1px -1px 0 #ffffff99,-1px 1px 0 #ffffff99,1px 1px 0 #ffffff99,0px 2px 4px rgba(0, 0, 0, 0.5);}.vs-dark .legend {text-shadow:-1px -1px 0 #00000099,1px -1px 0 #00000099,-1px 1px 0 #00000099,1px 1px 0 #00000099,0px 2px 4px rgba(0, 0, 0, 0.8);}.legend.apca {top: 0;}.vs-light .legend.apca {padding-top: 5em;}.vs-dark .legend.apca {padding-top: 1em;}.legend.wcag {bottom: 0;opacity: 0.7;}.vs-light .legend.wcag {padding-bottom: 6em;}.vs-dark .legend.wcag {padding-bottom: 1em;}.vs-light .legend.is-compact.apca {padding-top: 3em;}.vs-light .legend.is-compact.wcag {padding-bottom: 4em;}.anchor-guide {position: absolute;top: 40px; bottom: 0;width: 1px;border-left: 1px dashed transparent; opacity: 0.4;pointer-events: none;z-index: 1; }#cotas-layer { position: absolute; inset: 0; pointer-events: none; z-index: 15; }.cota-badge {position: absolute;height: 0;display: flex;align-items: center;z-index: 10;}.cota-line-wrapper {position: absolute;top: -1px;left: 0;width: 100%;height: 2px;display: flex;align-items: center;z-index: 1;}.cota-line {width: 100%;display: flex;height: 2px;}.cota-seg {flex: 1;height: 2px;}.cota-labels-container {--cota-fg: #fff;--cota-bg: #222;--cota-border: #444;position: absolute;top: 0;display: flex;align-items: center;gap: 4px;z-index: 20;pointer-events: auto;}.cota-pos-center {left: 50%;transform: translate(-50%, -50%);}.cota-pos-near-left {left: 24px;transform: translateY(-50%);}.cota-pos-near-right {right: 24px;transform: translateY(-50%);}.wcag-box {display: flex;align-items: center;gap: 6px;background: var(--cota-bg);color: var(--cota-fg);border: 1px solid var(--cota-border);border-radius: 4px;padding: 4px 8px;box-shadow: 0 2px 6px rgba(0,0,0,0.6);font-family: var(--ipax-ui-font, monospace);font-size: 10px;font-weight: bold;}.apca-split-box {display: flex;flex-direction: column;background: var(--cota-bg);border: 1px solid var(--cota-border);border-radius: 4px;overflow: hidden;box-shadow: 0 2px 6px rgba(0,0,0,0.6);}.apca-half {display: flex;align-items: center;gap: 6px;padding: 2px 6px;font-family: var(--ipax-ui-font, monospace);font-size: 10px;font-weight: bold;color: var(--cota-fg);background-color: var(--cota-bg);}.apca-fwd { border-bottom: none; }.status-bullet {width: 8px;height: 8px;border-radius: 50%;box-shadow: inset 0 1px 2px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,1),0 2px 3px rgba(0,0,0,1);flex-shrink: 0;}.cota-pos-own-R { right: 24px; left: auto; transform: translateY(-50%); }.cota-pos-own-L { left: 24px; right: auto; transform: translateY(-50%); }.cota-pos-near-L { left: 24px; right: auto; transform: translateY(-50%); }.cota-pos-near-R { right: 24px; left: auto; transform: translateY(-50%); }.cota-pos-out-L { left: -16px; right: auto; transform: translate(-100%, -50%); }.cota-pos-out-R { right: -16px; left: auto; transform: translate(100%, -50%); }.cota-diamond {position: absolute;top: 50%;margin-top: -8px;width: 16px;height: 16px;transform: rotate(45deg);z-index: 3;border: 1px solid rgba(255, 255, 255, 0.4);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}:root {--ipax-grade-exc: #00ff44;--ipax-grade-good: #00aaff; --ipax-grade-warn: #ffcc00; --ipax-grade-fail: #ff0033; }.grade-excellent { color: var(--ipax-grade-exc); }.grade-good { color: var(--ipax-grade-good); }.grade-warning { color: var(--ipax-grade-warn); }.grade-fail { color: var(--ipax-grade-fail); }.bg-grade-excellent { background-color: var(--ipax-grade-exc); }.bg-grade-good { background-color: var(--ipax-grade-good); }.bg-grade-warning { background-color: rgba(0,0,0,0.5); }.bg-grade-fail { background-color: var(--ipax-grade-fail); }.border-grade-excellent { border-color: var(--ipax-grade-exc); }.border-grade-good { border-color: var(--ipax-grade-good); }.border-grade-warning { border-color: var(--ipax-grade-warn); }.border-grade-fail { border-color: var(--ipax-grade-fail); }.cota-seg-solid.grade-excellent { background-color: var(--ipax-grade-exc); }.cota-seg-dashed.grade-excellent { background-color: transparent; border-top: 2px dashed var(--ipax-grade-exc); }.cota-seg-solid.grade-good { background-color: var(--ipax-grade-good); }.cota-seg-dashed.grade-good { background-color: transparent; border-top: 2px dashed var(--ipax-grade-good); }.cota-seg-solid.grade-warning { background-color: var(--ipax-grade-warn); }.cota-seg-dashed.grade-warning { background-color: transparent; border-top: 2px dashed var(--ipax-grade-warn); }.cota-seg-solid.grade-fail { background-color: var(--ipax-grade-fail); }.cota-seg-dashed.grade-fail { background-color: transparent; border-top: 2px dashed var(--ipax-grade-fail); }.bg-grade-excellent-solid { background: radial-gradient(circle at 50% 20%, #88ffaa, var(--ipax-grade-exc) 60%, #008822); }.bg-grade-good-solid { background: radial-gradient(circle at 50% 20%, #88ddff, var(--ipax-grade-good) 60%, #005588); }.bg-grade-warning-solid { background: radial-gradient(circle at 50% 20%, #ffee88, var(--ipax-grade-warn) 60%, #886600); }.bg-grade-fail-solid { background: radial-gradient(circle at 50% 20%, #ff88aa, var(--ipax-grade-fail) 60%, #880011); }.bg-grade-excellent-dashed { background: linear-gradient(135deg, var(--ipax-grade-exc) 0%, var(--ipax-grade-exc) 50%, #333 60%, #000 100%); }.bg-grade-good-dashed { background: linear-gradient(135deg, var(--ipax-grade-good) 0%, var(--ipax-grade-good) 50%, #333 60%, #000 100%); }.bg-grade-warning-dashed { background: linear-gradient(135deg, var(--ipax-grade-warn) 0%, var(--ipax-grade-warn) 50%, #333 60%, #000 100%); }.bg-grade-fail-dashed { background: linear-gradient(135deg, var(--ipax-grade-fail) 0%, var(--ipax-grade-fail) 50%, #333 60%, #000 100%); }.color-node {width: 32px;height: 32px;border-radius: 50%;border: 2px solid rgba(117, 117, 117, 0.5);outline: 1px solid rgba(255, 255, 255, 0.2);position: absolute;transform: translate(-100%, -100%);cursor: grab;pointer-events: auto;touch-action: none;display: flex;flex-direction: column;align-items: center;justify-content: center;line-height: 1;transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;}.is-layout-switching .color-node {transition: top 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), left 1.5s cubic-bezier(0.2, 0.8, 0.2, 1),background-color 0.2s ease;}.color-node.selected {border-color: #fff;box-shadow: 0 0 0 2px #00ccff, 0px 2px 8px rgba(0, 0, 0, 0.75);z-index: 25;}.node-role {font-family: 'Courier New', Courier, monospace;font-size: 10px;font-weight: 900;pointer-events: none;user-select: none;letter-spacing: -0.5px;margin-top:-2px;margin-bottom: -2px; opacity: 0.4;min-height: 2pt; }.node-grade {font-family: var(--ipax-ui-font, 'Public Sans', sans-serif);font-size: 10px;font-weight: 600;pointer-events: none;user-select: none;}.ghost {opacity: 0.35;border: 2px dashed #fff;display: none;pointer-events: none;z-index: 15;transform: translate(-100%, -100%);transition: none;}.ghost.visible {display: block;}body.is-grabbing-prep .color-node,body.is-dragging .color-node {transition: none;}.node-pie-svg {position: absolute; width: 44px; height: 44px; pointer-events: none;transform: rotate(-90deg); opacity: 0; transition: opacity 0.3s;}.k1ui-pie-check {position: absolute; font-size: 14px; color: #fff;text-shadow: 0 1px 2px rgba(0,0,0,0.8); opacity: 0; transform: scale(0.8); pointer-events: none;}.color-node.is-loading .node-pie-svg { opacity: 0.4; }.color-node.is-loading .k1ui-pie-circle { animation: k1-pie-sweep 2s linear forwards; }.color-node.is-just-saved .k1ui-pie-check { animation: k1-pop-and-fade 2.5s ease-out forwards; }.color-node {display: flex;align-items: center;justify-content: center;}.node-label {font-family: 'Courier New', Courier, monospace; font-size: 11px;font-weight: 900;pointer-events: none;user-select: none;letter-spacing: -0.5px;}.header-controls {position: absolute;top: 8px;right: 16px;z-index: 20;}.k1ui-select-mini {background: rgba(0,0,0,0.6);color: #fff;border: 1px solid rgba(255,255,255,0.2);font-size: 10px;padding: 2px 4px;border-radius: 3px;outline: none;cursor: pointer;}.k1ui-panel-window {position: absolute;bottom: 20px; right: 20px; width: 280px; height: 500px;max-height: calc(100vh - 40px);max-width: calc(100vw - 40px);background: #252525e0;backdrop-filter: blur(8px);border: 1px solid #3a3a3a;border-radius: 6px; box-shadow: 0 8px 24px rgba(0,0,0,0.5);color: #d1d1d1;font-size: 11px; z-index: 100;display: flex;flex-direction: column; overflow: hidden;font-family: var(--ipax-ui-font, sans-serif);resize: both;}.k1ui-panel-header {background: #1e1e1ecc;backdrop-filter: blur(8px);border-bottom: 1px solid #3a3a3a;display: flex;align-items: center; justify-content: space-between;padding-left: 12px; cursor: move; user-select: none;min-height: 40px;}.k1ui-integrated-app-bar {display: flex;align-items: center;gap: 8px;flex: 1;min-width: 0;padding-right: 8px;pointer-events: none;}.k1ui-title-area {flex: 1;min-width: 0;}.k1ui-title-input {background: transparent;border: none;color: #999;font-family: var(--ipax-ui-font, sans-serif);font-weight: 600;text-transform: uppercase;font-size: 10px;letter-spacing: 0.5px;outline: none;width: 100%;pointer-events: auto;text-overflow: ellipsis;user-select: none;-webkit-user-select: none;}.k1ui-mode-controls {display: flex;align-items: center;pointer-events: auto;}.k1ui-panel-tabs { display: flex; align-items: center;}.k1ui-tab-btn {background: transparent; border: none; border-left: 1px solid #3a3a3a;color: #777;padding: 10px 14px; cursor: pointer; transition: all 0.2s;display: flex; align-items: center; justify-content: center;}.k1ui-tab-btn:hover { color: #fff; background: #2a2a2a; }.k1ui-tab-btn.active { color: #00ccff; background: #252525; box-shadow: inset 0 2px 0 #00ccff; }.k1ui-tab-content { display: none;flex: 1 1 auto;min-height: 0;overflow-y: auto; overflow-x: hidden;}.k1ui-tab-content.active { display: flex; flex-direction: column; }[data-k1j-ref="tab-content-color"] { padding: 0; }[data-k1j-ref^="tab-content-"] { padding: 12px; }.k1ui-analisis-toolbar { display: flex; gap: 8px; margin-bottom: 12px; }.k1ui-select-auto { width: auto; padding: 2px 4px; }.k1ui-analisis-scroll-area { flex: 1 1 auto; overflow-y: auto; }.k1ui-empty-state { text-align: center; padding: 20px; color: #666; }.k1ui-contexts-column { display: flex; flex-direction: column; gap: 12px; }.k1ui-icon-xs { font-size: 10px; width: 16px; height: 16px; }.k1ui-icon-sm { font-size: 12px; width: 24px; height: 24px; }.k1ui-icon-md { font-size: 16px; width: 32px; height: 32px; }.k1ui-icon-lg { font-size: 20px; width: 40px; height: 40px; }.k1ui-contrast-text-dark { color: #000000 !important; }.k1ui-contrast-text-light { color: #ffffff !important; }.k1ui-tab-overflow-wrapper { display: none; position: relative; }.k1ui-tabs-dropdown { right: 0; left: auto; min-width: 160px; top: 100%; margin-top: 0; border-top-right-radius: 0; }.k1ui-drop-item { display: flex; align-items: center; padding: 8px 12px; cursor: pointer; color: #ccc; transition: background 0.2s; }.k1ui-drop-item:hover { background: #333; color: #fff; }.k1ui-drop-check { display: inline-block; width: 16px; opacity: 0; }.k1ui-drop-item.active .k1ui-drop-check { opacity: 1; color: #00ccff; }.k1ui-drop-icon { width: 20px; text-align: center; margin-right: 8px; opacity: 0.7; }.k1ui-panel-window.is-compressed .k1ui-panel-title,.k1ui-panel-window.is-compressed .k1ui-mode-controls { display: none; }.k1ui-panel-window.is-compressed .k1ui-panel-tabs > .k1ui-tab-btn:not(.active) { display: none; }.k1ui-panel-window.is-compressed .k1ui-tab-overflow-wrapper { display: block; }.k1ui-mobile-portrait-only { display: none !important; }@media (max-width: 768px) and (orientation: portrait) {.k1ui-desktop-only { display: none !important; }.k1ui-mobile-portrait-only { display: flex !important; }}.k1ui-dropdown-menu {position: absolute; background: #252525; border: 1px solid #444; border-radius: 6px;box-shadow: 0 4px 12px rgba(0,0,0,0.5); z-index: 9000; padding: 4px 0;max-height: 60vh;overflow-y: auto;white-space: nowrap;}.k1ui-dropdown-menu.active { display: block !important; }.k1ui-big-swatch {height: 110px; display: flex; position: relative; overflow: hidden;border-bottom: 1px solid #111;}.k1ui-swatch-half { flex: 1; transition: opacity 0.2s; position: relative; }.k1ui-swatch-half:nth-child(2) { display: none; }.k1ui-big-swatch.split .k1ui-swatch-half:nth-child(2) { display: block; border-left: 1px dashed rgba(255,255,255,0.4); }.k1ui-swatch-content {position: absolute; inset: 0; display: flex; flex-direction: column;align-items: center; justify-content: center; z-index: 5;}.k1ui-gamut-warn-text { font-weight: bold; text-transform: uppercase; font-size: 10px; margin-bottom: 4px; display: none;text-shadow: 0 1px 2px rgba(0,0,0,0.5); cursor: pointer;}.k1ui-hex-row-overlay { display: flex; align-items: center; gap: 8px; }.k1ui-hex-input-large {background: transparent; border: none; color: inherit; font-family: var(--ipax-ui-font, monospace);font-size: 24px; font-weight: bold; text-align: center; width: 120px; outline: none;text-shadow: 0 2px 6px rgba(0,0,0,0.4);}.k1ui-swatch-btn { color: #ffffff !important; opacity: 0.85; padding: 6px; border-radius: 4px;filter: drop-shadow(0 2px 4px rgba(0,0,0,0.8)); transition: all 0.2s; background: transparent; border: none; cursor: pointer;font-size: 14px;}.k1ui-swatch-btn:hover { background: rgba(255,255,255,0.25) !important; opacity: 1; }.k1ui-panel-body { flex: 1 1 auto; overflow-y: auto; min-height: 0; padding: 12px; }.k1ui-panel-foot { flex-shrink: 0; border-top: 1px solid #3a3a3a; padding: 8px 12px; background: rgba(0,0,0,0.2); }.k1ui-panel-head-extension { flex-shrink: 0; padding: 0 12px; border-bottom: 1px solid #3a3a3a; display: flex; gap: 8px; }.k1ui-swatch-matcher-info {display: flex; align-items: center; gap: 6px;margin-bottom: 4px; font-size: 10px;}.k1ui-swatch-sm { width: 10px; height: 10px; border-radius: 2px; border: 1px solid rgba(255,255,255,0.3); }.k1ui-match-text { color: #ccc; font-family: var(--ipax-ui-font, sans-serif); font-weight: 600; }.k1ui-apply-tilde {background: rgba(0,0,0,0.6); color: #fff; border: 1px solid rgba(255,255,255,0.3);border-radius: 50%; width: 14px; height: 14px; display: flex; align-items: center; justify-content: center;cursor: pointer; font-weight: bold; line-height: 1; font-size: 10px; padding: 0;}.k1ui-apply-tilde:hover { background: #fff; color: #000; }.k1ui-swatch-bottom-bar {position: absolute; bottom: 4px; left: 8px; right: 8px;display: flex; justify-content: space-between; align-items: flex-end; z-index: 10;}.k1ui-swatch-left-tools { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }.k1ui-swatch-right-tools { display: flex; align-items: center; gap: 8px; }.k1ui-checkbox-small span { font-size: 10px; color: #aaa; text-transform: uppercase; font-weight: 700; }.k1ui-gamut-warn-text { margin-bottom: 0; }.k1ui-sliders-area { padding: 12px; }.k1ui-subtabs { display: flex; gap: 8px; border-bottom: 1px solid #3a3a3a; padding-bottom: 8px; margin-bottom: 12px; }.k1ui-subtab-btn {background: transparent; border: none; color: #777; cursor: pointer;font-size: 11px; font-weight: bold; padding: 2px 4px;}.k1ui-subtab-btn:hover { color: #fff; }.k1ui-subtab-btn.active { color: #fff; border-bottom: 2px solid #0078d4; }.k1ui-subtab-content { display: none; }.k1ui-subtab-content.active { display: block; }.k1ui-slider-row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }.k1ui-slider-row span { width: 60px; flex-shrink: 0; font-size: 10px; font-weight: bold; color: #888; text-transform: uppercase; }.k1ui-num-slider { flex: 1; accent-color: #666; cursor: ew-resize; min-width: 0; }.k1ui-num-input {width: 40px; background: #1a1a1a; border: 1px solid #333; color: #fff;font-family: inherit; font-size: 11px; padding: 4px; border-radius: 3px; text-align: right; outline: none;}.k1ui-css-output-row { display: flex; align-items: center; gap: 4px; margin-top: 12px; }.k1ui-css-output {flex: 1; background: #1a1a1a; border: 1px solid #333; color: #aaa;font-family: monospace; font-size: 10px; padding: 6px; border-radius: 3px; outline: none;}.k1ui-icon-btn { background: transparent; border: none; color: #888; cursor: pointer; width: 24px; height: 24px; border-radius: 3px; display: flex; align-items: center; justify-content: center; }.k1ui-icon-btn:hover { color: #fff; background: #333; }.k1ui-danger-btn:hover { color: #fff; background: #d32f2f; }.k1ui-picker-wrapper { position: relative; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; }.k1ui-hidden-picker { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }.k1ui-config-group { margin-bottom: 16px; }.k1ui-config-group label { display: block; font-weight: 600; color: #888; margin-bottom: 6px; }.k1ui-select { width: 100%; background: #1a1a1a; border: 1px solid #333; color: #fff; padding: 6px; border-radius: 3px; font-family: inherit; outline: none; }.k1ui-checkbox { display: flex; align-items: center; gap: 6px; cursor: pointer; color: #aaa; }.k1ui-checkbox:hover { color: #fff; }input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }input[type=number] { -moz-appearance: textfield; appearance: textfield;}.k1ui-slider-row span.color-label {width: 1em;text-align: center;display: inline-block;}.k1ui-matrix-table th { text-align: center; color: #888; padding-bottom: 8px; font-weight: normal; }.k1ui-matrix-table td { padding: 6px 0; color: #aaa; border-bottom: 1px solid rgba(255,255,255,0.05); }.k1ui-matrix-table td:not(:first-child) { text-align: center; }.k1ui-matrix-table input[type="checkbox"] { margin: 0; cursor: pointer; }.k1ui-matrix-cell { display: flex; justify-content: center; align-items: center; gap: 4px; }.k1ui-match-area { display: flex; flex-direction: column; height: 100%; }.k1ui-match-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #3a3a3a; padding-bottom: 8px; margin-bottom: 8px; flex-shrink: 0; }.k1ui-match-title { font-size: 10px; font-weight: bold; color: #888; text-transform: uppercase; }.k1ui-match-view-toggles { display: flex; gap: 4px; }.k1ui-match-list { flex: 1 1 auto; overflow-y: auto; min-height: 0; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0; }.k1ui-match-list::-webkit-scrollbar { width: 6px; }.k1ui-match-list::-webkit-scrollbar-track { background: transparent; }.k1ui-match-list::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 3px; }[data-k1j-drag-hex] { touch-action: pan-y; }.k1ui-match-item { display: flex; gap: 8px; align-items: center; padding: 8px 12px; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.2); transition: filter 0.1s; }.k1ui-match-item:hover { filter: brightness(1.1); }.k1ui-match-item.is-current { border-left: 4px solid #00ccff; }.k1ui-match-swatch-node { width: 24px; height: 24px; border-radius: 4px; border: 1px solid rgba(255,255,255,0.2); flex-shrink: 0; }.k1ui-match-data { display: flex; flex-direction: column; flex-grow: 1; gap: 2px; overflow: hidden; width: 100%; }.k1ui-match-row { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }.k1ui-match-name { font-size: 11px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; }.k1ui-match-hex { font-size: 10px; font-family: var(--ipax-ui-font, monospace); font-weight: 600; opacity: 0.75; }.k1ui-match-delta { font-size: 10px; font-family: monospace; font-weight: bold; flex-shrink: 0; opacity: 1; }.k1ui-match-source { font-size: 9px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; opacity: 0.5; }.k1ui-match-list.is-grid-view { display: grid; grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); gap: 8px; padding: 12px; align-content: start; }.is-grid-view .k1ui-match-item { flex-direction: column; padding: 6px; border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; aspect-ratio: 1; justify-content: center; text-align: center; }.is-grid-view .k1ui-match-row { flex-direction: column; gap: 4px; align-items: center; width: 100%; }.is-grid-view .k1ui-match-delta, .is-grid-view .k1ui-match-source, .is-grid-view .k1ui-match-swatch-node { display: none; }.is-grid-view .k1ui-match-item.is-current { border: 2px solid #fff; box-shadow: inset 0 0 0 2px #000, 0 4px 12px rgba(0,0,0,0.5); z-index: 2; transform: scale(1.05); }.k1ui-match-history-footer { flex-shrink: 0; border-top: 1px solid #333; padding: 8px 12px; display: flex; flex-direction: column; transition: all 0.3s ease; }.k1ui-history-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; padding: 4px 0; }.k1ui-history-body { overflow-y: hidden; flex: 1 1 auto; max-height: 36px; transition: max-height 0.3s ease; }.k1ui-history-row { display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 4px; }.k1ui-match-history-footer.is-expanded { flex: 0 0 50%; }.k1ui-match-history-footer.is-expanded .fa-chevron-down { transform: rotate(180deg); }.k1ui-match-history-footer.is-expanded .k1ui-history-body { max-height: 100%; overflow-y: auto; margin: -7px;padding: 7px;}.k1ui-history-dot { width: 28px; height: 28px; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,0.4); position: relative; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,0.2); flex-shrink: 0; }.k1ui-history-dot.is-targeted { border: 2px solid #00ccff; box-shadow: 0 0 6px #00ccff; transform: scale(1.1); z-index: 5; }.k1ui-history-dot i { position: absolute; font-size: 14px; color: inherit; text-shadow: 0 1px 2px rgba(0,0,0,0.8); opacity: 0; transform: scale(0.8); pointer-events: none; }.k1ui-pie-svg { position: absolute; inset: -2px; width: 32px; height: 32px; pointer-events: none; transform: rotate(-90deg); opacity: 0; }.k1ui-pie-circle { fill: none; stroke: rgba(255,255,255,0.8); stroke-width: 2px; stroke-dasharray: 88; stroke-dashoffset: 88; }.k1ui-history-dot.is-loading .k1ui-pie-svg { opacity: 1; }.k1ui-history-dot.is-loading .k1ui-pie-circle { animation: k1-pie-sweep 2s linear forwards; }.k1ui-history-dot.is-just-saved i { animation: k1-pop-and-fade 2.5s ease-out forwards; }@keyframes k1-pie-sweep { to { stroke-dashoffset: 0; } }@keyframes k1-pop-and-fade { 0% { transform: scale(0.8); opacity: 0; } 10% { transform: scale(1.2); opacity: 1; } 15% { transform: scale(1); opacity: 1; }80% { transform: scale(1); opacity: 1; }100% { transform: scale(1); opacity: 0; } }@media (max-width: 768px) and (orientation: portrait) {.k1ui-gamut-warn-text {width: 64px;margin-left: 6px;}.k1ui-big-swatch {height: 90px !important;}[data-k1j-ref="workspace"] {position: fixed !important;inset: 0 !important;width: 100vw !important;height: 100vh !important;margin: 0 !important;border-radius: 0 !important;border: none !important;} [data-k1j-ref="workspace-header"] {min-height: 50px;padding-top: env(safe-area-inset-top);}.k1ui-panel-window {position: fixed !important;left: 0 !important;right: 0 !important;bottom: 0 !important;width: 100vw !important; max-width: none !important; top: auto !important;transform: none !important;border-radius: 20px 20px 0 0 !important;border: none !important;height: calc(138px + env(safe-area-inset-bottom)) !important; padding-bottom: env(safe-area-inset-bottom);box-sizing: border-box;transition: height 0.4s cubic-bezier(0.16, 1, 0.3, 1);}.is-mobile-peek {height: calc(138px + env(safe-area-inset-bottom)) !important;}.is-mobile-expanded { height: 50vh !important; max-height: 50vh !important; }.is-mobile-peek .k1ui-panel-body,.is-mobile-peek .k1ui-panel-foot {display: none !important;}.k1ui-panel-header,.k1ui-panel-tabs,.k1ui-subtab-btn,.k1ui-tab-btn {min-height: 48px !important;}}@media (max-width: 980px) and (orientation: landscape) {#app-viewport {display: flex !important;flex-direction: row !important;align-items: stretch !important;width: 100vw !important;height: 100vh !important;overflow: hidden !important;}#app-shell {flex: 1 !important;display: flex !important;flex-direction: column !important;height: 100vh !important;min-width: 0 !important;}#workspace {flex: 1 !important;width: auto !important;height: auto !important;border-radius: 0 !important;margin: 0 !important;}#workspace-top-bar {padding: 4px 12px !important;background: #1a1a1a !important;}#luminance-header {height: 32px !important;}.k1ui-panel-window {position: relative !important;inset: 0 !important;left: 0 !important;top: 0 !important;right: 0 !important;bottom: 0 !important;transform: none !important;display: flex !important;flex-direction: column !important;flex: 0 0 33.33vw !important;width: 33.33vw !important;min-width: 280px !important;max-width: 400px !important;height: 100vh !important;max-height: 100vh !important;border-radius: 0 !important;border: none !important;border-left: 1px solid #333 !important;background: #1e1e1e !important;resize: none !important;}.k1ui-tab-content {display: none;flex: 1 !important;overflow-y: auto !important;padding: 12px !important;}.k1ui-tab-content.active {display: flex !important;}.color-node {width: 24px !important;height: 24px !important;}}