/* V002: compact working surfaces. */
[hidden]{display:none!important}
.studio-breadcrumb #hub-output{display:none!important}
#module-content .studio-shell .studio-breadcrumb{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 12px!important}
#studio-path{flex:1;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.studio-breadcrumb .hub-guide{display:none}
#module-content .studio-shell .matrix-inline{display:block!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:clip!important;width:100%;max-width:100%}
#module-content .studio-shell .matrix-text{display:inline-block;white-space:nowrap;max-width:none;overflow:visible;text-overflow:clip}
@keyframes matrix-scroll{0%,12%{transform:translateX(0)}88%,100%{transform:translateX(var(--matrix-shift))}}
@media(prefers-reduced-motion:reduce){#module-content .studio-shell .matrix-inline{height:auto!important;max-height:none!important;white-space:normal!important}.matrix-text{white-space:normal!important;animation:none!important}}
.piano-session{border:1px solid #566948;border-radius:12px;overflow:hidden;background:#07110b}.piano-live-roll{display:block;width:100%;height:clamp(110px,25svh,230px);border-bottom:1px solid #6c8051}
#module-content .studio-shell .piano-divider{display:flex;align-items:center;gap:7px;padding:4px 8px;border-bottom:1px solid #6c8051;min-height:38px}
#module-content .studio-shell .piano-divider button{flex:none;min-width:36px;width:36px;min-height:32px;height:32px;padding:0;border-radius:7px;font-size:17px;line-height:1}
#module-content .studio-shell .piano-divider button:after{display:none}.mini-rec{color:#fa514c!important}.mini-rec.is-playing{background:#612424!important;box-shadow:0 0 9px #e34444!important}
.piano-divider .console-lcd{padding:2px 6px;font-size:12px;min-width:105px}.piano-divider .piano-ready{font-size:12px;line-height:1.2;min-width:0}
#module-content .studio-shell .piano-keyboard-scroll{margin:0;padding:6px;border:0;border-radius:0}
#module-content .studio-shell .keyboard-dials{display:flex;gap:16px;margin:3px 0 7px}.keyboard-dials .console-knob{margin:0}
.piano-rotate{position:fixed;inset:0;z-index:1000;background:#07110bbd;backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;padding:24px}
.rotate-icon{font:60px/1 monospace;color:#d2e28d}.rotate-matrix{font:700 18px/1.6 monospace;color:#d4e99b;text-shadow:0 0 10px #8db43b;animation:rotate-glow 2s infinite alternate}@keyframes rotate-glow{to{text-shadow:0 0 20px #a6ca4a}}
.audio-source-row{display:flex!important;gap:8px!important;align-items:center;flex-wrap:wrap}
#module-content .studio-shell .audio-source-row>*{min-height:40px!important;flex:1;margin:0!important;font-size:13px!important}
#module-content .studio-shell .audio-source-row .audio-file-label{padding:10px!important}
#module-content .studio-shell .audio-transport{display:flex!important;gap:8px!important;align-items:center;margin:10px 0!important}
#module-content .studio-shell .audio-transport button{flex:0 0 48px;min-width:48px;min-height:38px!important;padding:5px!important;white-space:nowrap;word-break:normal;overflow-wrap:normal;font-size:15px!important}
#module-content .studio-shell .audio-console{padding:12px!important}#module-content .studio-shell .studio-section-head{gap:8px;margin:0 0 10px}.studio-section-head h2{font-size:18px!important}.studio-section-head button{min-height:34px!important;padding:5px 12px!important}
#audio-status{font:13px/1.4 Roboto,Arial,sans-serif;margin:5px 0;overflow-wrap:anywhere}
#module-content .studio-shell .eq-bank{max-width:100%;gap:0!important;scrollbar-width:auto;scrollbar-color:#97ad65 #102015;border:1px solid #41563a;border-radius:10px;overscroll-behavior-x:contain}
#module-content .studio-shell .eq-band{flex:1 0 30px;min-width:30px;gap:5px}#module-content .studio-shell .eq-band input{height:110px!important;width:28px!important;max-width:28px!important}#module-content .studio-shell .eq-band span{order:-1;font-size:10px;white-space:nowrap}.eq-scroll-hint{font-size:12px;color:#dce6b9}
#module-content .studio-shell .audio-console>.subtle{margin:5px 0}
@media(max-width:900px){body.is-workspace .topbar{position:absolute!important;top:7px;right:14px;left:auto!important;height:30px!important;width:30px!important;min-height:0!important;padding:0!important;border:0!important;background:none!important;z-index:5}body.is-workspace .topbar .brand{padding:0!important}body.is-workspace .topbar .brand img{height:26px!important;width:26px!important}body.is-workspace .topbar .wordmark{display:none!important}body.is-workspace #workspace{padding-top:0!important}body.is-workspace .workspace-top{padding-right:40px!important;margin-bottom:6px!important}body.is-workspace #main{padding-top:6px!important}}
@media(orientation:landscape) and (max-height:600px){body.piano-landscape{overflow:hidden}body.piano-landscape :is(.topbar,.workspace-top,.module-intro,.studio-breadcrumb,.console-project-actions,.recommend,.footer,.console-allowance){display:none!important}body.piano-landscape :is(main,#workspace,#module-content,.studio-shell,#studio-tool,.studio-workbench){margin:0!important;padding:0!important;width:100%!important;max-width:none!important;border:0!important;border-radius:0!important}body.piano-landscape .keyboard-dials{position:absolute;right:9px;top:3px;z-index:2;height:32px;gap:8px!important}body.piano-landscape .keyboard-dials .console-knob{transform:scale(.4);transform-origin:top right;width:65px;height:34px}body.piano-landscape .piano-live-roll{height:43svh}body.piano-landscape .piano-keyboard-scroll{height:calc(57svh - 42px);overflow:hidden}body.piano-landscape .piano-keyboard{width:100%!important;min-width:0!important;height:100%!important}body.piano-landscape .piano-key{height:100%!important}body.piano-landscape .piano-key.black-key{height:65%!important}body.piano-landscape .piano-note{font-size:10px!important}body.piano-landscape .piano-key small{font-size:9px!important}body.piano-landscape .piano-session{height:100svh;border-radius:0}body.piano-landscape .piano-divider{height:38px;min-height:38px!important}body.piano-landscape .piano-ready{max-width:55vw}}
.career-editor{width:min(1380px,96vw);max-width:1380px;max-height:94svh;background:#0b180f;color:#dae6ce;padding:22px;overflow:auto;border:1px solid #72874e;border-radius:16px}.career-editor::backdrop{background:#020704dd;backdrop-filter:blur(7px)}.career-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(280px,1fr);gap:24px;align-items:start}.career-form{min-width:0}.career-form>details{padding:12px 0;border-bottom:1px solid #405336}.career-form summary{cursor:pointer;font-weight:600;font-size:15px;line-height:1.5;padding:8px 0}.career-form .doc-field{display:grid;gap:7px;margin:13px 0;position:static!important}.career-form :is(input,textarea,select){font:15px/1.6 Roboto,Arial,sans-serif;max-width:100%;min-width:0;border:1px solid #526f42;background:#071109;color:#e5ecd9;border-radius:7px;padding:9px;box-sizing:border-box}.career-form input:not([type=checkbox]){width:100%}.career-form textarea{width:100%;min-height:95px;max-height:480px;resize:vertical}.career-form input[type=checkbox]{width:20px;height:20px;accent-color:#b3cd71;vertical-align:middle}.career-form button{font:600 13px/1.5 Roboto,Arial,sans-serif;min-height:38px;border:1px solid #627b47;border-radius:7px;background:linear-gradient(#24351b,#101d12);color:#dce9c9;padding:8px 12px;cursor:pointer}.career-form button:disabled{opacity:.4;cursor:default}.career-form fieldset{margin:14px 0;padding:12px;border:1px solid #405636;border-radius:10px}.career-item-actions,.career-catalog-tools{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.career-item-actions button:first-child,.career-item-actions button:nth-child(2){min-width:38px}.career-save{font:13px/1.6 Roboto,Arial,sans-serif;color:#b8ce9d;min-height:22px}.career-preview{position:sticky;top:8px;min-width:0}.career-preview-scroll{overflow:auto;max-height:77svh;padding:8px;background:#020704;border:1px solid #30462b;border-radius:8px}.career-preview-scale{margin:auto}.career-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:9px}.career-pagination button{min-width:40px;min-height:36px;color:#e6edda;background:#22351a;border:1px solid #6b8151;border-radius:8px}.career-export{padding:18px 0;display:flex;gap:10px;flex-wrap:wrap}.career-export>.doc-field,.career-export>p,.career-export>#career-download{width:100%}.career-work{border:1px solid #3c5131;border-radius:7px;padding:8px;margin:8px 0}.career-work summary{overflow-wrap:anywhere}.career-work-output{break-inside:avoid}.career-import-items{max-height:270px;overflow:auto;border:1px solid #4c6539;padding:10px;margin:10px 0}.career-import-items label{display:block;margin:10px 0;font-size:14px}.career-measure{position:fixed;left:-10000px;top:0;width:540px;z-index:-1;pointer-events:none}
.career-sheet{position:relative;width:540px;height:960px;box-sizing:border-box;background:linear-gradient(145deg,#fff,#f0f2eb);color:#1c2921;padding:28px 30px 36px;font:15px/1.6 Roboto,Arial,sans-serif;border-top:9px solid #5d7446;overflow:hidden;text-align:left;flex:none}.career-sheet>header{height:125px;box-sizing:border-box;border-bottom:1px solid #abb79b;padding-bottom:12px;position:relative}.career-sheet>header small{font-size:11px;letter-spacing:2px;color:#596c4a}.career-sheet>header h2{font:700 26px/1.25 Roboto,Arial,sans-serif;margin:8px 0 6px;max-width:370px;overflow-wrap:anywhere}.career-sheet>header p{font:14px/1.4 Roboto,Arial,sans-serif;margin:0;max-width:370px}.career-sheet>header img{position:absolute;right:0;top:0;width:68px;height:85px;object-fit:cover;border-radius:5px}.career-sheet:has(header img)>header :is(h2,p){max-width:350px}.career-content{height:750px;overflow:hidden;padding-top:13px;box-sizing:border-box}.career-content h3{font:700 14px/1.5 Roboto,Arial,sans-serif;letter-spacing:1px;border-bottom:1px solid #c5cfba;color:#405735;padding-bottom:4px;margin:12px 0 8px;overflow-wrap:anywhere}.career-content h4{font:700 15px/1.5 Roboto,Arial,sans-serif;margin:9px 0 5px;overflow-wrap:anywhere}.career-content p{font:15px/1.6 Roboto,Arial,sans-serif;margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere;color:#233226}.career-content a{display:block;font:12px/1.5 Roboto,Arial,sans-serif;margin-bottom:4px;color:#385a40;text-decoration:underline;overflow-wrap:anywhere}.career-sheet>footer{position:absolute;bottom:15px;left:30px;right:30px;font:11px/1.5 Roboto,Arial,sans-serif;color:#5d6e53;display:flex;justify-content:space-between;gap:16px;border-top:1px solid #b8c5a8;padding-top:6px;overflow-wrap:anywhere}.career-sheet[data-template$='02'],.career-sheet[data-template$='07']{background:#fffaf0;border-color:#a18550}.career-sheet[data-template$='04'],.career-sheet[data-template$='08']{background:#f1f4f7;border-color:#4b657b}.career-sheet[data-template$='03'],.career-sheet[data-template$='09']{background:#faf2ef;border-color:#955f4d}.career-sheet[data-template$='05'],.career-sheet[data-template$='10']{background:#f8f6ef;border-color:#7c7858}
@media(max-width:800px){.career-editor{padding:14px;width:96vw}.career-grid{grid-template-columns:1fr}.career-preview{position:static}.career-preview-scroll{max-height:75svh}.career-editor .dialog-top h2{font-size:20px}.career-preview{border-top:1px solid #3c5131}}

.piano-key{touch-action:none!important}.piano-divider .piano-ready{overflow:hidden;white-space:nowrap}.career-editor .career-content p{display:block!important}
#module-content .studio-shell .piano-divider button:before{display:none!important}
.career-sheet[data-template='epk-01']{border-top-width:16px}.career-sheet[data-template='epk-01']>header h2{font-family:Orbitron,sans-serif}
.career-sheet[data-template='epk-02']>header{border-bottom:3px double #978061}.career-sheet[data-template='epk-03']>header{background:#f0e5dc;padding:10px}
.career-sheet[data-template='epk-04']>header h2{letter-spacing:2px}.career-sheet[data-template='epk-05']{border-top:3px solid #82794a}
.career-sheet[data-template='epk-06']{border-left:10px solid #506a55}.career-sheet[data-template='epk-07']>header h2{text-transform:uppercase}
.career-sheet[data-template='epk-08']>header h2{font-family:Georgia,serif}.career-sheet[data-template='epk-09']>header{border-left:6px solid #a46f56;padding-left:12px}.career-sheet[data-template='epk-10']>header small{letter-spacing:4px}
.career-sheet[data-template='cv-01']{border-top:3px solid #526541}.career-sheet[data-template='cv-02']{border-left:7px solid #aa8d56}.career-sheet[data-template='cv-03']>header{border-bottom:4px solid #955f4d}.career-sheet[data-template='cv-04'] .career-content h3{letter-spacing:2px}.career-sheet[data-template='cv-05']>header h2{font-family:Georgia,serif}.career-sheet[data-template='cv-06']>header h2{font-weight:500}.career-sheet[data-template='cv-07']>header{border-left:5px solid #a18550;padding-left:12px}.career-sheet[data-template='cv-08']>header{background:#e5ebf0;padding:10px}.career-sheet[data-template='cv-09']{border-top-width:14px}.career-sheet[data-template='cv-10'] .career-content h3{border-bottom-style:dashed}
@media(orientation:landscape) and (max-height:600px){body.piano-landscape #module-content .studio-shell .studio-breadcrumb{display:none!important}body.piano-landscape #main{padding-top:0!important}body.piano-landscape .piano-session{position:fixed;inset:0;z-index:100;width:100vw;height:100svh}body.piano-landscape .keyboard-dials{position:fixed!important;right:8px;top:3px;z-index:110!important}body.piano-landscape .piano-keyboard-scroll{height:calc(57svh - 40px)}}
