.noise-texture{gap:var(--space-6);margin-top:var(--space-8);flex-direction:column;display:flex}.noise-texture .tabs{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);width:fit-content;display:inline-flex}.noise-texture .tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;font-weight:550}.noise-texture .tab:hover{color:var(--text)}.noise-texture .tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #10141c14}.noise-texture .tab-panel{gap:var(--space-6);flex-direction:column;display:flex}.noise-texture .stage{min-height:220px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);justify-content:center;align-items:center;display:flex}.noise-texture .stage.transparent{background:repeating-conic-gradient(#e9e9ec 0% 25%,#fff 0% 50%) 0 0/20px 20px}.noise-texture .nt-canvas{border-radius:var(--radius-sm);width:auto;max-width:100%;height:auto;max-height:480px;display:block}.noise-texture .controls{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.noise-texture .field-group{gap:var(--space-2);flex-direction:column;display:flex}.noise-texture .group-heading{font-size:var(--text-sm);color:var(--text);font-weight:600}.noise-texture .field{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);flex-direction:column;display:flex}.noise-texture .field.slider{gap:var(--space-1)}.noise-texture input[type=range]{width:100%;accent-color:var(--accent)}.noise-texture .field.color{align-items:center;gap:var(--space-2);flex-direction:row;width:fit-content}.noise-texture input[type=color]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:36px;height:28px;padding:0}.noise-texture input[type=number]{padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:100px}.noise-texture .field-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.noise-texture .check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);cursor:pointer;display:flex}.noise-texture .check input{accent-color:var(--accent)}.noise-texture .check.disabled{opacity:.5;cursor:not-allowed}.noise-texture .segment{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);width:fit-content;display:inline-flex}.noise-texture .segment-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none}.noise-texture .segment-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #10141c14}.noise-texture .size-control{gap:var(--space-2);flex-direction:column;display:flex}.noise-texture .size-heading{font-size:var(--text-sm);color:var(--text);font-weight:600}.noise-texture .size-presets{gap:var(--space-2);flex-wrap:wrap;display:flex}.noise-texture .chip{padding:var(--space-1) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--text-2);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out)}.noise-texture .chip:hover{border-color:var(--text-3)}.noise-texture .chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.noise-texture .size-custom{gap:var(--space-4);flex-wrap:wrap;display:flex}.noise-texture .hint{font-size:var(--text-xs);color:var(--text-3);max-width:60ch}.noise-texture .note{font-size:var(--text-xs);color:var(--text-3);max-width:72ch}.noise-texture .actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=639px){.noise-texture .actions .btn{flex:1}}.container[data-astro-cid-vh7uogsc]{padding-block:var(--space-6) var(--space-12)}.tool-header[data-astro-cid-vh7uogsc]{margin-top:var(--space-6)}.tool-header[data-astro-cid-vh7uogsc] h1[data-astro-cid-vh7uogsc]{font-size:var(--text-2xl)}.tool-header[data-astro-cid-vh7uogsc] p[data-astro-cid-vh7uogsc]{margin-top:var(--space-2);color:var(--text-2)}.badge-wrap[data-astro-cid-vh7uogsc]{margin-top:var(--space-8)}.ad-wrap[data-astro-cid-vh7uogsc]{margin-block:var(--space-12);justify-content:center;display:flex}.guide[data-astro-cid-vh7uogsc]{margin-bottom:var(--space-12)}.guide[data-astro-cid-vh7uogsc] h2[data-astro-cid-vh7uogsc]{font-size:var(--text-xl);margin-bottom:var(--space-6)}.guide[data-astro-cid-vh7uogsc] ol[data-astro-cid-vh7uogsc]{gap:var(--space-6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guide[data-astro-cid-vh7uogsc] li[data-astro-cid-vh7uogsc]{gap:var(--space-4);display:flex}.step-number[data-astro-cid-vh7uogsc]{border-radius:var(--radius-full);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.guide[data-astro-cid-vh7uogsc] h3[data-astro-cid-vh7uogsc]{font-size:var(--text-base);font-weight:600}.guide[data-astro-cid-vh7uogsc] p[data-astro-cid-vh7uogsc]{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-2);max-width:65ch}