.srcm-tools,
.srcm-tools * { box-sizing: border-box; }
.srcm-tools { --studio-blue: #67d1ff; --studio-blue-dark: #0b3c72; --studio-ink: #07111f; --studio-panel: rgba(145,202,255,.09); --studio-line: rgba(177,223,255,.16); --studio-muted: rgba(220,239,255,.7); position: relative; isolation: isolate; max-width: 1240px; margin: 32px auto; padding: clamp(24px,4vw,58px); overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 28px; background: radial-gradient(circle at 84% 8%,rgba(103,209,255,.18),transparent 23%),radial-gradient(circle at 8% 92%,rgba(30,103,214,.18),transparent 28%),linear-gradient(135deg,#07111f 0%,#102b50 52%,#081522 100%); color: #edf7ff; font-family: inherit; font-size: 16px; line-height: 1.45; }
.srcm-tools::before { position:absolute; z-index:-1; inset:0; opacity:.14; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:44px 44px; content:''; mask-image:linear-gradient(to bottom,#000,transparent 68%); }
.srcm-tools h1,.srcm-tools h2,.srcm-tools p { margin-top:0; }
.srcm-tools h1,.srcm-tools h2 { color:#f2f9ff; font-weight:750; letter-spacing:-.035em; }
.srcm-tools__header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; max-width:1110px; margin:0 auto 36px; }
.srcm-tools__header h1 { max-width:760px; margin-bottom:12px; font-size:clamp(2.1rem,5vw,4.3rem); line-height:.98; }
.srcm-tools__lead { max-width:680px; margin:0; color:var(--studio-muted); font-size:clamp(.98rem,1.35vw,1.12rem); }
.srcm-tools__eyebrow { margin-bottom:11px; color:var(--studio-blue); font-size:.7rem; font-weight:800; letter-spacing:.17em; line-height:1.2; }
.srcm-tools__signal { display:flex; align-items:flex-end; gap:5px; width:68px; height:58px; padding-bottom:4px; }
.srcm-tools__signal i { display:block; width:8px; border-radius:5px 5px 1px 1px; background:var(--studio-blue); box-shadow:0 0 18px rgba(103,209,255,.5); }
.srcm-tools__signal i:nth-child(1){height:18px;opacity:.45}.srcm-tools__signal i:nth-child(2){height:32px;opacity:.68}.srcm-tools__signal i:nth-child(3){height:47px}.srcm-tools__signal i:nth-child(4){height:28px;opacity:.78}.srcm-tools__signal i:nth-child(5){height:39px;opacity:.65}.srcm-tools__signal i:nth-child(6){height:22px;opacity:.42}
.srcm-tools__tabs { display:flex; gap:8px; max-width:1110px; margin:0 auto 18px; padding-bottom:12px; border-bottom:1px solid var(--studio-line); }
.srcm-tools__tab { display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:9px 15px; border:1px solid rgba(255,255,255,.12); border-radius:9px; background:rgba(3,13,28,.34); color:rgba(255,255,255,.75); cursor:pointer; font:inherit; font-size:.82rem; font-weight:750; transition:.2s ease; }
.srcm-tools__tab:hover,.srcm-tools__tab:focus-visible { border-color:var(--studio-blue); color:#fff; outline:none; }
.srcm-tools__tab.is-active { border-color:var(--studio-blue); background:var(--studio-blue); color:var(--studio-ink); }
.srcm-tools__tab-icon { display:grid; place-items:center; width:22px; height:22px; border:1px solid currentColor; border-radius:6px; font-size:.95rem; line-height:1; }
.srcm-tools__panel { max-width:1110px; margin:0 auto; padding:clamp(17px,2.5vw,30px); border:1px solid var(--studio-line); border-radius:19px; background:var(--studio-panel); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.srcm-tools__panel[hidden] { display:none!important; }
.srcm-tools__panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:22px; margin-bottom:24px; }
.srcm-tools__panel-heading h2 { margin-bottom:5px; font-size:clamp(1.4rem,2.6vw,2rem); line-height:1.08; }
.srcm-tools__panel-heading p:last-child { margin:0; color:var(--studio-muted); font-size:.86rem; }
.srcm-tools__privacy { flex:0 0 auto; padding:6px 9px; border:1px solid rgba(103,209,255,.35); border-radius:999px; color:var(--studio-blue); font-size:.66rem; font-weight:750; white-space:nowrap; }
.srcm-tools__dropzone { position:relative; display:flex; min-height:192px; flex-direction:column; align-items:center; justify-content:center; gap:7px; padding:26px; border:1px dashed rgba(103,209,255,.55); border-radius:14px; background:rgba(3,13,28,.28); text-align:center; transition:.2s ease; }
.srcm-tools__dropzone.is-dragover,.srcm-tools__dropzone:hover { border-color:var(--studio-blue); background:rgba(103,209,255,.09); }
.srcm-tools__dropzone input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.srcm-tools__dropzone strong { color:#f2f9ff; font-size:1.05rem; }
.srcm-tools__dropzone span,.srcm-tools__dropzone small { color:var(--studio-muted); font-size:.78rem; }
.srcm-tools__dropzone small { font-size:.67rem; }
.srcm-tools__drop-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:5px; border-radius:50%; background:rgba(103,209,255,.16); color:var(--studio-blue); font-size:1.7rem; }
.srcm-tools__workspace[hidden] { display:none!important; }
.srcm-tools__filebar { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:18px 0 13px; padding:13px 15px; border:1px solid var(--studio-line); border-radius:9px; background:rgba(3,13,28,.32); }
.srcm-tools__filebar > div { min-width:0; }
.srcm-tools__filebar strong,.srcm-tools__filebar small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.srcm-tools__filebar strong { color:#fff; font-size:.84rem; }
.srcm-tools__filebar small { margin-top:3px; color:var(--studio-muted); font-size:.68rem; }
.srcm-tools__file-type { display:inline-block; margin-bottom:5px; padding:3px 6px; border-radius:4px; background:rgba(103,209,255,.18); color:var(--studio-blue); font-size:.58rem; font-weight:800; letter-spacing:.1em; }
.srcm-tools__text-button { flex:0 0 auto; padding:0; border:0; background:transparent; color:var(--studio-blue); cursor:pointer; font:inherit; font-size:.72rem; font-weight:750; }
.srcm-tools__audio-player { width:100%; margin-bottom:18px; filter:saturate(.8); }
.srcm-tools__settings-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.srcm-tools__settings-grid--small { grid-template-columns:repeat(4,minmax(0,1fr)); }
.srcm-tools label { display:block; min-width:0; color:rgba(255,255,255,.88); font-size:.74rem; font-weight:700; }
.srcm-tools label > span { display:flex; align-items:baseline; justify-content:space-between; gap:7px; margin-bottom:7px; }
.srcm-tools label em { color:var(--studio-muted); font-size:.63rem; font-style:normal; font-weight:500; }
.srcm-tools select,.srcm-tools input[type="number"],.srcm-tools input[type="search"],.srcm-tools input[type="text"],.srcm-tools input[type="url"] { width:100%; min-height:40px; padding:9px 10px; border:1px solid rgba(255,255,255,.18); border-radius:7px; outline:none; background:#081626!important; color:#f4fbff!important; -webkit-text-fill-color:#f4fbff; font:inherit; font-size:.75rem; }
.srcm-tools select:focus,.srcm-tools input:focus { border-color:var(--studio-blue); box-shadow:0 0 0 3px rgba(103,209,255,.12); outline:none; }
.srcm-tools__section-label { display:flex; align-items:baseline; justify-content:space-between; gap:15px; margin:23px 0 12px; padding-top:16px; border-top:1px solid var(--studio-line); color:#fff; font-size:.78rem; font-weight:800; }
.srcm-tools__section-label small { color:var(--studio-muted); font-size:.67rem; font-weight:500; }
.srcm-tools__sliders { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 20px; }
.srcm-tools__sliders label { color:rgba(255,255,255,.82); }
.srcm-tools__conversion-callout { display:flex; align-items:baseline; gap:10px; margin-top:20px; padding:11px 13px; border:1px solid rgba(103,209,255,.22); border-radius:8px; background:rgba(103,209,255,.06); color:var(--studio-muted); font-size:.7rem; }
.srcm-tools__conversion-callout strong { flex:0 0 auto; color:var(--studio-blue); font-size:.72rem; }
.srcm-tools__copyright-intro { display:flex; align-items:baseline; gap:10px; margin-top:20px; padding:11px 13px; border:1px solid rgba(255,210,119,.24); border-radius:8px; background:rgba(255,210,119,.06); color:var(--studio-muted); font-size:.7rem; }
.srcm-tools__copyright-intro strong { flex:0 0 auto; color:#ffd277; font-size:.72rem; }
.srcm-tools__copyright-results { margin-top:18px; }
.srcm-tools__lookup-modes { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:17px; padding-bottom:13px; border-bottom:1px solid var(--studio-line); }
.srcm-tools__lookup-mode { min-height:35px; padding:7px 11px; border:1px solid rgba(255,255,255,.16); border-radius:7px; background:rgba(3,13,28,.34); color:var(--studio-muted); cursor:pointer; font:inherit; font-size:.7rem; font-weight:750; }
.srcm-tools__lookup-mode:hover,.srcm-tools__lookup-mode:focus-visible { border-color:var(--studio-blue); color:#fff; outline:none; }
.srcm-tools__lookup-mode.is-active { border-color:var(--studio-blue); background:rgba(103,209,255,.16); color:var(--studio-blue); }
.srcm-tools__lookup-field[hidden] { display:none!important; }
.srcm-tools__metadata-results { margin-top:18px; }
.srcm-tools__metadata-form { max-width:760px; }
.srcm-tools__metadata-form label > span { margin-bottom:7px; }
.srcm-tools__metadata-source { display:inline-block; margin-bottom:9px; padding:3px 7px; border-radius:999px; background:rgba(103,209,255,.13); color:var(--studio-blue); font-size:.6rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.srcm-tools__metadata-notice { margin:0 0 12px; padding:10px 12px; border:1px solid rgba(255,210,119,.28); border-radius:8px; background:rgba(255,210,119,.07); color:#ffe1a3; font-size:.7rem; }
.srcm-tools__metadata-no-links { margin-top:14px!important; color:rgba(255,255,255,.48)!important; font-size:.68rem!important; }
.srcm-tools__metadata-card { padding:17px; border:1px solid rgba(103,209,255,.25); border-radius:10px; background:rgba(3,13,28,.34); }
.srcm-tools__metadata-card + .srcm-tools__metadata-card { margin-top:10px; }
.srcm-tools__metadata-card h3 { margin:0 0 5px; color:#fff; font-size:1.12rem; }
.srcm-tools__metadata-card p { margin:4px 0; color:var(--studio-muted); font-size:.76rem; }
.srcm-tools__metadata-label { color:rgba(255,255,255,.54); }
.srcm-tools__metadata-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 18px; margin-top:12px; padding-top:11px; border-top:1px solid var(--studio-line); }
.srcm-tools__metadata-links { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }
.srcm-tools__metadata-link { display:inline-flex; align-items:center; min-height:30px; padding:6px 9px; border:1px solid rgba(103,209,255,.35); border-radius:6px; color:#edf9ff!important; font-size:.67rem; font-weight:750; text-decoration:none!important; }
.srcm-tools__metadata-link:hover,.srcm-tools__metadata-link:focus-visible { border-color:var(--studio-blue); color:#fff!important; }
.srcm-tools__copyright-result { padding:16px; border:1px solid rgba(103,209,255,.25); border-radius:10px; background:rgba(3,13,28,.34); }
.srcm-tools__copyright-result + .srcm-tools__copyright-result { margin-top:10px; }
.srcm-tools__copyright-result h3 { margin:0 0 4px; color:#fff; font-size:1.05rem; }
.srcm-tools__copyright-result p { margin:0; color:var(--studio-muted); font-size:.76rem; }
.srcm-tools__copyright-score { display:inline-block; margin-bottom:10px; padding:3px 7px; border-radius:999px; background:rgba(103,209,255,.13); color:var(--studio-blue); font-size:.62rem; font-weight:800; }
.srcm-tools__platforms { display:flex; flex-wrap:wrap; gap:7px; margin-top:13px; }
.srcm-tools__platform-link { display:inline-flex; align-items:center; min-height:30px; padding:6px 9px; border:1px solid rgba(255,255,255,.16); border-radius:6px; color:#edf9ff!important; font-size:.67rem; font-weight:750; text-decoration:none!important; }
.srcm-tools__platform-link:hover,.srcm-tools__platform-link:focus-visible { border-color:var(--studio-blue); color:#fff!important; }
.srcm-tools output { color:var(--studio-blue); font-size:.68rem; font-weight:800; }
.srcm-tools input[type="range"] { display:block; width:100%; height:5px; margin:10px 0 2px; accent-color:var(--studio-blue); cursor:pointer; }
.srcm-tools__check { display:flex!important; align-items:center; gap:8px; margin-top:16px; color:rgba(255,255,255,.8)!important; font-size:.75rem!important; }
.srcm-tools__check input { width:16px; height:16px; accent-color:var(--studio-blue); }
.srcm-tools__actions { display:flex; gap:10px; margin-top:21px; }
.srcm-tools__button,.srcm-tools__mini-button { min-height:45px; padding:10px 16px; border:1px solid var(--studio-blue); border-radius:8px; background:var(--studio-blue); color:var(--studio-ink); cursor:pointer; font:inherit; font-size:.8rem; font-weight:800; transition:.2s ease; }
.srcm-tools__button:hover,.srcm-tools__button:focus-visible,.srcm-tools__mini-button:hover { background:#b4edff; box-shadow:0 7px 20px rgba(103,209,255,.18); outline:none; }
.srcm-tools__button--secondary { border-color:rgba(103,209,255,.5); background:rgba(103,209,255,.1); color:#edf9ff; }
.srcm-tools__button:disabled,.srcm-tools__mini-button:disabled { opacity:.55; cursor:wait; }
.srcm-tools__status { min-height:22px; margin:10px 0 0; color:var(--studio-muted); font-size:.73rem; }
.srcm-tools__status.is-error { color:#ffb1b1; }.srcm-tools__status.is-success { color:var(--studio-blue); }
.srcm-tools__note { margin:17px 0 0; color:rgba(255,255,255,.45); font-size:.68rem; }
.srcm-tools__image-layout { display:grid; grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr); gap:24px; align-items:start; }
.srcm-tools__canvas-wrap { display:grid; place-items:center; min-height:280px; padding:15px; overflow:hidden; border:1px solid var(--studio-line); border-radius:12px; background:repeating-conic-gradient(#102b50 0 25%,#0b1e38 0 50%) 50% / 22px 22px; }
.srcm-tools__canvas-wrap canvas { display:block; width:100%; max-height:560px; object-fit:contain; border-radius:5px; box-shadow:0 12px 28px rgba(0,0,0,.26); }
.srcm-tools__image-controls { min-width:0; }
.srcm-tools__quick-actions { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:14px; }
.srcm-tools__mini-button { min-height:34px; padding:7px 10px; border-color:rgba(103,209,255,.45); background:rgba(103,209,255,.1); color:#edf9ff; font-size:.68rem; }
.srcm-tools__image-controls .srcm-tools__sliders { grid-template-columns:1fr; }
.srcm-tools [hidden] { display:none!important; }

@media (max-width:850px) { .srcm-tools__settings-grid,.srcm-tools__settings-grid--small { grid-template-columns:repeat(2,minmax(0,1fr)); }.srcm-tools__image-layout { grid-template-columns:1fr; }.srcm-tools__canvas-wrap { max-width:520px; margin:0 auto; width:100%; }.srcm-tools__image-controls { width:100%; } }
@media (max-width:590px) { .srcm-tools { margin:16px 0; padding:18px 14px; border-radius:17px; }.srcm-tools__header { align-items:flex-start; }.srcm-tools__signal { display:none; }.srcm-tools__header h1 { font-size:2.35rem; }.srcm-tools__tabs { display:grid; grid-template-columns:1fr; }.srcm-tools__tab { width:100%; justify-content:center; }.srcm-tools__panel-heading { display:block; }.srcm-tools__privacy { display:inline-block; margin-top:13px; }.srcm-tools__settings-grid,.srcm-tools__settings-grid--small,.srcm-tools__sliders { grid-template-columns:1fr; }.srcm-tools__actions { flex-direction:column; }.srcm-tools__button { width:100%; }.srcm-tools__filebar { align-items:flex-start; flex-direction:column; }.srcm-tools__text-button { align-self:flex-start; }.srcm-tools__copyright-intro { display:block; }.srcm-tools__copyright-intro strong { display:block; margin-bottom:5px; }.srcm-tools__metadata-grid { grid-template-columns:1fr; } }
.srcm-tools__metadata-diagnostics { display:flex; flex-wrap:wrap; align-items:baseline; gap:7px 14px; margin-bottom:12px; padding:10px 12px; border:1px solid rgba(103,209,255,.2); border-radius:8px; background:rgba(3,13,28,.28); color:var(--studio-muted); font-size:.68rem; }
.srcm-tools__metadata-diagnostics > strong { color:var(--studio-blue); font-size:.7rem; }
.srcm-tools__metadata-diagnostics > div { display:flex; flex-wrap:wrap; gap:5px 12px; }
.srcm-tools__metadata-diagnostics span { white-space:nowrap; }
.srcm-tools__metadata-diagnostics span strong { color:rgba(255,255,255,.82); font-weight:700; }
.srcm-tools__metadata-artwork { display:block; width:72px; height:72px; margin-bottom:11px; border-radius:7px; object-fit:cover; background:rgba(255,255,255,.08); }
.srcm-tools textarea { width:100%; min-height:220px; padding:12px; resize:vertical; border:1px solid rgba(255,255,255,.18); border-radius:8px; outline:none; background:#081626!important; color:#f4fbff!important; font:inherit; font-size:.8rem; line-height:1.55; }
.srcm-tools textarea:focus { border-color:var(--studio-blue); box-shadow:0 0 0 3px rgba(103,209,255,.12); outline:none; }
.srcm-tools__settings-grid--lyrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
.srcm-tools__lyrics-output-label { margin-top:18px; }
.srcm-tools__lyrics-output-label > span { color:#fff; font-size:.78rem; }
.srcm-tools__lyrics-output-label > span small { color:var(--studio-muted); font-size:.65rem; font-weight:500; }
@media (max-width:590px) { .srcm-tools__settings-grid--lyrics { grid-template-columns:1fr; } }
.srcm-tools__lyrics-progress { display:block; width:100%; height:7px; margin:2px 0 0; accent-color:var(--studio-blue); }