.tg-tool .tool-page-shell:has(.tg-card) .tool-page-head,.tg-tool .tool-page-shell:has(.tg-card) .tool-page-head__title,.tg-tool .tool-page-shell:has(.tg-card) .tool-page-head__lead{width:100%;max-width:none}.tg-tool .tool-page-shell:has(.tg-card) .tool-page-head{margin-bottom:.75rem}.tg-card{background:rgb(var(--color-surface-card));border:1px solid rgb(var(--color-hairline-soft));border-radius:1.5rem;padding:1rem 1.125rem;overflow:hidden;transition:border-color .2s ease}@media(hover:hover)and (pointer:fine){.tg-card:hover{border-color:rgb(var(--color-accent) / .35)}}.tg-card__head{display:flex;align-items:flex-start;gap:.5rem;color:rgb(var(--color-accent))}.tg-card__head--hero{justify-content:space-between;align-items:center;gap:.75rem}.tg-card__head-main{display:flex;align-items:flex-start;gap:.5rem;min-width:0}.tg-card__icon{display:inline-flex;align-items:center;justify-content:center;padding:.375rem;border-radius:.5rem;background:rgb(var(--color-accent) / .12);flex-shrink:0}.tg-card__title{font-size:.875rem;font-weight:700;line-height:1.1;color:rgb(var(--color-ink))}.tg-card__sub{font-size:.625rem;font-weight:500;margin-top:.125rem;color:rgb(var(--color-ink-muted))}.tg-hero-status{margin:0;max-width:min(15rem,48%);padding:.3rem .625rem;border-radius:999px;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-canvas));font-size:.625rem;font-weight:600;line-height:1.35;text-align:right;color:rgb(var(--color-ink-muted));flex-shrink:0}.tg-hero-status.is-live{border-color:rgb(var(--color-accent) / .28);background:rgb(var(--color-accent) / .08);color:rgb(var(--color-accent))}.tg-readout{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:1rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-canvas));transition:border-color .3s ease}.tg-readout.is-live{border-color:rgb(var(--color-accent) / .35)}.tg-readout__value{font-family:var(--font-mono, ui-monospace, monospace);font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-.03em;line-height:1;color:rgb(var(--color-ink));font-size:clamp(2rem,5vw,2.75rem)}.tg-readout.is-live .tg-readout__value{color:rgb(var(--color-accent))}.tg-readout__unit{font-size:1.125rem;font-weight:700;color:rgb(var(--color-ink-muted))}.tg-scope{position:relative;flex:1 0 auto;display:flex;min-height:4.5rem;border-radius:1rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-canvas));overflow:hidden}.tg-scope__canvas{display:block;flex:1;width:100%;height:100%;min-height:4.5rem}.tg-freq-row{display:flex;align-items:center;gap:.5rem}.tg-freq-input{width:6.5rem;flex-shrink:0;padding:.4rem .6rem;border-radius:.625rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-canvas));font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:rgb(var(--color-ink))}.tg-freq-input:focus-visible{outline:2px solid rgb(var(--color-accent) / .5);outline-offset:1px}.tg-chips{display:flex;gap:.375rem}.tg-chip{flex:1;min-width:0;padding:.4rem .25rem;border-radius:.625rem;border:1.5px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-canvas));font-size:.625rem;font-weight:800;font-variant-numeric:tabular-nums;color:rgb(var(--color-ink-muted));transition:border-color .2s ease,background .2s ease,color .2s ease}@media(hover:hover)and (pointer:fine){.tg-chip:hover:not(.is-active){border-color:rgb(var(--color-accent) / .35);color:rgb(var(--color-accent))}}.tg-chip.is-active{border-color:rgb(var(--color-accent));background:rgb(var(--color-accent));color:#fff}.tg-range-row{display:flex;align-items:center;gap:.5rem;font-size:.625rem;font-weight:700;color:rgb(var(--color-ink-muted))}.tg-range-row input[type=range]{flex:1;min-width:0;accent-color:rgb(var(--color-accent));cursor:pointer}.tg-range-row__value{font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:right}.tg-range-scale{display:flex;justify-content:space-between;font-size:.5625rem;font-weight:700;color:rgb(var(--color-ink-muted));margin-top:.25rem;font-variant-numeric:tabular-nums}.tg-action-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:2.75rem;padding:.625rem 1rem;border-radius:.875rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-ink));color:rgb(var(--color-surface-card));font-size:.875rem;font-weight:700;transition:transform .15s ease,opacity .2s ease,background .2s ease}.tg-action-btn:active{transform:scale(.98)}.tg-action-btn.is-playing{background:rgb(var(--color-accent));border-color:rgb(var(--color-accent));color:#fff}.tg-action-btn__icon{display:inline-flex;align-items:center;justify-content:center}.tg-action-btn__icon--play{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor}.tg-action-btn__icon--stop{display:none;width:.625rem;height:.625rem;border-radius:1px;background:currentColor}.tg-action-btn.is-playing .tg-action-btn__icon--play{display:none}.tg-action-btn.is-playing .tg-action-btn__icon--stop{display:inline-flex}.tg-safety{margin:0;font-size:.625rem;line-height:1.45;color:rgb(var(--color-ink-muted))}.tg-piano{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem}@media(min-width:640px){.tg-piano{grid-template-columns:repeat(8,minmax(0,1fr))}}.tg-piano--card{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:640px){.tg-piano--card{grid-template-columns:repeat(4,minmax(0,1fr))}}.tg-key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-height:0;padding:.375rem .25rem;border-radius:.75rem .75rem .5rem .5rem;border:1px solid rgb(var(--color-hairline-soft));background:linear-gradient(180deg,rgb(var(--color-surface-card)),rgb(var(--color-canvas)));transition:border-color .2s ease,background .2s ease,transform .15s ease}.tg-key:active{transform:scale(.96)}@media(hover:hover)and (pointer:fine){.tg-key:hover:not(.is-active){border-color:rgb(var(--color-accent) / .35)}}.tg-key.is-active{border-color:rgb(var(--color-accent) / .55);background:rgb(var(--color-accent) / .1)}.tg-key__name{font-size:.8125rem;font-weight:900;line-height:1;color:rgb(var(--color-ink))}.tg-key.is-active .tg-key__name{color:rgb(var(--color-accent))}.tg-key__hz{font-size:.5625rem;font-weight:600;font-variant-numeric:tabular-nums;color:rgb(var(--color-ink-muted))}.tg-segmented{display:flex;gap:.25rem;padding:.25rem;border-radius:.875rem;background:rgb(var(--color-canvas));border:1px solid rgb(var(--color-hairline-soft))}.tg-segmented__btn{flex:1;min-width:0;padding:.375rem .25rem;border-radius:.625rem;font-size:.75rem;font-weight:700;text-transform:capitalize;color:rgb(var(--color-ink-muted));transition:background .2s ease,color .2s ease}.tg-segmented__btn.is-active{background:rgb(var(--color-surface-card));color:rgb(var(--color-accent));box-shadow:0 1px 3px #0000001f}.tg-noise-hint{margin:0;font-size:.625rem;line-height:1.45;color:rgb(var(--color-ink-muted))}.tg-out-row{display:flex;align-items:center;gap:.5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--color-ink-muted))}.tg-out-row__label{min-width:3.5rem;flex-shrink:0}.tg-out-row input[type=range]{flex:1;min-width:0;accent-color:rgb(var(--color-accent));cursor:pointer}.tg-sweep-line{display:flex;align-items:center;gap:.5rem}.tg-sweep-line__readout{font-family:var(--font-mono, ui-monospace, monospace);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:900;color:rgb(var(--color-ink));white-space:nowrap}.tg-mini-btn{flex:1;min-width:0;padding:.55rem .75rem;border-radius:.75rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-ink));color:rgb(var(--color-surface-card));font-size:.75rem;font-weight:700;transition:transform .15s ease,background .2s ease}.tg-mini-btn:active{transform:scale(.98)}.tg-mini-btn.is-playing{background:rgb(var(--color-accent));border-color:rgb(var(--color-accent));color:#fff}.tg-sweep-line__track{margin-top:.5rem}.tg-panel-hint{display:flex;align-items:center;gap:.3rem;margin:.375rem 0 0;font-size:.5625rem;font-weight:600;color:rgb(var(--color-ink-muted))}.tg-sweep-meter__track{position:relative;height:.625rem;border-radius:999px;background:rgb(var(--color-canvas));box-shadow:inset 0 1px 2px #0000000f;overflow:hidden}.tg-sweep-meter__fill{position:absolute;inset-block:0;left:0;border-radius:inherit;background:linear-gradient(90deg,rgb(var(--color-accent) / .55),rgb(var(--color-accent)));transition:width 75ms linear}.tg-wave-info{display:flex;align-items:center;gap:.625rem;width:100%;flex:1;min-height:0;padding:.375rem .625rem;border-radius:.75rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-canvas));text-align:left;transition:border-color .2s ease,background .2s ease}@media(hover:hover)and (pointer:fine){.tg-wave-info:hover:not(.is-active){border-color:rgb(var(--color-accent) / .35)}}.tg-wave-info.is-active{border-color:rgb(var(--color-accent) / .55);background:rgb(var(--color-accent) / .07)}.tg-wave-info svg{width:2rem;height:1.25rem;flex-shrink:0;color:rgb(var(--color-ink-muted))}.tg-wave-info.is-active svg{color:rgb(var(--color-accent))}.tg-wave-info__name{font-size:.625rem;font-weight:800;line-height:1.1;color:rgb(var(--color-ink))}.tg-wave-info.is-active .tg-wave-info__name{color:rgb(var(--color-accent))}.tg-wave-info__hint{font-size:.5625rem;font-weight:500;margin-top:.125rem;color:rgb(var(--color-ink-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:640px){.tg-seo .dp-seo-card-grid:not(.dp-seo-card-grid--2){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.tg-seo .tool-seo-guide-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.tg-seo .tool-seo-guide-columns{grid-template-columns:repeat(4,minmax(0,1fr))}}