*{box-sizing:border-box}body{margin:0;background:#101115;color:#eee;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line,#414148);background:var(--panel,#26272c);color:inherit;border-radius:8px;padding:9px 13px;transition:background .15s,transform .15s}button:hover{filter:brightness(1.2)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e8ad64;outline-offset:3px}button.primary{background:var(--accent,#e5ac68);color:var(--ink,#151518);border-color:transparent;font-weight:650}button.active{background:var(--accent,#e5ac68);color:var(--ink,#151518)}input,textarea,select{background:var(--bg,#191a20);color:inherit;border:1px solid var(--line,#45454e);border-radius:7px;padding:9px;max-width:100%}textarea{width:100%;min-height:85px;resize:vertical}label{display:block;font-size:12px;color:var(--muted,#b0b0b9);margin:12px 0 5px}h1,h2,h3,p{margin-top:0}h1{font-size:40px;line-height:1.1;letter-spacing:-1.5px;margin-bottom:12px}h2{font-size:22px;line-height:1.2;letter-spacing:-.5px}h3{font-size:16px;line-height:1.3;margin-bottom:8px}small,.muted{color:var(--muted,#a4a5ad)}.studio-bar{min-height:64px;padding:12px 22px;border-bottom:1px solid #37373d;display:flex;align-items:center;gap:10px;background:#17181d;flex-wrap:wrap}.studio-brand{font-weight:700;letter-spacing:2px;font-size:12px;margin-right:auto}.studio-brand span{color:#e5ad70}.studio-bar button{font-size:12px;padding:7px 11px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 266px;min-height:calc(100vh - 64px)}.inspector{padding:22px 18px;background:#191a1f;border-left:1px solid #33343b;max-height:calc(100vh - 64px);overflow:auto;position:sticky;top:0}.inspector h2{font-size:17px}.inspector select,.inspector input:not([type=checkbox]):not([type=color]){width:100%}.inspector .row{gap:5px}.inspector small{font-size:11px}.inspector section{border-bottom:1px solid #34343c;padding-bottom:19px;margin-bottom:20px}.preview-wrap{padding:0;min-width:0;background:#25262c}.app{--bg:#111519;--panel:#1b2025;--panel2:#232a30;--text:#f3f0e8;--muted:#a4aaa9;--line:#343c41;--accent:#e7b375;--ink:#16191b;background:var(--bg);color:var(--text);min-height:100%;display:grid;grid-template-columns:188px minmax(0,1fr)}.app[data-theme=tech]{--bg:#101b29;--panel:#17273b;--panel2:#20354c;--accent:#6acbff;--line:#30465d;--muted:#9eafc4}.app[data-theme=festival]{--bg:#f1edff;--panel:#fffaf1;--panel2:#e5d7ff;--text:#30204e;--accent:#d5ff58;--ink:#261e42;--line:#c9b8df;--muted:#79628b}.app[data-theme=minimal]{--bg:#f8f9f5;--panel:#fff;--panel2:#edf0e8;--text:#25392f;--accent:#245e46;--ink:#fff;--line:#dae0d7;--muted:#6c7d71}.app[data-theme=radar]{--bg:#071719;--panel:#0f2528;--panel2:#163437;--text:#dcfcf5;--accent:#73f4ba;--ink:#08281c;--line:#24474b;--muted:#81aaa6}.app[data-theme=paper]{--bg:#eae3d2;--panel:#f5efdf;--panel2:#ddd3bf;--text:#353126;--accent:#9e3d2e;--ink:#fff;--line:#bdb39b;--muted:#79715d}.app[data-theme=paper] h1,.app[data-theme=premium] h1{font-family:Georgia,serif;font-weight:400}.app[data-theme=festival] h1{font-size:52px;font-weight:900;text-transform:uppercase}.app[data-theme=tech] .panel{border-radius:5px}.app[data-theme=radar] .map{min-height:450px}.app[data-theme=paper] .panel{border-radius:0;border-width:1px 0}.app[data-density=compact] .panel{padding:14px}.app[data-density=compact] .content{padding:20px}.app[data-font=serif]{font-family:Georgia,serif}.app[data-font=mono]{font-family:Consolas,monospace}.app[data-nav=compact]{grid-template-columns:66px minmax(0,1fr)}.app[data-nav=compact] .nav-label,.app[data-nav=compact] .nav-group,.app[data-nav=compact] .brand span,.app[data-nav=compact] .nav-foot{display:none}.app[data-nav=compact] .nav{padding:22px 7px}.app[data-nav=top],.app[data-nav=bottom]{display:block}.app[data-nav=top] .nav,.app[data-nav=bottom] .nav{display:flex;gap:12px;align-items:center;padding:14px 22px;overflow:auto;max-height:140px;border-bottom:1px solid var(--line)}.app[data-nav=top] .nav-group,.app[data-nav=bottom] .nav-group,.app[data-nav=top] .nav-foot,.app[data-nav=bottom] .nav-foot{display:none}.app[data-nav=top] .nav button,.app[data-nav=bottom] .nav button{white-space:nowrap;width:auto}.nav{padding:25px 14px;border-right:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;line-height:1.25;margin-bottom:30px;font-weight:700;font-size:17px}.logo{width:30px;height:34px;background:var(--accent);color:var(--ink);display:grid;place-items:center;font-size:26px;flex-shrink:0}.nav-group{text-transform:uppercase;color:var(--muted);font-size:9px;letter-spacing:2px;margin:24px 10px 9px}.nav button{display:block;text-align:left;width:100%;border:none;background:none;font-size:12px;padding:9px;margin-bottom:3px;color:var(--muted)}.nav button.active{background:var(--panel2);color:var(--accent)}.nav-icon{display:inline-block;width:23px}.nav-foot{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:11px;color:var(--muted)}.main{min-width:0}.app-header{padding:18px 30px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.breadcrumb{margin-right:auto;font-size:12px;color:var(--muted)}.demo-pill{font-size:10px;letter-spacing:.4px;padding:5px 9px;background:var(--panel2);border:1px solid var(--line);border-radius:30px;color:var(--accent)}.content{padding:30px}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:2.5px;color:var(--accent);margin-bottom:12px}.heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:24px}.heading p{color:var(--muted);font-size:13px;max-width:560px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:13px;min-width:0;overflow:auto;position:relative}.panel.wide{grid-column:1/-1}.panel-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:16px}.panel-head h2{font-size:17px;margin:0}.panel-tools button{font-size:10px;padding:2px 6px;background:transparent;border-color:var(--line)}.panel-tools{display:flex;gap:3px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:255px;background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-bottom:20px}.hero-copy{padding:28px}.hero-copy h2{font-family:Georgia,serif;font-size:34px;font-weight:400}.hero-art{background:url(assets/jazz-poster.svg) center/cover;min-height:230px}.hero-art:after{content:'ILLUSTRATIVE ARTWORK';font-size:8px;letter-spacing:2px;display:block;text-align:right;margin:14px;color:#f5d5ad}.stats{display:flex;gap:28px;margin:18px 0}.stat strong{font-size:28px;display:block;font-weight:500}.stat small{font-size:10px}.artist-art{height:145px;border-radius:8px;background:var(--poster);position:relative;overflow:hidden;display:grid;place-items:center;margin-bottom:17px}.artist-art:before{content:'';position:absolute;width:160px;height:160px;border:25px double #ffffff45;border-radius:50%;transform:rotate(-25deg)}.artist-art:after{content:'♪';font-family:Georgia,serif;font-size:110px;color:#fff8;transform:rotate(-15deg)}.artist-card h3{font-size:18px}.tag{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:3px 8px;font-size:10px;color:var(--muted);margin-right:4px}.match{color:var(--accent);font-size:12px}.artist-card p{font-size:12px;color:var(--muted);min-height:38px}.artist-actions{display:flex;gap:6px;margin-top:15px}.artist-actions button{font-size:11px}.list-item{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:13px;align-items:center}.list-item:last-child{border-bottom:0}.list-item .grow{flex:1}.list-item strong{display:block}.list-item small{font-size:11px}.time{color:var(--accent);font-size:12px;min-width:43px}.mini-art{height:43px;width:43px;border-radius:7px;background:var(--poster);display:grid;place-items:center;color:white;font-size:24px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.toolbar input{flex:1;min-width:120px}.map{position:relative;min-height:340px;background-color:var(--panel2);background-image:linear-gradient(25deg,transparent 48%,var(--line) 49%,var(--line) 50%,transparent 51%),linear-gradient(110deg,transparent 47%,var(--line) 48%,var(--line) 49%,transparent 50%);background-size:90px 90px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.river{position:absolute;left:-10%;top:30%;width:120%;height:47px;background:#48889a55;transform:rotate(-12deg);border-block:1px solid #68aebc66;display:grid;place-items:center;font-size:10px;letter-spacing:5px;color:var(--muted)}.marker{position:absolute;transform:translate(-50%,-50%);font-size:10px;padding:6px 9px;background:var(--bg);border:1px solid var(--accent);box-shadow:0 0 20px #72e8bf20;z-index:2;white-space:nowrap}.map-caption{position:absolute;bottom:10px;left:12px;font-size:10px;background:var(--bg);padding:4px 7px;border-radius:5px}.map-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.timeline .list-item{border-left:2px solid var(--accent);padding-left:18px;margin-left:10px}.calendar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.calendar h3{text-align:center}.calendar .list-item{display:block;background:var(--panel2);margin:8px 0;padding:15px;border-radius:8px}.horizontal{display:flex;overflow:auto;gap:12px}.horizontal .list-item{min-width:220px;display:block;background:var(--panel2);padding:20px;border-radius:9px}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;padding:14px 9px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}.heat-row{display:grid;grid-template-columns:120px repeat(8,minmax(25px,1fr));gap:5px;align-items:center;margin:8px 0;font-size:10px}.heat{height:35px;border-radius:4px;display:grid;place-items:center;color:#102b25;background:#83c3a5}.heat.medium{background:#d0a866}.heat.high{background:#ba7770}.bar{height:7px;border-radius:5px;background:var(--panel2);overflow:hidden;margin:8px 0}.bar>i{display:block;height:100%;background:var(--accent);border-radius:5px}.metric{font-size:48px;font-weight:300;line-height:1.2;letter-spacing:-2px}.notice{background:var(--panel2);padding:13px 16px;border-radius:8px;font-size:12px;margin-bottom:20px;border-left:3px solid var(--accent)}.empty{padding:35px;text-align:center;color:var(--muted)}.concept{padding:0;overflow:hidden}.concept-preview{height:140px;position:relative;padding:18px;display:flex;gap:8px}.concept-preview>i{display:block;border-radius:4px;background:currentColor;opacity:.25;flex:1}.concept-preview>i:first-child{flex:.25}.concept-copy{padding:20px}.concept-copy p{font-size:12px;color:var(--muted)}.concept-preview strong{position:absolute;left:30px;top:45px;font-size:27px;line-height:1.1;max-width:180px}.mobile{width:390px;max-width:100%;margin:24px auto;min-height:844px!important;border:6px solid #44464b;border-radius:35px;overflow:hidden;display:block!important}.mobile .nav{display:none!important}.mobile .content{padding:20px 16px}.mobile h1{font-size:31px!important}.mobile .app-header{padding:14px}.mobile .grid,.mobile .grid.three,.mobile .hero,.mobile .calendar{grid-template-columns:1fr}.mobile .hero-art{min-height:160px;grid-row:1}.mobile .hero-copy{padding:20px}.mobile .panel{width:auto!important;height:auto!important;min-height:unset!important;padding:18px}.mobile .heading{display:block}.mobile .bottom-nav{display:flex;position:sticky;bottom:0;background:var(--panel);border-top:1px solid var(--line);justify-content:space-around;padding:10px 4px;z-index:10}.bottom-nav{display:none}.mobile .bottom-nav button{font-size:11px;border:0;padding:12px}.mobile .heat-row{grid-template-columns:80px repeat(8,25px)}.mobile .stats{gap:18px}.mobile .panel-tools{display:none}.mobile .artist-art{height:190px}.mobile .toolbar{position:relative}.mobile[data-nav=top] .bottom-nav{top:0;bottom:auto}.mobile[data-nav=compact] .bottom-nav{border-radius:30px;margin:8px;box-shadow:0 8px 25px #0005}.floating-report{position:fixed;bottom:24px;right:300px;z-index:6;border-radius:30px;box-shadow:0 6px 30px #0005}.footer-note{margin-top:22px;color:var(--muted);font-size:10px}.check-row{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:12px}.check-row label{margin:0}dialog{background:#1b2025;color:#f3f0e8;border:1px solid #59616a;border-radius:16px;width:640px;max-width:92vw;padding:28px;max-height:90vh;overflow:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}dialog .close{float:right}dialog label{color:#b7bec5}dialog input,dialog select{width:100%;background:#12171b}dialog .grid{gap:14px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#eee;color:#222;padding:12px 22px;border-radius:9px;display:none;box-shadow:0 4px 30px #0006}.surprise{padding:30px;text-align:center;background:radial-gradient(circle at 50% 0,#6d3f66,#1b2025 70%)}.surprise h2{font-size:44px;color:#f4c37d}.confetti{font-size:55px;animation:pop .9s ease-in-out infinite alternate}.no-motion *{animation:none!important;transition:none!important}@keyframes pop{to{transform:scale(1.1) rotate(5deg)}}.outfit-art{height:160px;font-size:95px;text-align:center;background:var(--panel2);border-radius:10px;margin-bottom:20px}.checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.storage-status{font-size:10px;color:#a9b8ac}.muted-button{background:transparent}.rating-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0}.rating-row input{width:140px}.disabled-panel{opacity:.45}.disabled-panel .panel-body{pointer-events:none}.panel[draggable=true]{resize:both}.mobile .panel[draggable=true]{resize:none}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 235px}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.app{grid-template-columns:150px minmax(0,1fr)}.content{padding:22px}.hero{grid-template-columns:1fr}.hero-art{display:none}.floating-report{right:255px}}@media(max-width:760px){.workspace{display:block}.inspector{position:relative;max-height:none}.app{display:block}.nav{display:none}.grid,.grid.three{grid-template-columns:1fr}.content{padding:18px}.app-header{padding:14px}.studio-bar{padding:10px}.floating-report{right:15px}.bottom-nav{display:flex;position:sticky;bottom:0;background:var(--panel);justify-content:space-around;padding:10px;z-index:4}.heading{display:block}.hero-art{display:block}.calendar{grid-template-columns:1fr}h1{font-size:32px}}