.td-materials{background:var(--studio-background);background-image:radial-gradient(var(--studio-palette-292929) .7px, transparent .7px);min-height:calc(100svh - 108px);color:var(--studio-foreground);font:var(--weight-medium) var(--type-ui) / var(--leading-ui) var(--font-body);background-size:12px 12px;padding-bottom:32px}.td-materials button,.td-materials input{font:inherit}.td-materials button{cursor:pointer}.td-materials-toolbar{justify-content:flex-end;align-items:center;gap:8px;padding:24px;display:flex}.td-materials-search{background:var(--studio-palette-383838);border-radius:24px;align-items:center;width:280px;height:36px;display:flex;position:relative}.td-materials-search svg{color:var(--studio-text-muted);position:absolute;left:12px}.td-materials-search input{width:100%;min-width:0;height:100%;color:var(--studio-foreground);background:0 0;border:0;outline:none;padding:0 12px 0 36px}.td-materials-search input::placeholder{color:var(--studio-text-muted)}.td-materials-search:focus-within{box-shadow:inset 0 0 0 1px var(--studio-text-muted)}.td-materials-filter{border-radius:24px;min-width:90px;height:34px}.td-materials-circle{background:var(--studio-palette-383838);width:36px;height:36px;color:var(--studio-palette-cccccc);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.td-materials-circle[aria-pressed=true]{background:var(--studio-accent);color:var(--studio-accent-foreground)}.td-materials-upload{white-space:nowrap;background:var(--studio-foreground);width:auto;height:36px;color:var(--studio-background);border:0;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;display:flex}.td-materials-upload:hover{background:var(--studio-palette-e8e8e8)}.td-materials-notice{color:var(--studio-palette-777777);text-align:right;margin:0 0 16px;padding:0 24px;font-size:12px}.td-materials-empty{min-height:55svh;color:var(--studio-palette-777777);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.td-materials-empty h1{color:var(--studio-palette-b3b3b3);margin:0;font-size:18px;font-weight:500;line-height:26px}.td-materials-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px;padding:0 24px;display:grid}.td-materials-card{min-width:0}.td-materials-preview{aspect-ratio:3/4;background:var(--studio-card);border-radius:16px;position:relative;overflow:hidden}.td-materials-preview>img,.td-materials-preview>video{object-fit:contain;width:100%;height:100%}.td-materials-card-info{align-items:center;gap:12px;padding:10px 2px;display:flex}.td-materials-card-info>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.td-materials-card-info small{color:var(--studio-text-secondary);font-size:12px}.td-materials-audio{height:100%;color:var(--studio-palette-a0a0a0);flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:12px;display:flex}.td-materials-audio audio{width:100%;max-height:42px}.td-materials-selection{border:1px solid var(--studio-text-muted);background:var(--studio-palette-00000099);width:26px;height:26px;color:var(--studio-foreground);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.td-materials-selection[aria-pressed=true]{color:var(--studio-accent-foreground);background:var(--studio-accent);border-color:var(--studio-accent-text)}.td-materials-batch{justify-content:flex-end;align-items:center;gap:16px;padding:0 24px 18px;font-size:12px;display:flex}.td-materials-batch button{color:var(--studio-palette-dddddd);background:0 0;border:0;align-items:center;gap:5px;display:flex}.td-materials-batch button:disabled{opacity:.35;cursor:default}.td-materials :focus-visible:not(.td-materials-search input){outline:2px solid var(--studio-accent);outline-offset:3px}@media (width<=767px){.td-materials-toolbar{flex-wrap:wrap;gap:8px;padding:16px}.td-materials-search{flex:1;min-width:140px}.td-materials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px;padding:0 16px}.td-materials-notice{padding:0 16px}.td-materials-batch{flex-wrap:wrap;gap:12px;padding:0 16px 18px}.td-materials-card-info{gap:4px;font-size:12px}.td-materials-audio{padding:6px}}.td-music-composer fieldset{margin-top:0}.td-music-modes{background:var(--studio-card);border-radius:12px;gap:4px;margin:20px 0;padding:4px;display:flex}.td-music-modes button{color:var(--td-muted);border-radius:9px;flex:1;padding:10px;font-size:13px}.td-music-modes button[aria-pressed=true]{background:color-mix(in srgb, var(--studio-accent) 10%, transparent);color:var(--studio-accent-text);box-shadow:inset 0 0 0 1px var(--studio-border)}.td-music-instrumental{justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.td-music-instrumental p{color:var(--td-muted);margin-top:4px;font-size:11px}.td-music-composer .td-image-editor textarea{height:130px}.td-music-composer .td-image-editor .td-music-lyrics{height:200px}.td-music-input{border:1px solid var(--studio-border);background:var(--studio-card);width:100%;color:var(--td-text);border-radius:12px;padding:12px;font-size:13px}.td-music-input:focus{box-shadow:none;border-color:var(--td-muted);outline:none}.td-music-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.td-music-tags button{border:1px solid var(--studio-border);color:var(--td-muted);border-radius:20px;padding:4px 10px;font-size:11px}.td-music-tags button:hover{color:var(--studio-accent-text);background:color-mix(in srgb, var(--studio-accent) 10%, transparent)}.td-music-composer .td-image-submit{margin-top:20px}