.pocket-layout-glyph{aspect-ratio:3/4;background:color-mix(in srgb, var(--fg) 6%, transparent);border:1px solid color-mix(in srgb, var(--fg) 14%, transparent);border-radius:5px;gap:2px;width:34px;padding:3px;display:grid}.pocket-layout-glyph__cell{background:color-mix(in srgb, var(--fg) 28%, transparent);border-radius:1.5px;display:block}.new-binder__field{border:none;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.new-binder__label{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);padding:0;font-size:.75rem;font-weight:600}.new-binder__layouts{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.new-binder__layout{border:1.5px solid color-mix(in srgb, var(--fg) 12%, transparent);background:color-mix(in srgb, var(--bg-raised) 40%, transparent);color:var(--fg);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.new-binder__layout:hover{border-color:color-mix(in srgb, var(--fg) 28%, transparent)}.new-binder__layout--active{border-color:var(--accent,#0078b1);background:color-mix(in srgb, var(--accent,#0078b1) 10%, transparent)}.new-binder__layout--active .pocket-layout-glyph__cell{background:color-mix(in srgb, var(--accent,#0078b1) 70%, var(--fg))}.new-binder__layout-label{font-size:.8125rem;font-weight:600;line-height:1}.new-binder__presets{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.new-binder__preset{border:1.5px solid color-mix(in srgb, var(--fg) 12%, transparent);background:color-mix(in srgb, var(--bg-raised) 40%, transparent);color:var(--fg);cursor:pointer;border-radius:10px;padding:9px 6px;font-family:inherit;font-size:.8125rem;font-weight:600;line-height:1;transition:border-color .15s,background .15s}.new-binder__preset:hover{border-color:color-mix(in srgb, var(--fg) 28%, transparent)}.new-binder__preset--active{border-color:var(--accent,#0078b1);background:color-mix(in srgb, var(--accent,#0078b1) 10%, transparent)}.new-binder__stepper{border:1.5px solid color-mix(in srgb, var(--fg) 15%, transparent);background:color-mix(in srgb, var(--bg-raised) 30%, transparent);border-radius:10px;align-items:stretch;width:fit-content;display:inline-flex;overflow:hidden}.new-binder__stepper-btn{width:40px;color:var(--fg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .12s;display:inline-flex}.new-binder__stepper-btn:hover:not(:disabled){background:color-mix(in srgb, var(--fg) 8%, transparent)}.new-binder__stepper-btn:disabled{opacity:.35;cursor:not-allowed}.new-binder__stepper-input{border:none;border-left:1px solid color-mix(in srgb, var(--fg) 12%, transparent);border-right:1px solid color-mix(in srgb, var(--fg) 12%, transparent);width:64px;color:var(--fg);text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;outline:none;padding:9px 4px;font-family:inherit;font-size:.9375rem;font-weight:600}.new-binder__stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.new-binder__stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.new-binder__hint{color:var(--fg-subtle);margin:0;font-size:.75rem}