@font-face{font-family:Allura;src:url('allura.ttf') format('truetype');font-display:swap}:root{--bg:#063840;--panel:#0b4149;--ink:#fff4e3;--muted:#b0d0ce;--accent:#ffb36b;--line:#95cac333;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#06333c;color:var(--ink);font:15px/1.55 Arial,sans-serif;padding:26px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0;color:inherit;background:none}.icon{width:20px;height:20px;fill:currentColor;flex-shrink:0;vertical-align:middle}[hidden]{display:none!important}.site-shell{max-width:1460px;margin:auto;border:1px solid #75aaa666;border-radius:13px;overflow:hidden;background:var(--bg)}.site-header{padding:clamp(12px,1.4vw,20px) 4.8%;min-height:clamp(75px,6.53vw,94px);display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);background:#03333bd9}.brand{display:flex;align-items:center;gap:15px;flex-shrink:0}.brand img{width:72px;height:55px;object-fit:contain}.brand>span{font-size:16px;letter-spacing:4px;font-weight:600}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:6px;margin-top:3px}nav{display:flex;justify-content:center;gap:38px;margin:auto;font:400 10px/1.6 Arial,sans-serif;letter-spacing:3px;text-transform:uppercase}nav a{padding:12px 0}nav [aria-current]{color:var(--accent)}.header-tools{display:flex;align-items:center;gap:27px}.language{font-size:10px;letter-spacing:2px;white-space:nowrap}.studio-entry{border-left:1px solid #8fbbb866;padding-left:27px;display:flex;align-items:center;gap:10px;font:14px var(--serif)}.studio-entry .icon{color:var(--accent)}#menu-toggle{display:none;width:44px;height:44px;color:var(--accent)}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;min-height:clamp(445px,38.8vw,560px);padding:clamp(48px,4.7vw,68px) 5.3% clamp(80px,7.78vw,112px);gap:30px;background-image:url('hero-petrol.png');background-position:center;background-size:cover;border-bottom:1px solid var(--line)}.hero-copy{z-index:2;align-self:start;padding-top:12px}.eyebrow{font-size:10px;letter-spacing:3px;line-height:1.6;font-weight:400;margin:0 0 18px}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1}h1{font-size:clamp(40px,4.7vw,72px);letter-spacing:-2.3px;margin:0 0 22px}.hero h1{font-size:clamp(37px,4.7vw,68px);letter-spacing:-2px;line-height:1.02}.hero-description{font:20px/1.35 var(--serif);margin:22px 0 28px}.primary{border:1px solid var(--accent);background:var(--accent);color:#063039;display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:30px;padding:12px 22px;font-size:13px;font-weight:600;min-height:44px}.primary:hover{background:#ffc68e}.hero-art{position:relative;min-height:320px;align-self:stretch}.art-frame{position:absolute;width:58%;aspect-ratio:1;border:1px solid #eee1c199;box-shadow:0 15px 30px #04252f55;background:#124850;overflow:hidden}.art-frame>img:first-child{width:100%;height:100%;object-fit:cover}.art-frame .art-logo{position:absolute;top:12px;left:12px;width:40px;height:34px;object-fit:contain;opacity:.15;pointer-events:none}.art-front .art-logo{left:auto;right:12px}.art-back{left:0;top:-15px;transform:rotate(-5deg)}.art-back>img:first-child{object-position:43%}.art-front{right:0;top:45px;transform:rotate(5deg)}.art-front>img:first-child{object-position:50% 25%}.signature{font:37px/.85 Allura,cursive;color:var(--accent);position:absolute;left:47%;bottom:24px;transform:rotate(-10deg);margin:0;text-align:center}.hero-micro{font-size:8px;letter-spacing:3px;line-height:1.8;position:absolute;bottom:22px;margin:0}.hero-micro.left{left:5.3%}.hero-micro.right{right:5.3%;text-align:right}.artist-section{padding:24px 5.3% 25px}.section-title{display:flex;align-items:center;gap:24px;margin-bottom:21px}.section-title h2{font-size:39px;letter-spacing:-1px;margin:0;white-space:nowrap}.section-title .rule{height:1px;background:#90c2bd66;flex:1}.section-title .eyebrow{margin:0;font-size:8px;white-space:nowrap}.artist-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.artist-card{position:relative;height:clamp(230px,19.45vw,280px);border:1px solid #ffb36b88;border-radius:6px;overflow:hidden;background:#07343b}.artist-photo{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.artist-shade{position:absolute;inset:0;background:#04364033}.artist-mark{position:absolute;top:18px;left:18px;width:95px;height:65px;object-fit:contain}.faye-mark{width:45px;height:53px}.artist-caption{text-shadow:0 2px 8px #001a24;position:absolute;bottom:19px;left:23px;right:16px;display:flex;align-items:end;gap:12px;justify-content:space-between}.artist-caption h3{font-size:31px;margin:0 0 8px;letter-spacing:-.7px}.artist-caption p{font:14px var(--serif);margin:0}.platforms{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.link-pair{display:inline-flex;align-items:center}.link-pair a,.link-pair button{display:grid;place-items:center;width:36px;min-height:44px}.link-pair a{color:var(--accent)}.link-pair button .icon{width:16px;height:16px}.link-pair a:hover,.link-pair button:hover{background:#ffb36b22;border-radius:6px}.copied{color:#89e1b1!important}.artist-caption .platforms{gap:0;max-width:185px}.artist-caption .link-pair a,.artist-caption .link-pair button{width:29px}.artist-caption .icon{width:17px;height:17px}footer{display:flex;align-items:center;gap:30px;padding:19px 4.8%;border-top:1px solid var(--line);background:#03333b80}footer .brand img{width:54px;height:42px}footer .brand>span{font-size:10px;letter-spacing:3px}footer .brand small{font-size:7px;letter-spacing:4px}.footer-claim{font:12px var(--serif)}footer>div{margin-left:auto;display:flex;gap:24px;font-size:10px}.content{padding:50px 5.3% 65px;min-height:65vh}.content h1{font-size:52px}.content h2{font-size:27px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin:30px 0}.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.release-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.release-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;margin-bottom:20px}.release-card .eyebrow{font-size:9px;letter-spacing:1px}.release-card h2{font-size:27px;margin:12px 0}.release-card p{font-size:12px;color:var(--muted)}.release-detail{display:grid;grid-template-columns:38% 1fr;gap:45px;margin-top:35px}.detail-cover{width:100%;border-radius:6px}.release-detail h1{font-size:47px}.prose{max-width:65ch;line-height:1.7}.back{display:inline-flex;gap:9px;align-items:center;color:var(--muted);font-size:12px}.tracklist{padding-left:22px}.tracklist li{padding:12px 0;border-bottom:1px solid var(--line)}.legal{max-width:950px;margin:auto}.legal h2{margin-top:32px}.legal p{line-height:1.75;color:#dbebe4}.legal a{color:var(--accent)}.legal .primary{color:#063039}.skip{position:absolute;left:20px;top:-60px;background:var(--accent);color:var(--bg);padding:10px;z-index:100}.skip:focus{top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:13px 22px;border-radius:8px;background:var(--ink);color:var(--bg);box-shadow:0 5px 30px #001d2680;opacity:0;pointer-events:none;transition:.2s;z-index:200;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}input,textarea,select{border:1px solid #91b8b655;border-radius:6px;background:#063039;color:var(--ink);padding:11px 12px;width:100%;min-width:0;min-height:44px}textarea{resize:vertical;line-height:1.55;font-size:14px}option{background:#063039}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--accent)}input[type=file]{font-size:11px}input::placeholder,textarea::placeholder{color:#a2beb8}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:22px}.login{max-width:690px;margin:auto}.login-form{display:grid;gap:20px;margin-top:30px}.error{color:#ffad9c}.muted{color:var(--muted)}.small{font-size:12px}.notice{border:1px solid #ffb36b77;background:#63432e44;color:#ffd4a8;padding:12px;border-radius:6px;font-size:12px}.icon-button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:7px;color:var(--ink);flex-shrink:0}.icon-button:hover{background:#ffffff10}.icon-button.accent{background:var(--accent);color:var(--bg);border-color:var(--accent)}.secondary{min-height:44px;border:1px solid #8dbdb977;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;gap:10px;font-size:12px}.secondary:hover{border-color:var(--accent)}.action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.work-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.work-title h1{font-size:40px;margin:0}.work-title .eyebrow{font-size:8px;margin-bottom:8px}.studio-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:70vh}.studio-sidebar{padding:30px 18px;border-right:1px solid var(--line);background:#063039}.studio-sidebar>button,.studio-sidebar>a,.studio-sidebar form button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:48px;border-radius:6px;padding:10px 12px;font-size:12px;margin-bottom:5px}.studio-sidebar .active{color:var(--accent);background:#ffffff09}.studio-sidebar small{font-size:10px;color:var(--muted);display:block;margin:30px 12px}.studio-sidebar form{border-top:1px solid var(--line);padding-top:15px;margin-top:25px}.studio-workspace{padding:28px;min-width:0}.prompt-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.2fr);gap:22px}.prompt-results{min-width:0}.prompt-results>.primary{width:100%;margin:8px 0 20px}.prompt-results>.secondary{margin-top:15px}#prompt-form details{border-bottom:1px solid var(--line);padding:14px 0}#prompt-form details:first-child{padding-top:0}summary{cursor:pointer;font-size:14px;padding:7px 0}#prompt-form details>div{display:grid;gap:12px;margin-top:12px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #82b0ac55;border-radius:18px;padding:7px 12px;min-height:36px;font-size:11px}.chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#ffb36b14}.output-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.output-box{display:flex;flex-direction:column;position:relative;background:#0a3c44;border:1px solid var(--line);border-radius:8px;overflow:hidden}.output-box>span{padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:62px;font-size:11px;color:var(--ink)}.output-box textarea{border:0;border-radius:0;background:#063039;min-height:230px;padding-bottom:32px}.output-box .icon-button{border:0;min-width:36px}.counter{position:absolute;bottom:8px;right:12px;font-size:11px;background:#063039;padding:2px 4px}.good{color:#90e5ae}.bad{color:#ff9585}.template-panel{margin-top:12px;display:grid;gap:12px}.template-panel h2{font-size:24px;margin:0}.template-panel .action-row{flex-wrap:nowrap}.output-tabs,.lyric-tabs{display:none}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.form-grid>label{min-width:0}#lyric-style{margin-bottom:16px}.file-label{max-width:300px}.lyrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;margin-bottom:16px}.lyrics-grid textarea{min-height:390px}.check{display:flex;flex-direction:row;align-items:center;margin:15px 0}.timing{margin-top:22px}.file-list{list-style:none;padding:0}.file-list li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--line)}.file-list a{color:var(--accent);font-size:12px}.draft-list{display:grid;gap:12px}.draft-item{width:100%;text-align:left;padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:7px;display:flex;justify-content:space-between;gap:14px}.draft-item span{display:block;font-size:12px;color:var(--muted);margin-top:7px}.catalog-drafts{display:grid;gap:10px}.catalog-drafts .secondary{justify-content:flex-start}.instrument-card{border:1px solid var(--line);padding:12px;border-radius:7px;margin-top:12px}.instrument-card .field-pair{margin-top:10px}.instrument-head{display:flex;align-items:center;justify-content:space-between}.instrument-results{display:flex;gap:8px;flex-wrap:wrap;max-height:200px;overflow:auto}.instrument-results button{border:1px solid var(--line);padding:8px 10px;border-radius:5px;font-size:11px;min-height:40px}.instrument-results button:hover{border-color:var(--accent)}dialog{background:#0a3c44;color:var(--ink);border:1px solid #91b8b677;border-radius:12px;max-width:740px;width:calc(100% - 30px);padding:28px;max-height:90vh;overflow:auto}dialog::backdrop{background:#001e28cc}dialog h2{margin:0;font-size:29px}#export-status{font-size:12px;color:var(--accent)}
@media(min-width:1600px){.hero{min-height:585px}.hero h1{font-size:67px}.hero-art{min-height:365px}.artist-card{height:300px}}
@media(max-width:1150px){body{padding:15px}.site-header{gap:20px}.brand>span{font-size:12px;letter-spacing:3px}.brand img{width:58px;height:45px}.header-tools{gap:15px}nav{gap:22px}.studio-entry{padding-left:15px}.hero{padding-top:45px;min-height:505px;gap:20px}.hero-description{font-size:17px}.hero h1{font-size:47px}.hero-art{min-height:290px}.artist-caption{flex-direction:column;align-items:start;bottom:12px;left:18px}.artist-caption h3{font-size:28px}.artist-caption .platforms{max-width:none}.artist-card{height:270px}.artist-caption .link-pair a,.artist-caption .link-pair button{width:33px}.studio-layout{grid-template-columns:175px minmax(0,1fr)}.studio-workspace{padding:22px}.prompt-layout{grid-template-columns:1fr}.output-box textarea{min-height:210px}.prompt-results{display:block}.lyrics-grid{grid-template-columns:1fr}.lyric-tabs{display:flex;gap:10px;margin-top:20px}.lyric-tabs button,.output-tabs button{padding:10px 18px;min-height:44px;border-bottom:2px solid transparent}.lyric-tabs .active,.output-tabs .active{color:var(--accent);border-color:var(--accent)}.lyric-box:not([data-lyric-box=original]){display:none}.lyrics-grid textarea{min-height:420px}.release-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){body{padding:10px}.site-header{padding:15px 5%;position:relative}.brand img{width:52px}.brand>span{font-size:11px}.brand small{font-size:8px}.header-tools{margin-left:auto}.header-tools .language,.studio-entry{display:none}#menu-toggle{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#073b43;z-index:20;padding:15px 5%;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;gap:3px}nav.open:after{content:none}.hero h1{font-size:39px}.hero{min-height:430px;padding-top:35px;padding-bottom:95px;gap:15px}.hero-description{font-size:15px}.hero .primary{font-size:11px;padding:11px 15px;gap:10px}.hero-art{min-height:220px}.art-front{top:45px}.hero-micro{font-size:6px;letter-spacing:2px}.signature{font-size:30px;bottom:24px;left:42%}.section-title h2{font-size:31px}.section-title .eyebrow{display:none}.artist-card{height:255px}.artist-caption h3{font-size:25px}.artist-caption p{font-size:12px}.artist-mark{width:65px;height:45px}.faye-mark{width:35px}.artist-caption .platforms{gap:0}.artist-caption .link-pair a,.artist-caption .link-pair button{width:27px}.artist-caption .icon{width:15px;height:15px}footer{gap:20px;flex-wrap:wrap}.footer-claim{font-size:11px}footer>div{margin-left:0}.studio-layout{display:block}.studio-sidebar{display:flex;flex-wrap:wrap;gap:4px;border-right:0;border-bottom:1px solid var(--line);padding:10px}.studio-sidebar>button,.studio-sidebar>a,.studio-sidebar form button{width:auto;font-size:11px;gap:7px;padding:8px}.studio-sidebar>.eyebrow,.studio-sidebar small{display:none}.studio-sidebar form{border:0;padding:0;margin:0 0 0 auto}.studio-sidebar .icon{width:17px}.studio-workspace{padding:20px}.form-grid{grid-template-columns:1fr 1fr}.form-grid>label:last-child{grid-column:1/-1}.content h1{font-size:42px}.release-detail{gap:25px}.release-detail h1{font-size:34px}}
@media(max-width:560px){body{padding:8px}.site-shell{border-radius:10px}.site-header{min-height:75px;padding:12px 6%}.brand img{width:54px;height:42px}.brand>span{font-size:11px;letter-spacing:3px}.hero{display:flex;flex-direction:column;padding:34px 6% 70px;gap:26px;min-height:720px}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:18px}.hero h1{font-size:43px;line-height:1.02;letter-spacing:-1.5px;margin-bottom:16px}.hero-description{font-size:15px;margin:16px 0 21px}.hero .primary{font-size:11px;gap:15px;min-height:44px}.hero-art{min-height:270px;margin:0 2%}.art-frame{width:66%}.art-back{top:0}.art-front{top:40px}.signature{font-size:31px;left:30%;bottom:22px}.hero-micro{display:none}.artist-section{padding:22px 6%}.section-title{margin-bottom:16px;gap:15px}.section-title h2{font-size:30px}.artist-grid{grid-template-columns:1fr;gap:15px}.artist-card{height:230px}.artist-caption{bottom:14px;left:16px;right:12px;gap:5px}.artist-caption h3{font-size:28px;margin-bottom:5px}.artist-caption .platforms{margin-top:3px}.artist-caption .link-pair a,.artist-caption .link-pair button{width:34px}.artist-caption .icon{width:18px;height:18px}.artist-mark{width:80px;height:52px;top:13px;left:14px}.faye-mark{width:38px;height:43px}.artist-shade{inset:0}.artist-caption p{font-size:12px}.artist-photo{object-position:center 27%}footer{padding:18px 6%;gap:15px}footer .brand img{width:46px}footer .brand>span{font-size:9px}footer .brand small{font-size:6px}.footer-claim{display:none}footer>div{gap:14px;margin-left:auto;font-size:9px}.content{padding:34px 6% 45px}.content h1{font-size:36px;letter-spacing:-1px}.filters{grid-template-columns:1fr 1fr;gap:13px}.filters label:first-child{grid-column:1/-1}.release-grid{grid-template-columns:1fr}.release-card{padding:16px}.release-detail{grid-template-columns:1fr;gap:24px}.detail-cover{max-width:360px}.legal h2{font-size:24px}.legal p{font-size:14px}.studio-workspace{padding:17px}.work-title{align-items:start;flex-direction:column;gap:14px}.work-title h1{font-size:34px}.studio-sidebar>a{display:none}.studio-sidebar form{margin:0}.studio-sidebar>button,.studio-sidebar form button{font-size:10px}.studio-sidebar .icon{display:none}.studio-sidebar form .icon{display:block}.studio-sidebar form button{font-size:0}.prompt-layout{gap:16px}.panel{padding:16px}.output-grid{grid-template-columns:1fr}.output-tabs{display:flex;margin-bottom:10px}.output-box[data-language=de]{display:none}.output-box textarea{min-height:220px}.field-pair{gap:10px}.form-grid{grid-template-columns:1fr}.form-grid>label:last-child{grid-column:auto}.lyrics-grid{margin-top:10px}.lyrics-grid textarea{min-height:400px}.action-row{gap:8px}.action-row .small{line-height:1.5}.template-panel .action-row{flex-wrap:wrap}.template-panel select{flex:1}.draft-item{flex-direction:column}.file-list li{flex-direction:column;gap:8px}dialog{padding:20px}.file-label{max-width:100%}.lyric-tabs{gap:0}.lyric-tabs button{padding:10px 13px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#toast{transition:none}}
.mobile-shortcuts{display:none}@media(max-width:800px){.mobile-shortcuts{display:flex;gap:20px;justify-content:flex-end;padding:5px 6%;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}}

.cover-preview{width:64px;height:64px;object-fit:contain;flex-shrink:0;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.15)}
.cover-preview[hidden]{display:none}

.track-row{display:flex;align-items:center;gap:16px}.track-info{flex:1;min-width:0}.track-info strong,.track-info>span{display:block}.track-info strong{font-weight:500}.track-info>span{margin-top:5px}.track-duration{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;color:var(--muted)}.explicit-label{font-size:11px;letter-spacing:.03em}.track-row .platforms{flex-shrink:0}@media(max-width:540px){.track-row{gap:8px}.track-row .link-pair a,.track-row .link-pair button{width:28px}}

.catalog-entry{display:flex;gap:20px;align-items:flex-start}.catalog-entry>img{object-fit:contain;flex-shrink:0;border-radius:6px}.catalog-entry-info{flex:1;min-width:0}.catalog-entry h2{margin-top:0}.catalog-entry p{overflow-wrap:anywhere}.catalog-entry .action-row{flex-wrap:wrap}#catalog-preview ol{max-height:300px;overflow:auto}#catalog-preview .action-row{flex-wrap:wrap}.video-action{display:inline-flex;margin-top:16px;align-items:center;gap:10px}#catalog-edit-dialog{max-width:760px;width:calc(100% - 32px);max-height:90vh;overflow:auto}@media(max-width:600px){.catalog-entry{gap:12px}.catalog-entry>img{width:64px;height:64px}.catalog-entry h2{font-size:24px}}

.catalog-social-options{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:14px 0}.catalog-social-options label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:11px}.catalog-social-options select{width:auto;min-width:105px;min-height:36px;padding:6px 28px 6px 9px;font-size:12px;margin:0}.catalog-social-options .secondary{min-height:36px;padding:7px 12px;font-size:12px;margin:0}

/* Deeper studio backdrop separates the existing petrol cards. */
body.studio-page{background:#021d23}
.studio-page .studio-workspace{background:#03262d}

.header-logout{margin:0;flex-shrink:0}
.header-logout button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px;color:var(--accent);border-radius:6px;font-size:12px}
.header-logout button:hover{background:#ffffff09}
@media(max-width:800px){.header-logout button span{display:none}.studio-page .header-tools{gap:4px;flex-shrink:0}.studio-page .site-header{gap:10px}}
@media(max-width:380px){.studio-page .site-header .brand{gap:8px}.studio-page .site-header .brand>span{font-size:10px;letter-spacing:1px}.studio-page .site-header .brand small{letter-spacing:3px}}

.artist-card-right .artist-caption{flex-direction:column;align-items:flex-end;text-align:right}
.artist-card-right .artist-caption .platforms{justify-content:flex-end;max-width:100%}

.artist-card .paralyzed-mark{left:auto;right:18px}
.artist-card-jisaiah{grid-column:1/-1;height:auto;aspect-ratio:2033/774}
.artist-card-jisaiah .artist-photo{object-position:center}
.artist-card-jisaiah .jisaiah-mark{top:32%;left:5%;width:36%;height:auto;filter:invert(1);opacity:.94}
@media(max-width:800px){.artist-card-jisaiah{min-height:230px;aspect-ratio:auto}.artist-card-jisaiah .artist-photo{object-position:65% center}.artist-card-jisaiah .jisaiah-mark{top:22%;left:4%;width:40%}}

.lyric-tools{margin-top:20px}.lyric-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:16px}.lyric-tools-grid>div{min-width:0}.lyric-tool-actions{display:flex;flex-wrap:wrap;gap:8px}.lyric-tool-actions select{flex:1 1 190px;min-width:0;width:100%}.lyric-tool-actions button{flex:0 0 auto}.lyric-tools p{margin:10px 0 0}.lyric-structure-preview{line-height:1.7;color:var(--accent)}.lyric-tools button:disabled{cursor:not-allowed}@media(max-width:800px){.lyric-tools-grid{grid-template-columns:1fr;gap:20px}}

.lyric-tools .lyric-structure-label{display:block}.lyric-structure-label em{font-style:italic}

/* Artist links: inset banners anchored to their respective outer edge. */
.artist-caption .platforms .link-separator{display:inline-block;flex:0 0 1px;align-self:center;height:18px;margin:0 7px;background:rgba(255,244,227,.32)}@media(max-width:560px){.artist-caption .platforms .link-separator{height:15px;margin:0 4px}}
.artist-card .artist-caption{left:0;right:0;flex-direction:column;align-items:flex-start;text-align:left;gap:12px}
.artist-card .artist-caption>div:first-child{padding:0 23px}
.artist-card .artist-caption .platforms{max-width:calc(100% - 16px);width:max-content;justify-content:flex-start;background:rgba(0,0,0,.58);padding:3px 12px 3px 23px;border-radius:0 7px 7px 0;margin:0}
.artist-card-right .artist-caption{align-items:flex-end;text-align:right}
.artist-card-right .artist-caption .platforms{justify-content:flex-end;padding:3px 23px 3px 12px;border-radius:7px 0 0 7px}
@media(max-width:800px){
 .artist-card .artist-caption>div:first-child{padding:0 16px}
 .artist-card .artist-caption .platforms{padding-left:16px;padding-right:8px}
 .artist-card-right .artist-caption .platforms{padding-left:8px;padding-right:16px}
}

/* Keep native date placeholders consistently uppercase (TT.MM.JJJJ). */
input[type="date"]{text-transform:uppercase}
input[type="date"]::-webkit-datetime-edit{text-transform:uppercase}

#password-change-form{max-width:520px;display:grid;gap:16px}
#password-change-form label,#password-change-form p{margin:0}

/* Consistent spacing within the release editing dialog. */
#catalog-edit-form{display:grid;gap:18px}
#catalog-edit-form .work-title{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 6px}
#catalog-edit-form .work-title h2{margin:0}
#catalog-edit-close{flex-shrink:0}
#catalog-edit-form label{display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}
#catalog-edit-form input,#catalog-edit-form select,#catalog-edit-form textarea{margin:0;width:100%;min-width:0}
#catalog-edit-form .form-grid{margin:0;gap:16px;grid-template-columns:150px minmax(0,1fr) minmax(0,1.3fr);align-items:end}
#catalog-edit-form .form-grid>label:last-child{grid-column:auto}
#catalog-edit-form>p{margin:0}
#catalog-edit-form>button[type=submit]{justify-self:start;margin:0}
#catalog-edit-status:empty{display:none}
@media(max-width:560px){#catalog-edit-form .form-grid{grid-template-columns:1fr}#catalog-edit-form .work-title h2{font-size:26px}}

/* Import preview uses the same label and section rhythm as release editing. */
#catalog-preview{display:grid;gap:18px}
#catalog-preview>h2,#catalog-preview>ol,#catalog-preview>p,#catalog-preview>.action-row{margin:0}
#catalog-preview .catalog-entry>div{display:grid;gap:10px;min-width:0}
#catalog-preview .catalog-entry h3,#catalog-preview .catalog-entry p{margin:0}
#catalog-preview>label{display:flex;flex-direction:column;gap:8px;margin:0;width:100%;max-width:420px}
#catalog-preview>label select{width:100%;margin:0}
#catalog-preview>.action-row{gap:12px;align-items:center}
#catalog-preview>.action-row>button{margin:0}
#catalog-confirm-status:empty{display:none}

.release-cover-frame{position:relative;display:block;overflow:hidden;border-radius:6px;isolation:isolate}
.release-cover-frame>img{display:block;width:100%;height:auto;margin:0;aspect-ratio:1;object-fit:cover}
.release-card .release-cover-frame{margin-bottom:18px}
.release-card .release-cover-frame>img{margin:0}
.release-cover-frame.detail-cover{align-self:start}
.coming-soon-ribbon{position:absolute;top:28px;right:-48px;width:200px;padding:7px 0;transform:rotate(45deg);text-align:center;background:var(--accent);color:#063039;font:700 12px/1.3 Arial,sans-serif;letter-spacing:1px;box-shadow:0 2px 7px #0005;pointer-events:none}
.catalog-cover{width:80px;flex-shrink:0}
.catalog-cover .coming-soon-ribbon{top:12px;right:-26px;width:110px;font-size:7px;padding:4px 0;letter-spacing:0}
@media(max-width:600px){.catalog-cover{width:64px}.catalog-cover .coming-soon-ribbon{top:10px;right:-29px;font-size:6px}}

.release-meta-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.release-card .release-meta-row .eyebrow{margin:0;min-width:0}
.release-coming-label{margin-left:auto;flex-shrink:0;text-align:right;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.3px}

button.cover-lightbox-trigger{display:block;padding:0;border:0;background:transparent;cursor:zoom-in;flex-shrink:0}
button.cover-lightbox-trigger[hidden]{display:none}
.cover-lightbox-trigger img{display:block}

.catalog-drafts{gap:28px}
.catalog-draft-artist{min-width:0;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.catalog-draft-artist>h3{margin:0 0 20px;color:var(--accent);font-size:25px}
.catalog-draft-album{margin:20px 0;padding-left:16px;border-left:2px solid var(--line)}
.catalog-draft-album>h4{margin:0 0 12px;font-size:16px;overflow-wrap:anywhere}
.catalog-draft-tracks{display:grid;gap:10px;margin:12px 0}
.catalog-draft-tracks .catalog-track{width:100%;min-width:0;text-align:left;white-space:normal;overflow-wrap:anywhere}
.catalog-draft-artist>:last-child{margin-bottom:0}
@media(max-width:600px){.catalog-draft-artist{padding:16px}.catalog-draft-album{padding-left:12px}}

.catalog-entry-details{margin:16px 0;border-top:1px solid var(--line);padding-top:12px}
.catalog-entry-details summary{cursor:pointer;color:var(--accent)}
.catalog-entry-detail-body{display:grid;gap:18px;margin-top:16px}
.catalog-entry-detail-body section{min-width:0}
.catalog-entry-detail-body h3{font-size:18px;margin:0 0 10px}
.catalog-entry-detail-body ol{padding-left:22px;margin:0}
.catalog-entry-detail-body li{margin:8px 0;overflow-wrap:anywhere}
.catalog-entry-detail-body li>span{display:block}
.catalog-entry-detail-body p{margin:6px 0;white-space:pre-wrap}
.catalog-detail-links{display:flex;flex-wrap:wrap;gap:4px 10px;margin:8px 0}
.catalog-detail-links a{color:var(--accent)}
.catalog-detail-links .link-pair{border:1px solid var(--line);border-radius:7px}
.catalog-edit-section{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.catalog-edit-section h3{font-size:20px;margin:0 0 8px}
.catalog-edit-link{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr) 44px;gap:10px;align-items:end;margin:12px 0}
.catalog-edit-link label,#catalog-edit-tracks label{display:grid;gap:6px;min-width:0}
.catalog-edit-link input,#catalog-edit-tracks input{width:100%;min-width:0}
#catalog-edit-tracks{display:grid;gap:12px}
#catalog-edit-tracks small{color:var(--muted)}
@media(max-width:600px){.catalog-edit-link{grid-template-columns:minmax(0,1fr) 44px}.catalog-edit-link label:nth-child(2){grid-column:1}.catalog-edit-link button{grid-column:2;grid-row:1/3;align-self:center}}

.catalog-edit-track-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center}
.catalog-edit-track-row label{grid-column:1;grid-row:1}
.catalog-edit-track-row>button{grid-column:2;grid-row:1}
.catalog-edit-track-row>small{grid-column:1/-1}
.catalog-add-music-track{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:18px}
.catalog-add-music-track label{display:grid;gap:6px;min-width:min(100%,280px);flex:1}
.catalog-add-music-track select{width:100%;min-width:0}

.catalog-track-actions{display:flex;gap:4px;grid-column:2;grid-row:1;justify-content:flex-end}
.catalog-track-actions .icon-button{width:36px;height:36px;min-width:36px;padding:0;border:1px solid var(--line);border-radius:6px;font-size:18px}
.catalog-edit-track-row .catalog-track-version{grid-column:1/-1;grid-row:auto;margin-top:4px}
.catalog-edit-track-row .catalog-track-isrc{grid-column:1/-1;grid-row:auto;margin-top:4px}
.catalog-track-version select{max-width:100%}
@media(max-width:600px){.catalog-edit-track-row{grid-template-columns:minmax(0,1fr)}.catalog-track-actions{grid-column:1;grid-row:auto;justify-content:flex-start}}
.draft-row{display:flex;align-items:stretch;gap:8px;min-width:0}
.draft-row .draft-item{flex:1;min-width:0}
.draft-row .draft-delete{align-self:center;flex-shrink:0}
.draft-row .draft-delete .icon{width:16px;height:16px}
@media(max-width:560px){.draft-row{flex-wrap:wrap}.draft-row .draft-delete{margin-left:auto}}

/* JR initial monogram overlay, preserving room for artist links. */
.artist-card-jisaiah .jisaiah-mark{top:8%;left:5%;width:19%;max-width:220px;height:auto;filter:none;opacity:1}
@media(min-width:801px) and (max-width:1199px){.artist-card-jisaiah .jisaiah-mark{top:6%;width:14%}}
@media(max-width:800px){.artist-card-jisaiah{min-height:300px}.artist-card-jisaiah .jisaiah-mark{top:14px;left:4%;width:112px;max-width:30%}}

/* Jisaiah: logo lockup left; visible name, genre and links aligned right via artist-card-right. */