.page-content{position:relative;min-width:0;max-width:100%;padding:32px;box-sizing:border-box;overflow-x:hidden}.edit-page{padding-top:40px}.edit-page>.segment-debug-badge{top:8px;left:32px}.edit-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;min-width:0}.back-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:8px;background:var(--color-surface);border:1px solid rgba(255,255,255,.15);color:var(--color-text);touch-action:manipulation}.back-btn:hover{background:var(--color-secondary)}.edit-title-input{flex:1;min-width:0;height:40px;padding:0 4px;border:0;background:transparent;color:var(--color-text);font-size:24px;font-weight:550;letter-spacing:var(--letter-spacing-tight);line-height:1.2;overflow:hidden;text-overflow:ellipsis}.edit-title-input:focus{outline:none;box-shadow:none}.edit-title-input:focus-visible{box-shadow:var(--focus-ring);border-radius:8px}.edit-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.edit-btn{display:inline-flex;align-items:center;justify-content:center;width:120px;height:37px;padding:8px 16px;border:0;border-radius:8px;font-size:14px;font-weight:500;line-height:1;color:#fff;text-decoration:none;touch-action:manipulation;box-sizing:border-box}.edit-btn--save{background:#22c55e}.edit-btn--save:hover:not(:disabled){background:#16a34a}.edit-btn--cancel{background:#ef4444}.edit-btn--cancel:hover{background:#dc2626}.edit-btn:disabled{opacity:.5;cursor:not-allowed}.edit-meta{margin:0 0 24px;font-size:12px;color:var(--color-text-secondary)}.speakers-editor-container,.segments-editor-container{background:var(--color-surface);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;margin-bottom:24px;min-width:0}.speakers-editor-container h3,.segments-editor-container h3{margin:0;font-size:18px;font-weight:550;color:var(--color-text)}.speakers-hint{margin:8px 0 16px;font-size:14px;color:var(--color-text-secondary)}.speakers-list{display:flex;flex-wrap:wrap;gap:16px}.speaker-item{display:flex;flex-direction:column;gap:6px;width:205px;height:157px;padding:8px;border-radius:8px;border:1px solid;box-sizing:border-box;overflow:hidden}.speaker-item-head{display:flex;align-items:center;gap:6px;min-width:0}.speaker-item-head .form-control{flex:1;min-width:0}.speaker-count{flex-shrink:0;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ffffff1a;color:var(--color-text);font-size:12px;font-weight:600;line-height:22px;text-align:center}.form-control{width:100%;padding:8px 32px 8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:var(--color-background);color:var(--color-text);font-size:13px;line-height:1.3;box-sizing:border-box}.speaker-item .form-control{padding:4px 8px;font-size:12px;height:28px}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%23a8aeb5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.speaker-item select.form-control{padding-right:24px;background-position:right 6px center}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:none}.enroll-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;width:100%;height:28px;padding:4px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--color-text);font-size:12px;font-weight:500;touch-action:manipulation}.enroll-btn:hover{background:var(--color-secondary)}.segments-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.add-segment-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--color-text);font-size:14px;font-weight:500;white-space:nowrap;touch-action:manipulation}.add-segment-btn:hover{background:var(--color-secondary)}.segments-list{display:flex;flex-direction:column;gap:12px}.segment-row{padding:16px;border-radius:8px;border:1px solid;box-sizing:border-box;min-width:0}.segment-row-fields{display:flex;align-items:center;gap:8px;margin-bottom:8px;min-width:0}.segment-speaker{width:160px;flex:0 1 160px;padding-right:12px}.segment-time{width:96px;flex:0 0 96px;padding-right:8px}.segment-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.seg-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--color-text);font-size:12px;font-weight:500;touch-action:manipulation}.seg-btn:hover:not(:disabled){background:var(--color-secondary)}.seg-btn:disabled{opacity:.45;cursor:not-allowed}.seg-btn--danger{color:#ef4444;border-color:#ef4444}.seg-btn--danger:hover:not(:disabled){background:#ef44441f}.segment-text{display:block;width:100%;min-height:88px;padding:12px;border:0;border-radius:8px;background:#3b3b3b;color:var(--color-text);font-size:14px;line-height:1.5;resize:vertical;box-sizing:border-box}.segment-text:focus{outline:none;box-shadow:var(--focus-ring)}input[type=number].segment-time::-webkit-outer-spin-button,input[type=number].segment-time::-webkit-inner-spin-button{opacity:1}@media(max-width:768px){.page-content{padding:36px 16px 16px}.edit-page>.segment-debug-badge{left:16px;top:6px}.edit-header{flex-wrap:wrap}.edit-title-input{font-size:18px;flex:1 1 calc(100% - 52px)}.edit-actions{width:100%}.edit-btn{flex:1;width:auto}.speakers-editor-container,.segments-editor-container{padding:16px}.speakers-list{flex-direction:column}.speaker-item{width:100%;height:auto;min-height:157px}.segments-head{flex-direction:column;align-items:stretch}.add-segment-btn{width:100%}.segment-row-fields{flex-wrap:wrap}.segment-speaker,.segment-time{width:100%;flex:1 1 100%}.segment-actions{width:100%;margin-left:0;justify-content:flex-start;flex-wrap:wrap}}html[data-theme=light] .back-btn,html[data-theme=light] .form-control,html[data-theme=light] .enroll-btn,html[data-theme=light] .add-segment-btn,html[data-theme=light] .seg-btn{border-color:var(--color-border)}html[data-theme=light] .speakers-editor-container,html[data-theme=light] .segments-editor-container{border-color:var(--color-card-border)}html[data-theme=light] .segment-text{background:#e8e8e8;color:var(--color-text)}html[data-theme=light] .speaker-count{background:#00000014}