:root{color:#edf0e9;background:#07090c;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;--acid:#d9ff66;--line:rgba(237,240,233,.14);--mono:"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html,body,#textureApp{min-height:100%;margin:0}body{min-width:320px;background:#07090c}button,input{font:inherit}a{color:inherit}.texture-shell{min-height:100vh;display:flex;flex-direction:column}header{height:64px;flex:0 0 auto;display:flex;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid var(--line);background:#090c0e;position:relative;z-index:5}.brand{color:#f3f5ef;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.15em}.badge{padding:5px 8px;border:1px solid var(--line);border-radius:20px;color:#a6ada7;font:9px var(--mono);text-transform:uppercase}.badge i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 7px var(--acid)}nav{display:flex;align-self:stretch;margin-left:18px}nav a{display:flex;align-items:center;padding:0 12px;border-left:1px solid var(--line);color:#68706c;text-decoration:none;font:9px var(--mono);text-transform:uppercase;letter-spacing:.07em}nav a[aria-current=page]{color:var(--acid);box-shadow:inset 0 -1px var(--acid)}main{position:relative;flex:1;min-height:calc(100vh - 64px);overflow:hidden}#textureCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.copy{position:absolute;left:38px;top:46px;width:330px;pointer-events:none}.copy>span{display:block;margin-bottom:14px;color:var(--acid);font:9px var(--mono);text-transform:uppercase;letter-spacing:.13em}h1{margin:0 0 20px;font-size:clamp(62px,7vw,108px);line-height:.79;letter-spacing:-.075em;font-weight:500}.copy p{max-width:275px;margin:0;color:#8a948f;font-size:11px;line-height:1.65}aside{position:absolute;right:26px;top:26px;width:292px;padding:17px;border:1px solid var(--line);background:#080b10cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}aside label{display:grid;grid-template-columns:72px 1fr 40px;gap:8px;align-items:center;margin-bottom:15px;color:#818a85;font:9px var(--mono);text-transform:uppercase}aside label:first-child input{grid-column:2/4;height:32px;padding:0 9px;border:1px solid var(--line);background:#0a0e15;color:#e6e9e5;font:11px var(--mono);outline:0}input[type=range]{appearance:none;height:2px;background:#3b4440}input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid)}output{text-align:right;color:#c1c8c3}aside>div{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px;align-items:center;padding-top:14px;border-top:1px solid var(--line)}aside b{font:14px var(--mono);font-weight:400}aside div span{color:#68716c;font:8px var(--mono);text-transform:uppercase}.hint{position:absolute;left:38px;bottom:34px;padding:9px 11px;border:1px solid var(--line);background:#070a0ea8;color:#8d9690;font:8px var(--mono);text-transform:uppercase}.path{position:absolute;right:26px;bottom:24px;display:flex;align-items:center;gap:8px}.path span{padding:8px 10px;border:1px solid var(--line);background:#070a0ea8;color:#78817c;font:8px var(--mono);text-transform:uppercase}.path i{color:#58615c;font:9px var(--mono);font-style:normal}@media(max-width:900px){nav{margin-left:auto}nav a{padding:0 7px}.copy{left:20px;top:24px}.copy p{display:none}h1{font-size:58px}aside{inset:auto 18px 18px;width:auto}.hint,.path{display:none}}@media(max-width:620px){header{height:56px;padding:0 9px;gap:6px}.badge{display:none}nav a{padding:0 5px}nav a:nth-child(-n+2){display:none}main{min-height:calc(100vh - 56px)}}aside .text-control input,aside .mode-control select{grid-column:2 / 4;height:32px;padding:0 9px;border:1px solid var(--line);background:#0a0e15;color:#e6e9e5;font:11px var(--mono);outline:0}aside .mode-control select{cursor:pointer}