:root{color-scheme:light;color:#333;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0;padding:0}#app{width:100%}*,:before,:after{box-sizing:border-box}.ik-color-picker[data-v-05c2683e]{user-select:none}.ik-color-picker__panel[data-v-05c2683e]{z-index:1000;background:var(--dp-cp-bg-panel);box-shadow:0 3px 14px 2px var(--dp-cp-shadow-color-base),0 8px 10px 1px var(--dp-cp-shadow-color-light),0 5px 5px -3px var(--dp-cp-shadow-color-dark);box-sizing:border-box;user-select:none;border-radius:3px;width:280px;padding:10px;font-size:14px}.ik-color-picker__tabs[data-v-05c2683e]{border-bottom:1px solid var(--dp-cp-border-color);background:var(--dp-cp-bg-tab-divider);margin-bottom:12px;padding:4px;display:flex}.ik-color-picker__tabs .tab-item[data-v-05c2683e]{text-align:center;cursor:pointer;color:var(--dp-cp-text-secondary);background:var(--dp-cp-bg-tab);border-radius:2px 2px 0 0;flex:1;padding:0 12px}.ik-color-picker__tabs .tab-item.active[data-v-05c2683e]{color:var(--dp-cp-primary-text);background:var(--dp-cp-bg-tab-active);font-weight:500}.ik-color-picker__tabs .tab-item[data-v-05c2683e]:hover{color:var(--dp-cp-primary-text)}.ik-color-picker__gradient-tools[data-v-05c2683e]{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.ik-color-picker__gradient-tools .gradient-type-row .gradient-type-select[data-v-05c2683e]{border:1px solid var(--dp-cp-border-color);width:100%;height:24px;color:var(--dp-cp-text-color);background:var(--dp-cp-bg-input);cursor:pointer;border-radius:2px;outline:none;font-size:12px}.ik-color-picker__gradient-tools .gradient-type-row .gradient-type-select[data-v-05c2683e]:focus{border-color:var(--dp-cp-primary-color)}.ik-color-picker__gradient-tools .gradient-angle-slider-wrapper[data-v-05c2683e]{align-items:center;gap:8px;width:100%;height:20px;margin-bottom:4px;display:flex;position:relative}.ik-color-picker__gradient-tools .gradient-angle-slider-wrapper .angle-label[data-v-05c2683e]{color:var(--dp-cp-text-secondary);text-align:center;width:24px;font-size:10px}.ik-color-picker__gradient-tools .gradient-angle-slider-wrapper .current-angle[data-v-05c2683e]{color:var(--dp-cp-text-color);text-align:right;font-variant-numeric:tabular-nums;width:30px;font-size:10px}.ik-color-picker__gradient-tools .gradient-angle-slider-wrapper .gradient-angle-slider[data-v-05c2683e]{background:var(--dp-cp-border-color);cursor:pointer;border-radius:2px;flex:1;height:4px;position:relative}.ik-color-picker__gradient-tools .gradient-angle-slider-wrapper .gradient-angle-slider .slider-thumb[data-v-05c2683e]{background:var(--dp-cp-text-inverse);width:8px;height:8px;box-shadow:0 0 2px var(--dp-cp-shadow-color-heavy);pointer-events:none;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ik-color-picker__gradient-tools .gradient-angle-slider-wrapper .gradient-angle-slider[data-v-05c2683e]:hover{background:var(--dp-cp-border-color-dark)}.ik-color-picker__gradient-tools .gradient-bar-wrapper[data-v-05c2683e]{width:100%;height:12px;position:relative}.ik-color-picker__gradient-tools .gradient-bar[data-v-05c2683e]{cursor:pointer;width:100%;height:100%;box-shadow:inset 0 0 2px var(--dp-cp-shadow-color-heavy);background-image:var(--dp-cp-bg-checkerboard);background-size:6px 6px;border-radius:6px;position:relative}.ik-color-picker__gradient-tools .gradient-bar .gradient-stop[data-v-05c2683e]{border:2px solid var(--dp-cp-text-inverse);width:10px;height:10px;box-shadow:0 0 2px var(--dp-cp-shadow-color-heavy);cursor:grab;background:currentColor;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ik-color-picker__gradient-tools .gradient-bar .gradient-stop.selected[data-v-05c2683e]{border-color:var(--dp-cp-primary-color);z-index:2;transform:translate(-50%,-50%)scale(1.2)}.ik-color-picker__saturation[data-v-05c2683e]{cursor:crosshair;border-radius:2px;width:100%;height:140px;margin-bottom:12px;position:relative;overflow:hidden}.ik-color-picker__saturation--white[data-v-05c2683e]{background:var(--dp-cp-gradient-white);position:absolute;inset:0}.ik-color-picker__saturation--black[data-v-05c2683e]{background:var(--dp-cp-gradient-black);position:absolute;inset:0}.ik-color-picker__saturation--cursor[data-v-05c2683e]{border:1px solid var(--dp-cp-text-inverse);width:12px;height:12px;box-shadow:0 0 2px var(--dp-cp-shadow-color-heavy);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.ik-color-picker__sliders-row[data-v-05c2683e]{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ik-color-picker__sliders-row .sliders-col[data-v-05c2683e]{flex-direction:column;flex:1;gap:10px;display:flex}.ik-color-picker__sliders-row .color-preview[data-v-05c2683e]{background-image:var(--dp-cp-bg-checkerboard);border:1px solid var(--dp-cp-border-color);background-size:8px 8px;border-radius:2px;width:32px;height:32px;overflow:hidden}.ik-color-picker__sliders-row .color-preview .preview-block[data-v-05c2683e]{width:100%;height:100%}.ik-color-picker__slider[data-v-05c2683e]{cursor:pointer;border-radius:5px;height:10px;position:relative}.ik-color-picker__slider .slider-thumb[data-v-05c2683e]{background:var(--dp-cp-text-inverse);width:12px;height:12px;box-shadow:0 0 2px var(--dp-cp-shadow-color-deep);pointer-events:none;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ik-color-picker__slider.hue-slider[data-v-05c2683e]{background:var(--dp-cp-gradient-hue)}.ik-color-picker__slider.alpha-slider .alpha-bg[data-v-05c2683e]{background-image:var(--dp-cp-bg-checkerboard);background-size:6px 6px;border-radius:5px;position:absolute;inset:0}.ik-color-picker__slider.alpha-slider .alpha-gradient[data-v-05c2683e]{border-radius:5px;position:absolute;inset:0}.ik-color-picker__inputs[data-v-05c2683e]{gap:8px;margin-bottom:12px;display:flex}.ik-color-picker__inputs .input-header[data-v-05c2683e]{flex-shrink:0;width:60px}.ik-color-picker__inputs .input-header .format-select[data-v-05c2683e]{border:1px solid var(--dp-cp-border-color);width:100%;height:24px;color:var(--dp-cp-text-color);background:var(--dp-cp-bg-input);cursor:pointer;border-radius:2px;outline:none;font-size:12px}.ik-color-picker__inputs .input-header .format-select[data-v-05c2683e]:focus{border-color:var(--dp-cp-primary-color)}.ik-color-picker__inputs .input-body[data-v-05c2683e]{flex:1}.ik-color-picker__inputs .input-group[data-v-05c2683e]{align-items:center;gap:4px;display:flex}.ik-color-picker__inputs .input-group input[data-v-05c2683e]{border:1px solid var(--dp-cp-border-color);width:100%;height:24px;color:var(--dp-cp-text-color);background:var(--dp-cp-bg-input);text-align:center;border-radius:2px;outline:none;padding:0 4px;font-size:12px}.ik-color-picker__inputs .input-group input[data-v-05c2683e]:focus{border-color:var(--dp-cp-primary-color)}.ik-color-picker__inputs .rgb-inputs .rgb-item[data-v-05c2683e]{flex:1;min-width:0}.ik-color-picker__swatches[data-v-05c2683e]{margin-top:8px}.ik-color-picker__swatches .swatches-title[data-v-05c2683e]{color:var(--dp-cp-text-color);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.ik-color-picker__swatches .swatches-title .clear-recent[data-v-05c2683e]{cursor:pointer;color:var(--dp-cp-text-secondary);font-size:16px;font-weight:700;line-height:1}.ik-color-picker__swatches .swatches-title .clear-recent[data-v-05c2683e]:hover{color:var(--dp-cp-danger-color)}.ik-color-picker__swatches .swatches-list[data-v-05c2683e]{flex-wrap:wrap;gap:6px;display:flex}.ik-color-picker__swatches .swatch-item[data-v-05c2683e]{cursor:pointer;border:1px solid var(--dp-cp-border-color);border-radius:2px;width:18px;height:18px;position:relative}.ik-color-picker__swatches .swatch-item[data-v-05c2683e]:hover{z-index:1;box-shadow:0 0 4px var(--dp-cp-shadow-color-heavy);transform:scale(1.1)}.ik-color-picker[data-v-109f1636]{color:var(--dp-cp-text-color);width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;display:inline-block;position:relative}.ik-color-picker__trigger[data-v-109f1636]{cursor:pointer;background:var(--dp-cp-bg-trigger);box-sizing:border-box;border-radius:3px;justify-content:space-between;align-items:center;min-width:30px;height:32px;transition:all .2s;display:flex}.ik-color-picker__trigger[data-v-109f1636]:hover{border-color:var(--dp-cp-primary-color)}.ik-color-picker__trigger:hover .ik-color-picker__clear[data-v-109f1636]{display:flex}.ik-color-picker__trigger--inner[data-v-109f1636]{background-image:var(--dp-cp-bg-checkerboard);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;flex:1;align-items:center;height:100%;display:flex;overflow:hidden}.ik-color-picker__trigger .color-block[data-v-109f1636]{background-image:var(--dp-cp-bg-checkerboard);background-size:6px 6px;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.ik-color-picker__trigger .color-text[data-v-109f1636]{text-overflow:ellipsis;white-space:nowrap;color:var(--dp-cp-text-light);flex:1;overflow:hidden}.ik-color-picker__trigger .arrow-icon[data-v-109f1636]{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--dp-cp-text-secondary);width:0;height:0;margin-left:6px;transition:transform .2s}.ik-color-picker__trigger .arrow-icon.open[data-v-109f1636]{transform:rotate(180deg)}.ik-color-picker__clear[data-v-109f1636]{color:var(--dp-cp-text-secondary);background:var(--dp-cp-bg-clear);border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:none;position:absolute;right:4px}.ik-color-picker__clear[data-v-109f1636]:hover{background:var(--dp-cp-bg-clear-hover);color:var(--dp-cp-text-inverse)}:root{--dp-cp-primary-color:#0052d9;--dp-cp-primary-text:#4096ff;--dp-cp-danger-color:#ff4d4f;--dp-cp-text-color:#e0e0e0;--dp-cp-text-secondary:#999;--dp-cp-text-light:#ccc;--dp-cp-text-inverse:#fff;--dp-cp-color-black:#000;--dp-cp-bg-panel:#2b2b2b;--dp-cp-bg-trigger:#2b2b2b;--dp-cp-bg-input:#333;--dp-cp-bg-tab:#3a3a3a;--dp-cp-bg-tab-active:#2d2c2c;--dp-cp-bg-tab-divider:#48494b;--dp-cp-bg-overlay:#0000001a;--dp-cp-bg-clear:#0000006b;--dp-cp-bg-clear-hover:#ffffff1a;--dp-cp-border-color:#444;--dp-cp-border-color-dark:#555;--dp-cp-shadow-color-base:#0000004d;--dp-cp-shadow-color-light:#0003;--dp-cp-shadow-color-dark:#0006;--dp-cp-shadow-color-heavy:#00000080;--dp-cp-shadow-color-deep:#0009;--dp-cp-gradient-hue:linear-gradient(to right,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);--dp-cp-gradient-white:linear-gradient(to right,#fff,#fff0);--dp-cp-gradient-black:linear-gradient(to top,#000,#0000);--dp-cp-bg-checkerboard: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%)}.ik-color-picker__panel-container{background:var(--dp-cp-bg-panel);border:1px solid var(--dp-cp-border-color);box-shadow:0 4px 6px var(--dp-cp-shadow-color-base);border-radius:4px;position:absolute}.ik-color-picker__overlay{background-color:var(--dp-cp-bg-overlay);position:fixed;inset:0}.ik-color-picker__arrow{background:var(--dp-cp-bg-panel);border:1px solid var(--dp-cp-border-color);z-index:1;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.ik-color-picker__arrow.is-top{top:-6px;border-bottom-color:#0000!important;border-right-color:#0000!important}.ik-color-picker__arrow.is-bottom{bottom:-6px;border-top-color:#0000!important;border-left-color:#0000!important}.dp-slide-fade-enter-active,.dp-slide-fade-leave-active{transition:all var(--animation-duration,.2s)ease}.dp-slide-fade-enter-from,.dp-slide-fade-leave-to{opacity:0;transform:translateY(-5px)}.page-container[data-v-5a2b7cba]{color:#333;background-color:#f8f9fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.hero[data-v-5a2b7cba]{color:#fff;text-align:center;background:linear-gradient(135deg,#0052d9 0%,#0033a0 100%);padding:60px 20px}.hero h1[data-v-5a2b7cba]{margin:0 0 16px;font-size:3.5rem;font-weight:700}.hero .subtitle[data-v-5a2b7cba]{opacity:.9;margin:0 0 32px;font-size:1.25rem}.hero .install-cmd[data-v-5a2b7cba]{backdrop-filter:blur(4px);background:#0000004d;border-radius:8px;align-items:center;padding:8px 16px;display:inline-flex}.hero .install-cmd code[data-v-5a2b7cba]{margin-right:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1rem}.hero .install-cmd .copy-btn[data-v-5a2b7cba]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:4px;padding:4px 12px;font-size:.8rem;transition:background .2s}.hero .install-cmd .copy-btn[data-v-5a2b7cba]:hover{background:#ffffff4d}.main-content[data-v-5a2b7cba]{z-index:10;max-width:1200px;margin:-40px auto 0;padding:0 20px 60px;position:relative}section[data-v-5a2b7cba]{background:#fff;border:1px solid #eaeaea;border-radius:12px;margin-bottom:32px;padding:32px;box-shadow:0 4px 20px #0000000d}section h2[data-v-5a2b7cba]{color:#1a1a1a;border-bottom:2px solid #f0f0f0;margin:0 0 24px;padding-bottom:12px;font-size:1.5rem}.playground-container[data-v-5a2b7cba]{grid-template-columns:1fr 350px;gap:32px;display:grid}@media (width<=768px){.playground-container[data-v-5a2b7cba]{grid-template-columns:1fr}}.preview-panel[data-v-5a2b7cba]{background:#fff;border:1px dashed #ddd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.preview-panel .component-wrapper[data-v-5a2b7cba]{border-radius:8px;margin-bottom:32px;padding:20px;transition:background-color .3s}.preview-panel .value-display[data-v-5a2b7cba]{text-align:center}.preview-panel .value-display .label[data-v-5a2b7cba]{color:#666;margin-bottom:8px;font-size:.9rem;display:block}.preview-panel .value-display .value[data-v-5a2b7cba]{color:#0052d9;background:#f5f5f5;border-radius:4px;padding:6px 12px;font-family:monospace;font-weight:600}.controls-panel .control-group[data-v-5a2b7cba]{margin-bottom:24px}.controls-panel .control-group h3[data-v-5a2b7cba]{color:#333;margin:0 0 16px;font-size:1.1rem}.controls-panel .control-item[data-v-5a2b7cba]{margin-bottom:12px}.controls-panel .control-item label[data-v-5a2b7cba]{color:#555;margin-bottom:4px;font-size:.9rem;display:block}.controls-panel .control-item select[data-v-5a2b7cba]{background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:8px}.controls-panel .control-item select[data-v-5a2b7cba]:focus{border-color:#0052d9;outline:none}.controls-panel .control-item .input-row[data-v-5a2b7cba]{align-items:center;gap:8px;display:flex}.controls-panel .control-item .input-row input[type=color][data-v-5a2b7cba]{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;width:32px;height:32px;padding:0}.controls-panel .control-item .text-input[data-v-5a2b7cba],.controls-panel .control-item .number-input[data-v-5a2b7cba]{background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:8px}.controls-panel .control-item .text-input[data-v-5a2b7cba]:focus,.controls-panel .control-item .number-input[data-v-5a2b7cba]:focus{border-color:#0052d9;outline:none}.controls-panel .control-item.checkbox label[data-v-5a2b7cba]{cursor:pointer;align-items:center;gap:8px;margin-bottom:0;display:flex}.controls-panel .control-item.checkbox input[type=checkbox][data-v-5a2b7cba]{cursor:pointer;width:16px;height:16px}.controls-panel .code-block[data-v-5a2b7cba]{background:#282c34;border-radius:6px;padding:16px;position:relative}.controls-panel .code-block pre[data-v-5a2b7cba]{color:#abb2bf;white-space:pre-wrap;margin:0;font-family:monospace;font-size:.85rem;overflow-x:auto}.controls-panel .code-block .copy-btn-small[data-v-5a2b7cba]{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:3px;padding:2px 6px;font-size:.75rem;position:absolute;top:8px;right:8px}.controls-panel .code-block .copy-btn-small[data-v-5a2b7cba]:hover{background:#fff3}.examples-grid[data-v-5a2b7cba]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.example-card[data-v-5a2b7cba]{border:1px solid #eee;border-radius:8px;transition:box-shadow .2s;overflow:hidden}.example-card[data-v-5a2b7cba]:hover{box-shadow:0 4px 12px #00000014}.example-card .card-header[data-v-5a2b7cba]{background:#f9f9f9;border-bottom:1px solid #eee;padding:16px}.example-card .card-header h3[data-v-5a2b7cba]{margin:0 0 4px;font-size:1.1rem}.example-card .card-header p[data-v-5a2b7cba]{color:#666;margin:0;font-size:.85rem}.example-card .card-body[data-v-5a2b7cba]{flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.example-card .card-body .mini-value[data-v-5a2b7cba]{color:#888;text-overflow:ellipsis;background:#f5f5f5;border-radius:4px;max-width:100%;padding:4px 8px;font-family:monospace;font-size:.8rem;overflow:hidden}.logs-section .logs-header[data-v-5a2b7cba]{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.logs-section .logs-header h2[data-v-5a2b7cba]{border:none;margin:0;padding:0}.logs-section .logs-header button[data-v-5a2b7cba]{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:4px;padding:4px 12px;font-size:.9rem}.logs-section .logs-header button[data-v-5a2b7cba]:hover{color:#d93025;background:#f5f5f5;border-color:#d93025}.logs-section .logs-container[data-v-5a2b7cba]{color:#fff;background:#1e1e1e;border-radius:8px;height:200px;padding:16px;font-family:monospace;font-size:.9rem;overflow-y:auto}.logs-section .logs-container .empty-logs[data-v-5a2b7cba]{color:#666;text-align:center;margin-top:80px;font-style:italic}.logs-section .logs-container .log-entry[data-v-5a2b7cba]{border-bottom:1px solid #333;padding:4px 0}.logs-section .logs-container .log-entry[data-v-5a2b7cba]:last-child{border-bottom:none}.footer[data-v-5a2b7cba]{text-align:center;color:#888;padding:20px;font-size:.9rem}