.sti-root{display:flex;flex-direction:column}.sti-label{display:block;font-size:.8125rem;font-weight:500;color:var(--ink-muted);margin-bottom:.5rem;letter-spacing:.01em}.sti-field-wrap{position:relative}.sti-field{display:flex;width:100%;align-items:center;background:var(--input-bg);border:1.5px solid var(--border);border-radius:var(--radius, 10px);padding:0 .625rem 0 1rem;height:2.5rem;cursor:text;transition:border-color .15s,box-shadow .15s}.sti-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow, rgba(var(--accent-rgb),.25))}.sti-field .sti-seg{background:transparent;border:none;outline:none;font-family:var(--mono, "JetBrains Mono", monospace);font-size:1.1875rem;color:var(--ink);text-align:center;padding:0;width:auto;height:auto;-moz-appearance:textfield;appearance:textfield}.sti-field .sti-seg:focus{border:none;box-shadow:none}.sti-seg::-webkit-outer-spin-button,.sti-seg::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sti-field .sti-seg::placeholder{color:var(--ink-muted)}.sti-field .sti-hh,.sti-field .sti-min{width:2.25ch}.sti-sep{font-family:var(--mono, monospace);font-size:1.1875rem;color:var(--ink-muted);padding:0 .25rem;user-select:none}.sti-field .sti-tp-toggle{margin-left:auto;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:6px;border:none;background:transparent;color:var(--ink-muted);cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.sti-field .sti-tp-toggle:hover{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.sti-field .sti-tp-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sti-field .sti-tp-toggle[aria-expanded=true]{background:rgba(var(--accent-rgb),.18);color:var(--accent)}.sti-hint{font-family:var(--mono, monospace);font-size:.6875rem;color:var(--ink-muted);margin-top:.5rem;letter-spacing:.03em;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sti-tp{position:absolute;top:calc(100% + 6px);right:0;z-index:200;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #0009,0 2px 10px #0006;overflow:hidden;width:176px;transform-origin:top right;transform:scale(.96) translateY(-4px);opacity:0;pointer-events:none;transition:transform .16s cubic-bezier(.16,1,.3,1),opacity .14s ease}.sti-tp.is-open{transform:scale(1) translateY(0);opacity:1;pointer-events:all}.sti-tp.flip-up{top:auto;bottom:calc(100% + 6px);transform-origin:bottom right}.sti-spinbox-row{display:flex;align-items:center;justify-content:center;gap:0;padding:.625rem 1rem .5rem}.sti-spin-col{display:flex;flex-direction:column;align-items:center;gap:.125rem;flex:1}.sti-spin-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:1.625rem;border:none;border-radius:5px;background:transparent;color:var(--ink-muted);cursor:pointer;transition:background .1s,color .1s}.sti-spin-btn:hover{background:rgba(var(--accent-rgb),.14);color:var(--accent)}.sti-spin-btn:active{background:rgba(var(--accent-rgb),.22)}.sti-spin-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sti-spin-val{font-family:var(--mono, "JetBrains Mono", monospace);font-size:1.625rem;font-weight:600;color:var(--ink);line-height:1;padding:.25rem 0;min-width:2.5ch;text-align:center;user-select:none;letter-spacing:-.02em}.sti-spin-colon{font-family:var(--mono, monospace);font-size:1.375rem;font-weight:600;color:var(--ink-muted);padding:0 .125rem .125rem;user-select:none;flex-shrink:0}.sti-tp-footer{display:flex;align-items:center;justify-content:space-between;padding:.4375rem .875rem .5625rem;border-top:1px solid var(--border)}.sti-tp-period{font-family:var(--mono, monospace);font-size:.6875rem;font-weight:600;letter-spacing:.1em;color:var(--accent);user-select:none}.sti-tp-done{font-family:var(--sans, "Space Grotesk", sans-serif);font-size:.8125rem;font-weight:600;color:var(--on-accent);background:var(--accent);border:none;border-radius:6px;padding:.25rem .75rem;cursor:pointer;transition:opacity .12s,box-shadow .12s;letter-spacing:.01em}.sti-tp-done:hover{opacity:.9;box-shadow:0 2px 8px rgba(var(--accent-rgb),.4)}.sti-tp-done:focus-visible{outline:2px solid var(--accent);outline-offset:2px}