.timestamp-header{border-bottom:0;padding-bottom:10px}.timestamp-main{padding-top:10px}.timestamp-workbench{overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:18px;background:var(--surface);box-shadow:0 18px 45px #0f172a12}.timestamp-now{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(22px,4vw,34px);color:var(--ink);border-bottom:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));background:linear-gradient(135deg,var(--brand-soft) 0%,var(--surface) 72%)}.timestamp-eyebrow,.timestamp-step{margin:0 0 6px;color:inherit;font-size:.72rem;font-weight:760;letter-spacing:.12em;line-height:1;text-transform:uppercase}.timestamp-now h2{color:var(--ink);font-size:1rem;letter-spacing:-.01em}.timestamp-now .current-time-value{margin:8px 0 3px;color:color-mix(in srgb,var(--brand) 78%,var(--ink));font-size:clamp(1.15rem,2.2vw,1.55rem);font-weight:720}.timestamp-timezone{color:var(--muted);font-size:.8rem}.timestamp-now-actions{display:grid;min-width:min(100%,265px);gap:12px;text-align:right}.timestamp-now .current-time-timestamp{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}.timestamp-primary-action{width:100%;min-height:44px;margin:0;color:#fff;border-color:var(--brand);background:var(--brand)}.timestamp-primary-action:hover{color:#fff;background:var(--brand-hover)}.timestamp-conversion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.timestamp-panel{min-width:0;padding:clamp(22px,3vw,30px)}.timestamp-panel+.timestamp-panel{margin:0;padding-top:clamp(22px,3vw,30px);border-top:0;border-left:1px solid var(--line)}.timestamp-panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.timestamp-panel-heading .timestamp-step{display:grid;width:30px;height:30px;margin:0;place-items:center;color:var(--brand);border-radius:8px;background:var(--brand-soft);letter-spacing:.04em}.timestamp-panel h2{margin:0;font-size:1rem}.timestamp-panel .form-group{margin-bottom:18px}.timestamp-panel .form-group>label{color:var(--ink);font-size:.8rem}.timestamp-panel .form-control{min-height:46px;border-radius:9px}.timestamp-panel input[readonly]{color:color-mix(in srgb,var(--brand) 78%,var(--ink));font-family:SFMono-Regular,Consolas,monospace;font-weight:650}.timestamp-panel .option-grid{margin-top:0}.timestamp-panel .timestamp-option{min-height:44px;padding:10px 12px;border-radius:9px;transition:border-color .18s ease,background .18s ease,color .18s ease}.timestamp-panel .timestamp-option:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));background:var(--brand-soft)}.timestamp-panel .inline-control{gap:7px}.timestamp-panel .inline-control .btn{min-width:64px;min-height:46px;padding:10px 12px}.timestamp-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(22px,3vw,30px);border-top:1px solid var(--line);background:var(--surface-soft)}.timestamp-footer-actions .btn{min-height:40px;margin:0}.timestamp-footer-actions p{color:var(--muted);font-size:.78rem}.timestamp-result{margin:16px clamp(22px,3vw,30px) 22px;padding:12px 14px;border:1px solid transparent;border-radius:9px;font-size:.84rem;font-weight:650}.timestamp-result[hidden]{display:none}@media (max-width: 760px){.timestamp-now,.timestamp-footer-actions{align-items:stretch;flex-direction:column}.timestamp-now-actions{min-width:0;text-align:left}.timestamp-conversion-grid{grid-template-columns:1fr}.timestamp-panel+.timestamp-panel{border-top:1px solid var(--line);border-left:0}.timestamp-footer-actions .btn{width:100%}}@media (prefers-reduced-motion: reduce){.timestamp-panel .timestamp-option,.timestamp-primary-action{transition:none}}