.unity-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}.unity-tools-page:before{content:"";background:linear-gradient(180deg,#06080d08,var(--background));pointer-events:none;position:absolute;inset:0}.unity-tools-glow{pointer-events:none;border-radius:50%;position:absolute}.unity-tools-glow-one{background:#41c48021;width:620px;height:620px;top:-440px;left:40%}.unity-tools-glow-two{background:#4571e71a;width:430px;height:430px;bottom:-190px;right:-290px}.unity-tools-header,.unity-tools-hero,.unity-workspace,.unity-tools-footer{z-index:1;width:min(1120px,100%);margin-inline:auto;position:relative}.unity-tools-back:hover{color:#fff;background:#5bd69413;border-color:#5bd69457}.unity-tools-hero{grid-template-columns:auto 1fr;align-items:start;gap:20px;padding:64px 0 38px;display:grid}.unity-tools-title-icon{color:#78e4aa;background:#41c4801a;border:1px solid #5bd6944d;border-radius:15px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 18px 48px #239c601c}.unity-tools-title-icon svg{width:28px;height:28px}.unity-tools-hero span,.unity-panel-heading span{color:#75dfa5;font-family:var(--font-geist-mono),monospace;font-size:var(--font-size-meta);letter-spacing:.16em;font-weight:680}.unity-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}.unity-tools-hero p{color:#838c9c;word-break:keep-all;max-width:720px;margin:0;font-size:13px;line-height:1.7}.unity-workspace{border:1px solid var(--border-strong);background:radial-gradient(circle at 100% 0,#41c48012,#0000 37%),#0c1019f2;border-radius:18px;overflow:hidden;box-shadow:0 34px 90px #00000057,inset 0 1px #ffffff09}.unity-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}.unity-toolbar>div{color:#9ba5b4;align-items:center;gap:8px;display:flex}.unity-status-dot{background:#66dc9c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #49d087d9}.unity-tabs{border-bottom:1px solid var(--border);background:#04070c4d;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.unity-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}.unity-tabs button svg{width:20px;height:20px}.unity-tabs button:hover{color:#d9deea;background:#ffffff08}.unity-tabs button.selected{color:#fff;background:linear-gradient(145deg,#41c48024,#41c4800b);border-color:#5bd6944d;box-shadow:inset 0 1px #ffffff0a}.unity-panel{padding:26px 28px 28px}.unity-panel-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px;display:flex}.unity-panel-heading h2{color:#edf0f6;letter-spacing:-.03em;margin:7px 0 0;font-size:20px}.unity-panel-heading p{color:#737d8d;max-width:490px;font-size:var(--font-size-meta);text-align:right;word-break:keep-all;margin:0;line-height:1.65}.unity-vector-layout{grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:16px;display:grid}.unity-vector-inputs,.unity-result-grid,.unity-rotation-card,.unity-color-controls,.unity-color-preview,.unity-layer-grid,.unity-mask-summary{background:#05070c75;border:1px solid #ffffff13;border-radius:14px;padding:17px}.unity-vector-inputs{align-content:start;gap:17px;display:grid}.unity-vector-input{border:0;margin:0;padding:0}.unity-vector-input legend{color:#aab2c0;font-size:var(--font-size-meta);margin-bottom:9px;font-weight:650}.unity-vector-input>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.unity-vector-input>div.quaternion-fields{grid-template-columns:repeat(4,1fr)}.unity-vector-input label{background:#03050aa8;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:7px;min-width:0;min-height:43px;padding:0 10px;display:flex}.unity-vector-input label:focus-within{border-color:#5bd69466;box-shadow:0 0 0 3px #41c48012}.unity-vector-input label span{color:#60ce93;font:700 12px var(--font-geist-mono),monospace}.unity-vector-input input{color:#e7eaf1;width:100%;min-width:0;font:12px var(--font-geist-mono),monospace;background:0 0;border:0;outline:0}.unity-vector-input em{color:#5f6878;font:normal 12px var(--font-geist-mono),monospace}.unity-result-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.unity-result-card{background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;min-width:0;padding:14px}.unity-result-card.accent{background:#41c4800e;border-color:#5bd6943b}.unity-result-card span,.unity-binary-result span{color:#667080;font-size:var(--font-size-meta);display:block}.unity-result-card strong{color:#cbd2df;font:650 12px var(--font-geist-mono),monospace;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;display:block;overflow:hidden}.unity-result-card.accent strong{color:#8be5b4}.unity-rotation-layout{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;display:grid}.unity-rotation-card{align-content:start;gap:17px;display:grid}.unity-rotation-card>div:first-child span,.unity-color-preview>span{color:#6fd79f;font:680 12px var(--font-geist-mono),monospace;letter-spacing:.13em;display:block}.unity-rotation-card>div:first-child strong{color:#d7dce6;font-size:var(--font-size-meta);margin-top:7px;display:block}.unity-primary-action{color:#f6fffa;min-height:41px;font-size:var(--font-size-meta);cursor:pointer;background:linear-gradient(145deg,#39b57461,#2c895833);border:1px solid #5bd69457;border-radius:9px;font-weight:650}.unity-primary-action:hover{background:linear-gradient(145deg,#39b57480,#2c895847)}.unity-convert-mark{color:#5d6979;font:18px var(--font-geist-mono),monospace;place-items:center;display:grid}.unity-rotation-summary{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.unity-note{color:#96876a;font-size:var(--font-size-meta);background:#ffb23209;border:1px solid #ffc65a1f;border-radius:9px;margin:11px 0 0;padding:10px 12px;line-height:1.55}.unity-color-layout{grid-template-columns:minmax(0,1fr) 360px;gap:16px;display:grid}.unity-color-controls{align-content:start;gap:16px;display:grid}.unity-color-picker,.unity-alpha-range{gap:9px;display:grid}.unity-color-picker>span,.unity-alpha-range strong{color:#aab2c0;font-size:var(--font-size-meta);font-weight:650}.unity-color-picker>div{background:#03050aa8;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:11px;min-height:46px;padding:0 11px;display:flex}.unity-color-picker input{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0}.unity-color-picker code,.unity-alpha-range code{color:#90d9af;font:12px var(--font-geist-mono),monospace}.unity-alpha-range>span{justify-content:space-between;align-items:center;gap:10px;display:flex}.unity-alpha-range input{accent-color:#59d28f;cursor:pointer;width:100%;height:4px}.unity-color-values{grid-template-columns:1fr 1fr;gap:8px;display:grid}.unity-color-values .unity-result-card:last-child{grid-column:1/-1}.unity-color-preview{grid-template-rows:auto 1fr;gap:12px;display:grid}.unity-color-preview>div{background-image:linear-gradient(45deg,#141925 25%,#0000 25%),linear-gradient(-45deg,#141925 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#141925 75%),linear-gradient(-45deg,#0000 75%,#141925 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #ffffff14;border-radius:12px;align-content:center;place-items:center;gap:7px;min-height:275px;display:grid;box-shadow:inset 0 0 0 1px #ffffff08}.unity-color-preview strong{color:#fff;font:800 24px var(--font-geist-mono),monospace;text-shadow:0 2px 8px #00000059}.unity-color-preview small{color:#ffffffc2;font:12px var(--font-geist-mono),monospace;text-shadow:0 2px 5px #0006}.unity-layer-layout{grid-template-columns:minmax(0,1fr) 310px;gap:16px;display:grid}.unity-layer-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.unity-layer-grid button{color:#788292;text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;border-radius:9px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:47px;padding:7px 8px;display:grid}.unity-layer-grid button:hover{color:#c6cdd8;background:#ffffff09}.unity-layer-grid button.selected{color:#d9f9e7;background:#41c48017;border-color:#5bd6944d}.unity-layer-grid button>span{color:#6f7989;width:22px;height:22px;font:700 12px var(--font-geist-mono),monospace;background:#ffffff0a;border-radius:6px;place-items:center;display:grid}.unity-layer-grid button.selected>span{color:#9ce8bd;background:#41c4801f}.unity-layer-grid button strong{font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unity-mask-summary{align-content:start;gap:8px;display:grid}.unity-binary-result{background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;padding:13px}.unity-binary-result code{color:#8fe1b3;font:12px/1.7 var(--font-geist-mono),monospace;overflow-wrap:anywhere;margin-top:8px;display:block}.unity-mask-summary>button{color:#818b9a;min-height:38px;font-size:var(--font-size-meta);cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:9px}.unity-mask-summary>button:hover{color:#d0d6df;background:#ffffff0b}.unity-code-output{background:#05070c99;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:14px;padding:14px 15px;display:grid}.unity-code-output>div{min-width:0}.unity-code-output span{color:#68d398;font:680 12px var(--font-geist-mono),monospace;letter-spacing:.12em;margin-bottom:6px;display:block}.unity-code-output code{color:#b9c1d7;max-height:170px;font:12px/1.65 var(--font-geist-mono),monospace;white-space:pre;display:block;overflow:auto}.unity-code-output button{color:#fff;min-height:38px;font-size:var(--font-size-meta);cursor:pointer;background:#41c4801a;border:1px solid #5bd69452;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.unity-code-output button:hover{background:#41c4802b}.unity-code-output button svg{width:18px;height:18px}@media (width<=900px){.unity-panel-heading{flex-direction:column;align-items:start;gap:9px}.unity-panel-heading p{text-align:left}.unity-vector-layout,.unity-color-layout,.unity-layer-layout,.unity-rotation-layout{grid-template-columns:1fr}.unity-convert-mark{min-height:24px}.unity-layer-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=620px){.unity-tools-page{padding-inline:18px}.unity-tools-hero{grid-template-columns:1fr;padding-top:42px}.unity-tools-hero h1{font-size:34px}.unity-toolbar>span{display:none}.unity-tabs{grid-template-columns:1fr 1fr}.unity-tabs button{min-height:42px}.unity-panel{padding:22px 16px}.unity-vector-input>div,.unity-vector-input>div.quaternion-fields{grid-template-columns:1fr 1fr}.unity-result-grid,.unity-rotation-summary,.unity-color-values{grid-template-columns:1fr}.unity-color-values .unity-result-card:last-child{grid-column:auto}.unity-layer-grid{grid-template-columns:1fr 1fr;padding:12px}.unity-code-output{grid-template-columns:1fr}.unity-code-output code{white-space:pre-wrap;overflow-wrap:anywhere}.unity-code-output button{width:100%}.unity-tools-footer{flex-direction:column;align-items:start;gap:8px}}@media (prefers-reduced-motion:reduce){.unity-tools-back,.unity-tabs button{transition:none}}