#inkEditor{width:min(900px,calc(100vw - 32px));max-height:90dvh;overflow:auto;padding:24px;background:#141619;color:#eef1f4;border:1px solid #41454b;border-radius:6px}
#inkEditor::backdrop{background:#000a}
.ink-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.ink-header h2{font-size:20px;font-weight:450}
.ink-header{gap:16px}.ink-header .icon-button{flex:none}
#interviewerName{font-size:20px;font-weight:450;background:transparent;border:0;border-bottom:1px solid #40454b;border-radius:0;padding:8px 0;min-width:0;max-width:440px}
.interviewer-name{text-align:center;font-size:18px;font-weight:450;margin:8px 0 12px;overflow-wrap:anywhere}
.ink-tools{display:flex;gap:8px}.ink-tools button{width:40px;height:40px;display:grid;place-items:center;border-radius:4px;color:#a9b0b8}.ink-tools button[aria-pressed=true]{background:#343a42;color:white}
#inkCanvas{width:100%;aspect-ratio:2/1;display:block;touch-action:none;cursor:crosshair}
.ink-palette{display:flex;gap:12px;margin:16px 0 4px}.ink-palette button{position:relative;width:30px;height:30px;border-radius:50%;border:1px solid transparent;padding:6px;background:transparent}.ink-palette button:after{content:'';display:block;width:16px;height:16px;border-radius:50%;background:var(--ink-color);box-shadow:0 0 8px color-mix(in srgb,var(--ink-color) 35%,transparent)}.ink-palette button[aria-pressed=true]{border-color:var(--ink-color)}
.ink-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.ink-footer span{font-size:12px;color:#b8c2ce}
.moon-setup .moon-coach{position:relative}
.edit-interviewer{position:absolute;z-index:2;top:40px;right:10px;border:0!important}
.moon-setup .setup-layout{display:flex;flex-direction:column;align-items:center;gap:32px}
.moon-setup .moon-coach{order:-1;position:relative;width:min(480px,100%);padding:0;align-self:center;margin:0 auto}
.moon-setup .moon-coach .moon-stage{display:block;aspect-ratio:2/1}
.moon-setup #setupForm{width:min(640px,100%)}
.moon-setup .workspace-voice{max-width:290px;margin:0 auto}
.moon-setup .setup-heading{margin-bottom:6px}
.moon-setup .content{padding-top:28px}
.edit-interviewer{top:12px;right:16px}
.collection-interviewer{position:absolute;z-index:2;top:12px;right:60px;border:0!important}
#interviewerCollection{width:min(520px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:24px;background:#141619;color:#eef1f4;border:1px solid #41454b;border-radius:6px}
#interviewerCollection::backdrop{background:#000a}
.collection-save{display:flex;align-items:center;gap:12px}.collection-save input{flex:1;min-width:0;background:transparent;border:0;border-bottom:1px solid #41454b;border-radius:0;padding:12px 0}.collection-save button{flex:none}
.collection-status,.collection-empty{font-size:13px;color:#a9b0b8}.collection-status{min-height:20px;margin:8px 0}.collection-empty{padding:20px 0}
.collection-row{display:flex;align-items:center;border-top:1px solid #30353b;gap:8px}.collection-row>.icon-button{flex:none}
.collection-use{display:flex;align-items:center;text-align:left;gap:12px;flex:1;min-width:0;padding:12px 0;background:transparent;color:inherit}.collection-use:hover{background:#ffffff06}.collection-use canvas{width:100px;height:50px;flex:none}.collection-use span{min-width:0}.collection-use strong{display:block;font-size:15px;font-weight:500;overflow-wrap:anywhere}.collection-use small{display:block;font-size:12px;color:#a9b0b8;margin-top:4px;overflow-wrap:anywhere}
@media(max-width:760px){#inkEditor{padding:16px}#inkCanvas{min-height:0}.moon-setup .setup-layout{gap:26px}.moon-setup .workspace-voice{max-width:270px}}
