/* V003: one paper layout shared by gallery, live preview and export. */
.doc-mini>.career-sheet{transform:scale(.3333333);transform-origin:top left;pointer-events:none}
.career-sheet{--paper:#f4f3ee;--ink:#203226;--accent:#587144;--muted:#61715d;background:var(--paper)!important;color:var(--ink);display:flex;flex-direction:column;padding:30px 30px 48px;border:0!important;border-top:9px solid var(--accent)!important;box-sizing:border-box;width:540px;height:960px;overflow:hidden;position:relative;font-family:Roboto,Arial,sans-serif}
.career-sheet>header{height:auto!important;min-height:90px;flex:none;padding:0 0 14px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--accent)!important;position:relative;color:var(--ink)}
.career-sheet>header h2{font-family:var(--title-font,Roboto),Arial,sans-serif!important;font-size:29px;line-height:1.25;letter-spacing:0!important;text-transform:none!important;margin:0 0 9px;max-width:100%;color:var(--ink);font-weight:700}
.career-sheet>header p{color:var(--muted);margin:0;max-width:100%;font-size:14px;line-height:1.5}
.career-sheet:has(header img)>header{min-height:100px}.career-sheet:has(header img)>header :is(h2,p){max-width:350px}
.career-sheet>header img{height:86px;width:72px;border-radius:var(--photo-radius,6px);border:2px solid var(--accent);object-fit:cover}
.career-sheet>.career-content{height:auto;flex:1;min-height:0;overflow:hidden;padding-top:10px}.career-content h3{color:var(--accent);border-color:var(--accent);font-size:14px;line-height:1.45;margin:12px 0 7px;letter-spacing:1px}.career-content h4{color:var(--ink);font-size:15px;line-height:1.45;margin:8px 0 5px}.career-content p{color:var(--ink);font-size:15px;line-height:1.6}.career-content a{color:var(--accent)}
.career-sheet>footer{color:var(--muted);border-color:var(--accent);bottom:15px;left:30px;right:30px}
.career-sheet[data-template=epk-01]{--paper:#101d30;--ink:#f6eee1;--accent:#ddbd7d;--muted:#b8c4d1;--title-font:Georgia}
.career-sheet[data-template=epk-02]{--paper:#f1e8d7;--ink:#293e55;--accent:#ad4930;--muted:#775948}
.career-sheet[data-template=epk-03]{--paper:#181415;--ink:#f3eadd;--accent:#f29b64;--muted:#c8b7a8}
.career-sheet[data-template=epk-04]{--paper:#111827;--ink:#e3e8f2;--accent:#dec590;--muted:#b8c5df}
.career-sheet[data-template=epk-05]{--paper:#efe3d6;--ink:#503b2e;--accent:#855a36;--muted:#78624d;--title-font:Georgia;--photo-radius:50%}
.career-sheet[data-template=epk-06]{--paper:#dce5ea;--ink:#203b56;--accent:#346178;--muted:#526b78}
.career-sheet[data-template=epk-07]{--paper:#ede7db;--ink:#532a35;--accent:#913f4b;--muted:#815e64}
.career-sheet[data-template=epk-08]{--paper:#f8f4ea;--ink:#293b35;--accent:#876635;--muted:#697368;--title-font:Georgia}
.career-sheet[data-template=epk-09]{--paper:#e8e1d6;--ink:#25394f;--accent:#775d38;--muted:#6a6f72}
.career-sheet[data-template=epk-10]{--paper:#e8ddc9;--ink:#613d31;--accent:#a23c30;--muted:#806858}
.career-sheet[data-template=cv-02]{--paper:#f2f4f5;--ink:#203b56;--accent:#466d88;--muted:#557186}
.career-sheet[data-template=cv-03]{--paper:#f4ede4;--ink:#663b36;--accent:#98654c;--muted:#856b5c}
.career-sheet[data-template=cv-04]{--paper:#f1f4f7;--ink:#283b50;--accent:#50738b;--muted:#60798a}
.career-sheet[data-template=cv-05]{--paper:#f7f2e8;--ink:#443e35;--accent:#826333;--muted:#80715b;--title-font:Georgia}
.career-sheet[data-template=cv-06]{--paper:#e9eeeb;--ink:#285248;--accent:#3d7466;--muted:#5f7c71}
.career-sheet[data-template=cv-07]{--paper:#eee7df;--ink:#563749;--accent:#8b5c77;--muted:#806b7a}
.career-sheet[data-template=cv-08]{--paper:#e6edf3;--ink:#24435e;--accent:#4d718b;--muted:#617c91}
.career-sheet[data-template=cv-09]{--paper:#f4eee3;--ink:#623e24;--accent:#946132;--muted:#8a735d;--photo-radius:50%}
.career-sheet[data-template=cv-10]{--paper:#eeeaf1;--ink:#4a3959;--accent:#79638c;--muted:#7d7187}
.career-work-output{position:relative;margin:8px 0;padding:10px 12px!important;background:#101b23;border:1px solid var(--platform-color,#a8b784);border-left:4px solid var(--platform-color,#a8b784);border-radius:9px;overflow-wrap:anywhere;break-inside:avoid;min-height:46px}
.career-work-output :is(h4,p){color:#edf2ed!important;margin:0 0 5px}.career-work-output h4{font-size:16px}.career-work-output p{font-size:12px;line-height:1.45}.career-work-output a{font-size:12px;color:var(--platform-color,#c5cb8d);margin:0}.career-work-output>img{float:left;width:36px;height:36px;margin:0 9px 5px 0;border-radius:50%;object-fit:cover}.career-platform-title{border-color:var(--platform-color)!important}
.career-top-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin:12px 0}.career-top-tools label{flex:1;display:grid;gap:6px;min-width:140px}.career-editor select{max-width:100%;min-height:44px;background:#101d16;color:#eef2e5;border:1px solid #64704f;border-radius:9px;padding:8px;font-size:16px}
.career-item-card{margin:12px 0;padding:12px;border:1px solid #4e6043;border-radius:12px;background:#0e1a13}.career-item-card>summary{min-height:44px;padding:10px 0;cursor:pointer;font-weight:600;overflow-wrap:anywhere}.career-item-card:not([open]){padding-block:0}
.career-editor button{min-height:44px;min-width:44px;cursor:pointer}.career-editor input[type=checkbox]{width:22px;height:22px;accent-color:#d7b764;flex:none}.career-visibility{display:flex;align-items:center;gap:8px;min-height:44px;margin:0 0 12px;color:#c4d2b8;font-size:14px}
.career-platform-group{border:1px solid var(--platform-color);border-radius:13px;padding:10px;margin:14px 0;min-width:0;background:linear-gradient(130deg,#17261ed9,#0a120fe8)}.career-platform-group>header{display:flex;gap:12px;justify-content:space-between;align-items:center}.career-platform-group>header h3{font-size:17px;margin:8px 0;color:var(--platform-color)}.career-group-actions summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#d1d9bf}.career-work{margin:8px 0;border-color:var(--platform-color);border-radius:10px;min-width:0}.career-work>summary{display:flex;align-items:center;gap:10px;padding:6px;min-height:56px;cursor:pointer}.career-work-title{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:600}.career-drag-handle{touch-action:none;flex:none;font-size:24px;padding:0!important;width:44px;background:#18251c!important;color:#d8c58b!important;border-radius:8px;user-select:none;-webkit-touch-callout:none}.career-work.is-dragging{outline:2px solid #f3d389;box-shadow:0 0 18px #dabb6970;opacity:.75}.career-work>.doc-field{margin:12px 8px}.career-item-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.career-manual-row{padding:12px}.career-ghost,.career-file-tools{margin:12px 0;border:1px solid #536046;border-radius:11px;padding:8px}.career-ghost>summary,.career-file-tools>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.career-catalog-tools{gap:8px!important}.career-catalog-tools>input{min-width:120px;flex:1}.career-thumbbar{display:none}.career-editor .career-save{font-size:13px;min-height:20px}.career-editor .career-form>details>summary{min-height:52px}
@media(max-width:900px){.career-grid{grid-template-columns:1fr}.career-editor .career-preview{display:none}.career-editor.career-show-preview .career-preview{display:block;border:0}.career-editor.career-show-preview .career-form{display:none}.career-thumbbar{display:flex;justify-content:space-between;gap:10px;position:sticky;bottom:-15px;margin:15px -6px -14px;padding:10px 6px calc(10px + env(safe-area-inset-bottom));z-index:5;background:linear-gradient(#203020f0,#0a160ffb);border-top:1px solid #78805a;backdrop-filter:blur(14px)}.career-thumbbar>button{flex:1;max-width:180px;min-height:48px;font-weight:600}.career-editor{max-height:96svh;scroll-padding-bottom:100px;overscroll-behavior:contain}.career-editor :is(input,textarea,button,summary){scroll-margin-block:70px 110px}.career-preview-scroll{max-height:70svh}.career-editor .dialog-top h2{font-size:20px}.career-editor .career-form>details{padding:8px}.career-top-tools{gap:6px}}
.mcv-thumbbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:55;justify-content:space-between;gap:10px;padding:9px max(14px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom));background:linear-gradient(#263422f0,#0b170efb);backdrop-filter:blur(14px);border-top:1px solid #8c855c}.mcv-thumbbar button{min-height:48px;min-width:64px;max-width:220px;flex:1;background:linear-gradient(150deg,#35442b,#152318);border:1px solid #8c956c;color:#edf1dd;border-radius:12px;padding:8px;font-size:14px;font-weight:600;box-shadow:inset 0 1px #e3efb12b,0 2px 5px #0006}.mcv-thumbbar[hidden]{display:none}body.has-thumbbar{padding-bottom:90px}.mcv-thumbbar button:active{background:#817b39;color:#fff9d5;box-shadow:inset 0 -9px 18px #e5bd5355}
@media(min-width:1000px){.mcv-thumbbar{left:50%;right:auto;width:min(560px,90vw);transform:translateX(-50%);border:1px solid #7d8255;border-bottom:0;border-radius:15px 15px 0 0}}
@media(prefers-reduced-motion:reduce){.career-editor *{scroll-behavior:auto!important}}
.arrange-dialog{width:min(94vw,820px);max-width:820px;max-height:94svh;overflow:auto;padding:22px;background:linear-gradient(135deg,#17271c,#08130d);color:#e9efda;border:1px solid #8a9466;border-radius:18px;scroll-padding-block:20px 100px}.arrange-dialog::backdrop{background:#020906d9;backdrop-filter:blur(7px)}.arrange-dialog h2{font-size:24px;line-height:1.4}.arrange-dialog h3{font-size:17px;margin:20px 0 12px}.arrange-dialog label{display:grid;gap:8px;margin:12px 0;font-size:15px}.arrange-dialog label:has(input[type=checkbox]){display:flex;align-items:center}.arrange-dialog :is(select,input[type=number],input:not([type])){min-height:46px;background:#0a170e;color:#edf0dc;border:1px solid #6a7951;border-radius:9px;padding:9px;font-size:16px;max-width:100%;box-sizing:border-box}.arrange-dialog button{min-height:46px;min-width:46px;border-radius:11px;padding:10px 15px;border:1px solid #727d52;background:linear-gradient(140deg,#35472e,#14231a);color:#e6eccf;font-size:15px;font-weight:600;cursor:pointer}.arrange-dialog button[aria-pressed=true]{background:linear-gradient(#d8c57b,#8b9451);color:#101e12;box-shadow:inset 0 -8px 16px #e2cd6040}.arrange-dialog button:disabled{opacity:.5}.arrange-mode,.arrange-candidates,.arrange-transport{display:flex;flex-wrap:wrap;gap:10px}.arrange-candidates>button{flex:1;min-width:120px}.arrange-knob-bank{display:flex;justify-content:center;margin:14px 0 0}.arrange-dialog #arr-richness-text{display:block;text-align:center;margin-bottom:16px;color:#ead188;font-weight:600}.arrange-pro{display:none}.arrange-dialog.is-pro .arrange-pro{display:block}.arrange-dialog details{padding:12px;border:1px solid #425437;border-radius:12px;margin:12px 0}.arrange-dialog summary{min-height:44px;cursor:pointer;align-content:center}.arrange-section{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid #44563b;background:#111f15;border-radius:12px;padding:10px;margin:10px 0}.arrange-section>span{flex:1;min-width:150px;font-size:14px}.arrange-boundary{display:flex;gap:8px;margin:12px 0}.arrange-boundary>input{min-width:0;width:50%}.arrange-dialog #arr-status{line-height:1.6;color:#d3dab9;font-size:14px}.arrange-dialog #arr-generate,.arrange-dialog #arr-accept{width:100%;margin:14px 0}.arrange-dialog #arr-comparison{position:sticky;bottom:0;background:#132018ed;padding:10px;border:1px solid #69724d;border-radius:12px;z-index:3;justify-content:space-between}.arrange-dialog #arr-comparison>button{flex:1;padding:10px 8px}
@media(max-width:600px){.arrange-dialog{padding:14px;width:96vw}.arrange-dialog h2{font-size:21px}.arrange-section>span{flex-basis:100%}.arrange-section>button:last-child{flex:1}.arrange-dialog #arr-comparison{gap:6px}.arrange-dialog #arr-comparison>button{font-size:13px;min-width:36px}}
#arr-model{display:block;width:100%;height:220px;background:#0a140f;border:1px solid #526044;border-radius:10px}.rhythm-grouping-label{display:grid;gap:10px;margin:14px 0}.rhythm-grouping-label select{min-height:46px;font-size:16px;background:#112019;color:#e3ead5;border:1px solid #728158;border-radius:10px}

/* The arrangement dialog lives outside the Studio shell. */
.arrange-dialog .console-knob{text-align:center;min-width:0;display:flex;align-items:center;flex-direction:column;gap:7px}.arrange-dialog .knob-label{height:25px;font:9px Orbitron,sans-serif;letter-spacing:.06em;color:#9eae87;display:flex;align-items:center;justify-content:center}.arrange-dialog .console-knob output{min-width:58px;font:12px Roboto,sans-serif;color:#c4d78e;background:#081009;border:1px solid #344529;border-radius:3px;padding:4px 5px;box-shadow:inset 0 1px 4px #000b}
.arrange-dialog .console-dial{position:relative;width:82px;height:82px;border-radius:50%;touch-action:none;cursor:ns-resize;user-select:none;outline-offset:5px}
.arrange-dialog .dial-scale{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -135deg,#809363 0deg 1deg,transparent 1deg 15deg);mask:radial-gradient(circle,transparent 65%,#000 66%,#000 69%,transparent 70%)}
.arrange-dialog .dial-rim{position:absolute;inset:7px;border-radius:50%;background:conic-gradient(from 30deg,#707b63,#171f17 17%,#45503f 32%,#879576 47%,#202a1d 64%,#788568 85%,#454f3a);box-shadow:0 5px 7px #000b,0 0 0 1px #050905,inset 0 1px 1px #a8b08d88}
.arrange-dialog .dial-face{position:absolute;inset:4px;border-radius:50%;background:radial-gradient(ellipse at 35% 22%,#4b5840,#2c3829 36%,#1a261c 74%,#111b13);box-shadow:inset 0 1px 2px #b4c79544,inset 0 -3px 5px #000b;transform:rotate(var(--angle));transition:transform .03s}
.arrange-dialog .dial-pointer{position:absolute;left:calc(50% - 2px);top:6px;width:4px;height:17px;border-radius:2px;background:linear-gradient(90deg,#344d28,#708654,#344d28);box-shadow:inset 0 1px 2px #0008;transition:background .1s,box-shadow .1s}
.arrange-dialog .console-dial:is(.turning,.adjusting,:focus-visible) .dial-pointer,.arrange-dialog:has(button.is-playing,.piano-key.is-down) .dial-pointer{background:linear-gradient(90deg,#88c84c,#edffac,#a4e65e);box-shadow:0 0 3px #e5ff9d,0 0 10px #a8ef62aa}.arrange-dialog .console-dial:focus-visible{outline:1px solid #b9ce72}