.developer-tools-page{background:linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px), var(--background);background-size:56px 56px;min-height:100vh;padding:0 32px 28px;position:relative;overflow:hidden}.developer-tools-page:before{content:"";background:linear-gradient(180deg, #06080d08, var(--background));pointer-events:none;position:absolute;inset:0}.developer-tools-glow{pointer-events:none;border-radius:50%;position:absolute}.developer-tools-glow-one{background:rgba(var(--accent-rgb), .16);width:620px;height:620px;top:-430px;left:42%}.developer-tools-glow-two{background:#3d7eff1a;width:400px;height:400px;bottom:-180px;right:-270px}.developer-tools-header,.developer-tools-hero,.developer-workspace,.developer-tools-footer{z-index:1;width:min(1120px,100%);margin-inline:auto;position:relative}.developer-tools-back:hover{color:#fff;border-color:rgba(var(--accent-rgb), .34);background:rgba(var(--accent-rgb), .08)}.developer-tools-hero{grid-template-columns:auto 1fr;align-items:start;gap:20px;padding:64px 0 38px;display:grid}.developer-tools-title-icon{border:1px solid rgba(var(--accent-rgb), .3);width:54px;height:54px;color:var(--accent-bright);background:rgba(var(--accent-rgb), .12);box-shadow:0 18px 48px rgba(var(--accent-rgb), .13);border-radius:15px;place-items:center;display:grid}.developer-tools-title-icon svg{width:28px;height:28px}.developer-tools-hero span,.developer-panel-heading span{color:var(--accent-bright);font-family:var(--font-geist-mono), monospace;font-size:var(--font-size-meta);letter-spacing:.16em;font-weight:670}.developer-tools-hero h1{color:#f5f7fb;letter-spacing:-.052em;word-break:keep-all;margin:10px 0 11px;font-size:clamp(32px,4vw,46px);line-height:1.1}.developer-tools-hero p{color:#838c9c;word-break:keep-all;max-width:640px;margin:0;font-size:13px;line-height:1.7}.developer-workspace{border:1px solid var(--border-strong);background:radial-gradient(circle at 100% 0, rgba(var(--accent-rgb), .09), transparent 36%), #0c1019f2;border-radius:18px;overflow:hidden;box-shadow:0 34px 90px #00000057,inset 0 1px #ffffff09}.developer-toolbar{border-bottom:1px solid var(--border);color:#697383;min-height:48px;font-size:var(--font-size-meta);justify-content:space-between;align-items:center;padding:0 19px;display:flex}.developer-toolbar>div{color:#9ba5b4;align-items:center;gap:8px;display:flex}.developer-status-dot{background:var(--accent-bright);width:7px;height:7px;box-shadow:0 0 12px rgba(var(--accent-rgb), .8);border-radius:50%}.developer-tabs{border-bottom:1px solid var(--border);background:#04070c4d;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.developer-tabs button{color:#7f8999;min-height:48px;font-size:var(--font-size-meta);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;font-weight:620;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.developer-tabs button svg{width:20px;height:20px}.developer-tabs button:hover{color:#d9deea;background:#ffffff08}.developer-tabs button.selected{color:#fff;border-color:rgba(var(--accent-rgb), .32);background:linear-gradient(145deg, rgba(var(--accent-rgb), .17), rgba(var(--accent-rgb), .07));box-shadow:inset 0 1px #ffffff0a}.developer-tabs button:focus-visible,.developer-actions button:focus-visible,.developer-inline-controls button:focus-visible,.timestamp-result button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.developer-panel{padding:26px 28px 28px}.developer-panel-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px;display:flex}.developer-panel-heading h2{color:#edf0f6;letter-spacing:-.03em;margin:7px 0 0;font-size:20px}.developer-panel-heading p{color:#737d8d;max-width:450px;font-size:var(--font-size-meta);text-align:right;word-break:keep-all;margin:0;line-height:1.65}.developer-editor-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.developer-editor{gap:8px;display:grid}.developer-editor>span,.timestamp-inputs label>span{color:#aab2c0;font-size:var(--font-size-meta);font-weight:620}.developer-editor textarea{color:#e9edf5;background:linear-gradient(135deg, rgba(var(--accent-rgb), .03), transparent 34%), #05070cc2;width:100%;min-height:300px;font:12px/1.72 var(--font-geist-mono), monospace;resize:vertical;border:1px solid #ffffff17;border-radius:12px;outline:none;padding:17px;transition:border-color .16s,box-shadow .16s}.developer-editor textarea::placeholder,.timestamp-inputs input::placeholder{color:#515b6b}.developer-editor textarea:focus,.timestamp-inputs input:focus{border-color:rgba(var(--accent-rgb), .55);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .1)}.developer-editor textarea[readonly]{color:#aebee0;background:#05070c80}.developer-error{color:#ff9d9d;font:12px/1.5 var(--font-geist-mono), monospace;background:#ff54540f;border:1px solid #ff686833;border-radius:9px;margin:11px 0 0;padding:10px 12px}.developer-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:15px;display:flex}.developer-actions>div{gap:7px;display:flex}.developer-actions button,.timestamp-inputs>button{color:#9ca5b4;min-height:38px;font-size:var(--font-size-meta);cursor:pointer;background:#ffffff06;border:1px solid #ffffff17;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;transition:color .15s,border-color .15s,background .15s,transform .15s;display:inline-flex}.developer-actions button:hover:not(:disabled),.timestamp-inputs>button:hover{color:#fff;border-color:rgba(var(--accent-rgb), .35);background:rgba(var(--accent-rgb), .1);transform:translateY(-1px)}.developer-actions button:disabled{opacity:.36;cursor:not-allowed}.developer-actions button svg{width:18px;height:18px}.developer-actions button.primary,.timestamp-inputs>button.primary{border-color:rgba(var(--accent-rgb), .42);color:#fff;background:linear-gradient(145deg, var(--accent-bright), var(--accent));box-shadow:inset 0 1px 0 #fff3, 0 10px 24px rgba(var(--accent-rgb), .16)}.developer-actions-end{justify-content:flex-end}.developer-inline-controls{grid-template-columns:minmax(180px,260px) auto;align-items:end;gap:9px;margin-bottom:14px;display:grid}.developer-inline-controls label{gap:8px;display:grid}.developer-inline-controls label>span{color:#aab2c0;font-size:var(--font-size-meta);font-weight:620}.developer-inline-controls input{color:#e9edf5;width:100%;min-height:42px;font:12px var(--font-geist-mono), monospace;background:#05070cc2;border:1px solid #ffffff17;border-radius:9px;outline:none;padding:0 12px}.developer-inline-controls input:focus{border-color:rgba(var(--accent-rgb), .55);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .1)}.developer-inline-controls button{border:1px solid rgba(var(--accent-rgb), .42);color:#fff;background:linear-gradient(145deg, var(--accent-bright), var(--accent));min-height:42px;box-shadow:inset 0 1px 0 #fff3, 0 10px 24px rgba(var(--accent-rgb), .16);font-size:var(--font-size-meta);cursor:pointer;border-radius:9px;padding:0 16px}.developer-single-editor textarea{min-height:240px}.developer-hash-grid textarea{min-height:250px}.timestamp-inputs{grid-template-columns:minmax(200px,1fr) auto minmax(220px,1fr) auto;align-items:end;gap:9px;display:grid}.timestamp-inputs label{gap:8px;display:grid}.timestamp-inputs input{color:#e9edf5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-height:42px;font:12px var(--font-geist-mono), monospace;background:#05070cc2;border:1px solid #ffffff17;border-radius:9px;outline:none;padding:0 12px}.timestamp-inputs>button{white-space:nowrap;min-height:42px}.timestamp-results{border:1px solid #ffffff14;border-radius:12px;margin-top:22px;overflow:hidden}.timestamp-result{border-bottom:1px solid #fff1;grid-template-columns:96px 1fr 34px;align-items:center;gap:12px;min-height:53px;padding:0 11px 0 15px;display:grid}.timestamp-result:last-child{border-bottom:0}.timestamp-result>span{color:#727c8c;font-size:var(--font-size-meta)}.timestamp-result code{color:#cbd5e7;font:12px var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timestamp-result button{color:#798394;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.timestamp-result button:hover:not(:disabled){color:#fff;background:rgba(var(--accent-rgb), .12)}.timestamp-result button:disabled{opacity:.25;cursor:not-allowed}.timestamp-result button svg{width:17px;height:17px}@media (width<=860px){.developer-panel-heading{flex-direction:column;align-items:start;gap:9px}.developer-panel-heading p{text-align:left}.developer-editor-grid{grid-template-columns:1fr}.developer-editor textarea{min-height:220px}.timestamp-inputs{grid-template-columns:1fr auto}}@media (width<=560px){.developer-tools-page{padding-inline:18px}.developer-tools-hero{grid-template-columns:1fr;padding-top:42px}.developer-tools-hero h1{font-size:34px}.developer-toolbar>span{display:none}.developer-tabs{grid-template-columns:repeat(2,1fr)}.developer-tabs button{min-height:42px}.developer-panel{padding:22px 16px}.developer-actions{flex-direction:column;align-items:stretch}.developer-actions>div{grid-template-columns:1fr 1fr;display:grid}.timestamp-inputs,.developer-inline-controls{grid-template-columns:1fr}.timestamp-result{grid-template-columns:72px minmax(0,1fr) 32px;gap:7px}}@media (prefers-reduced-motion:reduce){.developer-tools-back,.developer-tabs button,.developer-editor textarea,.developer-actions button,.timestamp-inputs input,.timestamp-inputs>button,.developer-inline-controls input,.developer-inline-controls button{transition:none}}.developer-related-link{max-width:1180px;margin:24px auto;font-size:1rem}.developer-related-link a{min-height:44px;color:var(--foreground);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}