/* 제목 연구실 (2026-10-27) */
.tl-open-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 16px;margin-top:8px;border-radius:12px;border:1px solid var(--studio-brand,#0b7a6a);background:transparent;color:var(--studio-brand,#0b7a6a);font-weight:800;font-size:14px;cursor:pointer}
.tl-open-btn:hover{background:rgba(11,122,106,.08)}
.tl-overlay{position:fixed;inset:0;background:rgba(10,12,20,.55);z-index:10000;display:flex;align-items:stretch;justify-content:center}
.tl-panel{background:var(--studio-surface,#fff);color:var(--studio-ink,#16181d);width:min(1080px,100%);margin:24px;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.tl-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--studio-border,#e4e6ea)}
.tl-head h2{font-size:18px;margin:0}
.tl-close{min-width:40px;min-height:40px;border:0;background:transparent;font-size:22px;cursor:pointer;color:inherit}
.tl-tabs{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--studio-border,#e4e6ea);overflow-x:auto}
.tl-tab{flex:0 0 auto;min-height:38px;padding:6px 14px;border-radius:20px;border:1px solid var(--studio-border,#e4e6ea);background:transparent;color:inherit;font-weight:700;font-size:14px;cursor:pointer}
.tl-tab.on{background:var(--studio-brand,#0b7a6a);border-color:var(--studio-brand,#0b7a6a);color:#fff}
.tl-body{flex:1;overflow-y:auto;padding:18px}
.tl-sec{margin-bottom:18px}
.tl-sec h3{font-size:15px;margin:0 0 8px}
.tl-note{font-size:12.5px;color:var(--studio-muted,#7a7f8c);margin:6px 0;line-height:1.6}
.tl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.tl-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tl-field label{display:block;font-size:12.5px;font-weight:700;margin-bottom:4px;color:var(--studio-muted,#555)}
.tl-field input,.tl-field select,.tl-field textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--studio-border,#d9dce2);border-radius:10px;font-size:16px;background:var(--studio-surface-soft,#fafbfc);color:inherit;font-family:inherit}
.tl-field textarea{min-height:90px;resize:vertical}
.tl-body textarea{width:100%;box-sizing:border-box;min-height:110px;padding:10px 12px;border:1px solid var(--studio-border,#d9dce2);border-radius:10px;font-size:16px;line-height:1.6;background:var(--studio-surface-soft,#fafbfc);color:inherit;font-family:inherit;resize:vertical}
.tl-body input[type=file]{max-width:100%;font-size:14px}
.tl-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.tl-btn{min-height:40px;padding:8px 14px;border-radius:10px;border:1px solid var(--studio-border,#d9dce2);background:var(--studio-surface-soft,#f4f5f7);color:inherit;font-weight:700;font-size:14px;cursor:pointer}
.tl-btn.pri{background:var(--studio-brand,#0b7a6a);border-color:var(--studio-brand,#0b7a6a);color:#fff}
.tl-btn:disabled{opacity:.5;cursor:not-allowed}
.tl-table{width:100%;border-collapse:collapse;font-size:13px}
.tl-table th,.tl-table td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--studio-border,#eceef1);vertical-align:top}
.tl-table th{font-size:12px;color:var(--studio-muted,#666)}
.tl-chip{display:inline-block;font-size:11.5px;padding:2px 9px;border-radius:20px;background:rgba(11,122,106,.1);color:var(--studio-brand,#0b7a6a);font-weight:700;margin:2px 4px 2px 0}
.tl-chip.warn{background:rgba(245,158,11,.14);color:#b45309}
.tl-chip.bad{background:rgba(239,68,68,.12);color:#b91c1c}
.tl-bar{height:8px;background:var(--studio-surface-soft,#eef0f3);border-radius:6px;overflow:hidden}
.tl-bar i{display:block;height:100%;background:var(--studio-brand,#0b7a6a)}
.tl-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.tl-card{border:1px solid var(--studio-border,#e4e6ea);border-radius:14px;padding:14px;background:var(--studio-surface-soft,#fafbfc);display:flex;flex-direction:column;gap:6px}
.tl-card.sel{border-color:var(--studio-brand,#0b7a6a);box-shadow:0 0 0 2px rgba(11,122,106,.25)}
.tl-card.out{opacity:.62}
.tl-card .t{font-size:16px;font-weight:800;line-height:1.45;word-break:keep-all}
.tl-card .m{font-size:12px;color:var(--studio-muted,#7a7f8c)}
.tl-card .ev{font-size:12px;background:var(--studio-surface,#fff);border-radius:8px;padding:6px 8px;color:var(--studio-muted,#555)}
.tl-score{font-size:22px;font-weight:800;color:var(--studio-brand,#0b7a6a)}
.tl-cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.tl-loading{padding:24px;text-align:center;color:var(--studio-muted,#777)}
.tl-check li{font-size:13px;margin:4px 0;list-style:none}
.tl-result-body{border:1px solid var(--studio-border,#e4e6ea);border-radius:12px;padding:14px;max-height:360px;overflow:auto;font-size:14px;line-height:1.75}
.tl-result-body h2{font-size:16px;margin:14px 0 6px}
.tl-ready{font-weight:800;font-size:14px;padding:8px 12px;border-radius:10px;margin:4px 0 8px}
.tl-ready.ok{background:rgba(16,185,129,.12);color:#047857}
.tl-ready.no{background:rgba(239,68,68,.1);color:#b91c1c}
.tl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tl-scroll .tl-table{min-width:680px}
.tl-scroll .tl-table td,.tl-scroll .tl-table th{white-space:nowrap}
.tl-scroll .tl-table td:first-child{white-space:normal;min-width:160px}
.tl-tabs{scrollbar-width:none}
.tl-tabs::-webkit-scrollbar{display:none}
.studio-compose-actions>.tl-quick{border-color:var(--studio-brand,#0b7a6a)!important;color:var(--studio-brand,#0b7a6a)!important;font-weight:800}
@media(max-width:760px){.studio-compose-actions>.tl-quick{grid-column:1/-1}.tl-panel{margin:0;border-radius:0}.tl-grid,.tl-grid3,.tl-cards{grid-template-columns:1fr}.tl-body{padding:14px}}