.library-intro{display:none}.library-workspace{min-width:0}.library-toolbar{display:flex;align-items:end;gap:16px;margin:20px 0}.library-toolbar label{display:grid;gap:8px;color:var(--ink-dim);font-size:12px}.library-toolbar label:first-child{flex:1}.library-toolbar input,.library-toolbar select{height:44px;border:1px solid var(--line);border-radius:10px;padding:0 14px;background:var(--surface);color:var(--ink);font:inherit;width:100%;min-width:0}.library-hint{color:var(--ink-dim);font-size:12px;line-height:1.6;margin:12px 0 22px}.library-toolbar input:focus-visible,.library-toolbar select:focus-visible{outline:2px solid #ff6b35;outline-offset:2px}
.library-view .studio-content .main{max-width:1600px;margin:auto;width:100%;padding:36px 32px 80px;min-width:0}.library-view .studio-content .main> :not(.library-workspace){display:none!important}.library-view .library-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:36px}.library-intro h1{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.02em;margin:8px 0 12px}.library-intro p{color:var(--ink-dim);margin:0;font-size:15px}.library-intro .library-eyebrow{font-size:10px;letter-spacing:.18em;color:#ff6b35;font-weight:700}.library-intro a{color:var(--ink-dim);font-size:13px;white-space:nowrap}.library-view .lib-head{margin:0;padding-bottom:20px;border-bottom:1px solid var(--line)}.library-view .lib-head h3{font-size:16px}.library-view .home-library-caption{display:none}.library-view .lib{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.library-view .li{aspect-ratio:4/3;border-radius:16px}.library-view .li .meta{left:16px;right:16px;bottom:16px}.library-view .li .meta .title{font-size:14px}.library-view .li .tag-page{left:16px;top:16px;font:600 10px Inter,sans-serif;letter-spacing:.02em;padding:6px 8px}.library-view .li .play-ic{top:16px;right:16px;width:30px;height:30px}.library-view .filt button{padding:10px 14px;font-size:13px;min-height:40px}.library-view .filt button.on{border-color:#ff6b35;background:rgba(255,107,53,.13);color:var(--ink)}
#focus{display:grid;grid-template-columns:minmax(0,850px) minmax(240px,320px);gap:24px;background:var(--surface-2);padding:70px 40px}#focus .frame{width:100%;max-height:70vh}#focus .info{position:static;grid-column:1/-1;font:12px Inter,sans-serif;color:var(--ink-dim);text-shadow:none;letter-spacing:0;align-self:start}#focus .frame{grid-column:1;grid-row:1}.library-preview-actions{grid-column:2;grid-row:1;min-width:0;color:var(--ink);align-self:center}.library-preview-actions p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:45vh;overflow:auto;font-size:15px;line-height:1.7}.library-preview-actions>div{display:flex;flex-wrap:wrap;gap:10px}.library-preview-actions button,.library-preview-actions a{display:inline-flex;padding:12px 16px;align-items:center;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface);font:600 13px Inter,sans-serif;text-decoration:none}.library-preview-actions a{background:#ff6b35;color:#101014;border-color:#ff6b35}#focus .close{color:var(--ink)}
@media(min-width:1600px){.library-view .lib{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.library-view .lib{grid-template-columns:repeat(2,minmax(0,1fr))}#focus{grid-template-columns:minmax(0,1fr);overflow:auto;padding:70px 24px 24px;align-content:start}#focus .frame{max-height:50vh}.library-preview-actions{grid-column:1;grid-row:2}#focus .info{grid-row:3}.library-preview-actions p{max-height:20vh}}@media(max-width:600px){.library-view .studio-content .main{padding:24px 16px 80px}.library-view .library-intro{align-items:start;margin-bottom:24px}.library-intro a{font-size:11px}.library-toolbar{flex-wrap:wrap;gap:12px}.library-toolbar label:first-child{flex-basis:100%}.library-view .lib{gap:12px}.library-view .li .meta{left:10px;right:10px;bottom:10px}.library-view .li .meta .title{font-size:11px}.library-view .li .meta .age{display:none}.library-view .li .tag-page{left:8px;top:8px;font-size:8px}.library-view .li .play-ic{top:8px;right:8px;width:24px;height:24px}}

.library-workspace{scroll-margin-top:90px}