@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap";.dtf-gc-wrapper{--dtf-bg: #0c0c0d;--dtf-bg-elev: #141416;--dtf-bg-elev-2: #1c1c1f;--dtf-line: #2a2a2e;--dtf-line-strong: #3a3a40;--dtf-fg: #f4f4f5;--dtf-fg-dim: #a1a1aa;--dtf-fg-muted: #6b6b73;--dtf-cyan: #00b3d9;--dtf-magenta: #e83e8c;--dtf-yellow: #e8c547;--dtf-danger: #ff3a3a;--dtf-success: #4ade80;background:var(--dtf-bg);color:var(--dtf-fg);font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased;padding:48px 0 64px;background-image:radial-gradient(circle at 0% 0%,rgba(0,179,217,.06),transparent 40%),radial-gradient(circle at 100% 100%,rgba(232,62,140,.05),transparent 40%)}.dtf-gc-wrapper *,.dtf-gc-wrapper *:before,.dtf-gc-wrapper *:after{box-sizing:border-box}.dtf-gc-container{max-width:1400px;margin:0 auto;padding:0 32px}@media(max-width:600px){.dtf-gc-container{padding:0 16px}.dtf-gc-wrapper{padding:24px 0}}.dtf-gc-header{margin-bottom:40px;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}.dtf-gc-title{font-family:"Instrument Serif",serif;font-size:clamp(36px,5vw,60px);font-weight:400;line-height:1;letter-spacing:-.02em;color:var(--dtf-fg);margin:0}.dtf-gc-title em{font-style:italic;color:var(--dtf-cyan)}.dtf-gc-subtitle{font-size:14px;color:var(--dtf-fg-dim);margin-top:16px;max-width:600px;line-height:1.55}.dtf-gc-subtitle p{margin:0 0 8px}.dtf-gc-subtitle p:last-child{margin:0}.dtf-gc-badge-row{display:flex;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap}.dtf-gc-badge{padding:6px 12px;border:1px solid var(--dtf-line);border-radius:999px;color:var(--dtf-fg-dim);display:inline-flex;align-items:center}.dtf-gc-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:8px}.dtf-gc-badge-cmyk .dtf-gc-dot{background:var(--dtf-success)}.dtf-gc-badge-pro .dtf-gc-dot{background:var(--dtf-cyan)}.dtf-gc-badge-out .dtf-gc-dot{background:var(--dtf-danger)}.dtf-gc-drop-zone{border:1.5px dashed var(--dtf-line-strong);border-radius:8px;padding:64px 32px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--dtf-bg-elev);margin-bottom:32px}.dtf-gc-drop-zone:hover,.dtf-gc-drop-zone.dtf-gc-dragging{border-color:var(--dtf-cyan);background:var(--dtf-bg-elev-2)}.dtf-gc-drop-icon{font-family:"Instrument Serif",serif;font-style:italic;font-size:48px;color:var(--dtf-fg-muted);margin-bottom:12px;line-height:1}.dtf-gc-drop-text{font-size:16px;color:var(--dtf-fg);margin-bottom:6px}.dtf-gc-drop-hint{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--dtf-fg-muted);text-transform:uppercase;letter-spacing:.08em}.dtf-gc-controls{display:none!important}.dtf-gc-btn{background:var(--dtf-fg);color:var(--dtf-bg);border:none;padding:10px 20px;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-radius:6px;cursor:pointer;transition:opacity .15s}.dtf-gc-btn:hover{opacity:.8}.dtf-gc-btn-secondary{background:transparent;color:var(--dtf-fg);border:1px solid var(--dtf-line-strong)}.dtf-gc-results{display:none;grid-template-columns:1fr 380px;gap:24px}.dtf-gc-results.dtf-gc-visible{display:grid}@media(max-width:1000px){.dtf-gc-results.dtf-gc-visible{grid-template-columns:1fr}}.dtf-gc-canvas-section{background:var(--dtf-bg-elev);border:1px solid var(--dtf-line);border-radius:8px;overflow:hidden}.dtf-gc-canvas-tabs{display:flex;border-bottom:1px solid var(--dtf-line);overflow-x:auto}.dtf-gc-tab{flex:1;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:transparent;color:var(--dtf-fg-dim);border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}.dtf-gc-tab-active{color:var(--dtf-fg);border-bottom-color:var(--dtf-cyan)}.dtf-gc-tab:hover:not(.dtf-gc-tab-active){color:var(--dtf-fg)}.dtf-gc-canvas-wrap{padding:32px;display:flex;justify-content:center;align-items:center;min-height:400px;background-image:linear-gradient(45deg,#1a1a1c 25%,transparent 25%),linear-gradient(-45deg,#1a1a1c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1a1a1c 75%),linear-gradient(-45deg,transparent 75%,#1a1a1c 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.dtf-gc-canvas-wrap canvas{max-width:100%;max-height:70vh;image-rendering:pixelated;box-shadow:0 8px 32px #0006;display:block}.dtf-gc-legend{display:flex;gap:16px;padding:12px 24px;background:var(--dtf-bg-elev-2);border-top:1px solid var(--dtf-line);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--dtf-fg-dim);flex-wrap:wrap;text-transform:uppercase;letter-spacing:.06em}.dtf-gc-legend-item{display:flex;align-items:center;gap:8px}.dtf-gc-legend-swatch{width:12px;height:12px;border-radius:3px;border:1px solid var(--dtf-line)}.dtf-gc-sidebar{display:flex;flex-direction:column;gap:16px}.dtf-gc-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:768px){.dtf-gc-stats-grid{grid-template-columns:1fr}}.dtf-gc-stat-card{background:var(--dtf-bg-elev);border:1px solid var(--dtf-line);border-radius:8px;padding:12px 10px}.dtf-gc-stat-label{font-family:JetBrains Mono,monospace;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--dtf-fg-muted);margin-bottom:6px}.dtf-gc-stat-value{font-family:"Instrument Serif",serif;font-size:24px;line-height:1;letter-spacing:-.02em;margin-bottom:8px}.dtf-gc-stat-bar{height:3px;background:var(--dtf-line);border-radius:2px;overflow:hidden}.dtf-gc-stat-bar-fill{height:100%;width:0%;transition:width .3s ease}.dtf-gc-verdict{padding:16px 20px;border-radius:8px;border:1px solid var(--dtf-line);font-size:13px;line-height:1.5;background:var(--dtf-bg-elev)}.dtf-gc-verdict.dtf-gc-verdict-good{background:#4ade800d;border-color:#4ade804d;color:var(--dtf-success)}.dtf-gc-verdict.dtf-gc-verdict-pro{background:#00b3d90d;border-color:#00b3d94d;color:var(--dtf-cyan)}.dtf-gc-verdict.dtf-gc-verdict-warn{background:#e8c5470d;border-color:#e8c5474d;color:var(--dtf-yellow)}.dtf-gc-verdict.dtf-gc-verdict-bad{background:#ff3a3a0d;border-color:#ff3a3a4d;color:var(--dtf-danger)}.dtf-gc-color-section{background:var(--dtf-bg-elev);border:1px solid var(--dtf-line);border-radius:8px;overflow:hidden}.dtf-gc-color-section-header{padding:14px 20px;border-bottom:1px solid var(--dtf-line);font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--dtf-fg-dim);display:flex;justify-content:space-between;align-items:center}.dtf-gc-color-section-title{display:flex;align-items:center;gap:8px;color:var(--dtf-fg)}.dtf-gc-color-section-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dtf-gc-color-list{max-height:320px;overflow-y:auto}.dtf-gc-color-list::-webkit-scrollbar{width:8px}.dtf-gc-color-list::-webkit-scrollbar-track{background:var(--dtf-bg-elev)}.dtf-gc-color-list::-webkit-scrollbar-thumb{background:var(--dtf-line-strong);border-radius:4px}.dtf-gc-color-row{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid var(--dtf-line);gap:12px;transition:background .1s}.dtf-gc-color-row:last-child{border-bottom:none}.dtf-gc-color-row:hover{background:var(--dtf-bg-elev-2)}.dtf-gc-swatches{display:flex;align-items:center;gap:4px;flex-shrink:0}.dtf-gc-swatch{width:28px;height:28px;border-radius:5px;border:1px solid var(--dtf-line-strong)}.dtf-gc-swatch-arrow{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--dtf-fg-muted);margin:0 2px}.dtf-gc-color-info{flex:1;min-width:0}.dtf-gc-color-hex{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;color:var(--dtf-fg)}.dtf-gc-color-hex-mapped{color:var(--dtf-fg-muted);font-size:10px}.dtf-gc-color-meta{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--dtf-fg-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.06em}.dtf-gc-color-pct{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--dtf-fg-dim);flex-shrink:0}.dtf-gc-empty{padding:32px 20px;text-align:center;color:var(--dtf-fg-muted);font-style:italic;font-family:"Instrument Serif",serif;font-size:16px}.dtf-gc-footer{margin-top:48px;padding-top:32px;border-top:1px solid var(--dtf-line);font-family:JetBrains Mono,monospace;font-size:11px;color:var(--dtf-fg-muted);line-height:1.6}.dtf-gc-footer p{margin:0 0 8px}.dtf-gc-footer p:last-child{margin:0}
/*# sourceMappingURL=/cdn/shop/t/68/compiled_assets/styles.css.map */