.cs-eye{gap:var(--cs-space-5);flex-direction:column;display:flex}.cs-eye__drop{align-items:center;gap:var(--cs-space-3);padding:var(--cs-space-12) var(--cs-space-5);text-align:center;background:var(--cs-card);border:1px dashed var(--cs-border-strong);border-radius:var(--cs-radius-xl);flex-direction:column;display:flex}.cs-eye__drop.is-dragging{border-color:var(--cs-accent);background:var(--cs-fill-subtle)}.cs-eye__droptitle{font-size:var(--cs-text-md);color:var(--cs-text-strong);margin:0}.cs-eye__drophint{max-width:32rem;font-size:var(--cs-text-sm);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary);margin:0}.cs-eye__choose{margin-top:var(--cs-space-2);cursor:pointer}.cs-eye__screenagain{align-self:flex-start}.cs-eye__error{padding:var(--cs-space-3) var(--cs-space-4);background:var(--cs-fill);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-md);font-size:var(--cs-text-sm);color:var(--cs-text);margin:0}.cs-eye__stage{gap:var(--cs-space-5);display:grid}.cs-eye__stage--idle{display:none}@media (width>=900px){.cs-eye__stage{grid-template-columns:minmax(0,1.4fr) minmax(20rem,1fr);align-items:start}}.cs-eye__canvaswrap{line-height:0;position:relative}.cs-eye__canvas{border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);cursor:crosshair;touch-action:none;width:100%;height:auto;display:block}.cs-eye__loupe{border:2px solid var(--cs-plate);width:154px;height:154px;box-shadow:var(--cs-shadow-sm);pointer-events:none;border-radius:50%;position:absolute;overflow:hidden;transform:translate(-50%,-125%)}.cs-eye__loupe canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.cs-eye__crosshair{border:1px solid var(--cs-plate);box-shadow:0 0 0 1px var(--cs-plate-ink);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.cs-eye__panel{gap:var(--cs-space-4);padding:var(--cs-space-5);background:var(--cs-card);border:1px solid var(--cs-border);border-radius:var(--cs-radius-xl);flex-direction:column;display:flex}.cs-eye__sizes{gap:var(--cs-space-2);flex-wrap:wrap;display:flex}.cs-eye__size{min-height:36px;padding:0 var(--cs-space-3);background:var(--cs-fill-subtle);border:1px solid var(--cs-border);border-radius:var(--cs-radius-pill);color:var(--cs-text-secondary);font-size:var(--cs-text-sm);cursor:pointer}.cs-eye__size:hover{color:var(--cs-text-strong)}.cs-eye__size.is-active{background:var(--cs-fill-hover);border-color:var(--cs-border-hover);color:var(--cs-text-strong)}.cs-eye__sizenote{font-size:var(--cs-text-xs);line-height:var(--cs-leading-relaxed);color:var(--cs-text-muted);margin:0}.cs-eye__result{gap:var(--cs-space-1);padding:var(--cs-space-4);border-radius:var(--cs-radius-lg);flex-direction:column;display:flex}.cs-eye__resulthex{font-size:var(--cs-text-lg);font-weight:600}.cs-eye__resultstate{font-size:var(--cs-text-xs);opacity:.75}.cs-eye__save{margin-top:var(--cs-space-1);border-radius:var(--cs-radius-sm);color:inherit;font-size:var(--cs-text-xs);cursor:pointer;background:#ffffff40;border:1px solid;align-self:flex-start;padding:.25rem .6rem;position:relative}.cs-eye__near{font-size:var(--cs-text-sm);color:var(--cs-text-secondary);margin:0}.cs-eye__near strong{color:var(--cs-text-strong);font-family:var(--cs-font-mono)}.cs-eye__prompt{font-size:var(--cs-text-sm);color:var(--cs-text-secondary);margin:0}.cs-eye__codes{border-collapse:collapse;width:100%}.cs-eye__codes th{width:6.5rem;padding:var(--cs-space-1) 0;font-size:var(--cs-text-xs);text-align:left;text-transform:uppercase;letter-spacing:var(--cs-tracking-wide);color:var(--cs-text-muted);font-weight:500}.cs-eye__codes td{padding:var(--cs-space-1) 0}.cs-eye__history{gap:var(--cs-space-2);flex-direction:column;display:flex}.cs-eye__historylabel{font-size:var(--cs-text-xs);text-transform:uppercase;letter-spacing:var(--cs-tracking-wide);color:var(--cs-text-muted)}.cs-eye__history ul{gap:var(--cs-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cs-eye__swatch{min-height:32px;padding:0 var(--cs-space-2);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-sm);cursor:pointer;font-size:.6875rem}.cs-eye__file{font-size:var(--cs-text-xs);color:var(--cs-text-muted);overflow-wrap:anywhere;margin:0}.cs-eye__again{color:var(--cs-text-secondary);cursor:pointer;text-decoration:underline}.cs-eye__again:hover{color:var(--cs-text-strong)}@media (hover:none){.cs-eye__loupe{display:none}}.cs-toolhead[data-astro-cid-jbhy65vk]{gap:var(--cs-space-4);padding-block:var(--cs-space-4) var(--cs-space-6);flex-direction:column;display:flex}.cs-toolhead[data-astro-cid-jbhy65vk] h1[data-astro-cid-jbhy65vk]{font-size:var(--cs-text-xl);letter-spacing:var(--cs-tracking-tight)}@media (width>=768px){.cs-toolhead[data-astro-cid-jbhy65vk] h1[data-astro-cid-jbhy65vk]{font-size:var(--cs-text-2xl)}}.cs-answer[data-astro-cid-jbhy65vk]{font-size:var(--cs-text-md);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}.cs-eye-mount[data-astro-cid-jbhy65vk]{margin-bottom:var(--cs-space-8)}.cs-eye-prose[data-astro-cid-jbhy65vk]{gap:var(--cs-space-4);padding:0 var(--cs-space-4) var(--cs-space-5);display:grid}.cs-eye-prose[data-astro-cid-jbhy65vk] p[data-astro-cid-jbhy65vk]{max-width:34rem;font-size:var(--cs-text-sm);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}