:root{color-scheme:dark;--bg:#090909;--panel:#141414;--panel-2:#1a1a1a;--line:#303030;--muted:#9b9b97;--text:#f6f5f1;--lime:#ffd42a;--lime-dark:#e6ba16;--red:#ff958a;--mono:'Cascadia Code',Consolas,monospace;--sans:'Inter','Segoe UI',Arial,sans-serif;--display:'Inter','Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--sans);min-width:360px}button,input{font:inherit}button{cursor:pointer;color:inherit}.app-shell{min-height:100vh}.topbar{height:66px;border-bottom:1px solid #262626;display:flex;align-items:center;padding:0 26px;gap:32px;background:#131313}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;min-width:210px}.brand-mark{width:30px;height:30px;border-radius:9px;background:#262626;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:8px}.brand-mark i{display:block;background:var(--lime);width:3px;border-radius:4px}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:9px}.brand b{font:700 16px var(--display);letter-spacing:-.6px}.brand small{display:block;color:var(--muted);font:9px var(--mono);letter-spacing:2.4px;margin-top:1px}.top-status{display:flex;align-items:center;gap:8px;font:11px var(--mono);color:#a5a5a5;flex:1}.live-dot,.foot-dot{width:7px;height:7px;background:var(--lime);display:inline-block;border-radius:50%;box-shadow:0 0 9px #ffd42a40}.top-divider{height:14px;width:1px;background:#3b3b3b;margin:0 4px}.top-actions{display:flex;gap:9px}.button{border:1px solid transparent;border-radius:8px;padding:9px 14px;background:transparent;font-size:12px;font-weight:600;transition:.15s}.button-quiet{border-color:var(--line);color:#c1c1c1}.button-quiet:hover,.icon-button:hover,.output-row button:hover{background:#262626}.button-primary{background:var(--lime);color:#181818}.button-primary:hover{background:#ffd42a}.button-outline{border-color:#4a4a4a;color:var(--lime);background:#222222}.button-outline:hover{background:#2a2a2a}.button-small{padding:7px 10px;font-size:11px}.play-icon{font-size:10px;margin-right:4px}.workspace{display:grid;grid-template-columns:248px minmax(520px,1fr) 300px;gap:14px;padding:15px 18px;max-width:1900px;margin:auto;align-items:start}.panel{background:var(--panel);border:1px solid #2a2a2a;border-radius:12px}.sidebar{min-height:calc(100vh - 96px);padding:17px 14px;display:flex;flex-direction:column}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.section-head h2{font:700 16px var(--display);margin:4px 0 0;letter-spacing:-.3px}.eyebrow{font:10px var(--mono);letter-spacing:1.2px;color:#919191;margin:0}.count-pill{font:11px var(--mono);color:var(--lime);border:1px solid #444444;background:#222222;padding:4px 7px;border-radius:6px}.dropzone{height:146px;border:1px dashed #484848;background:#1c1c1c;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;transition:.2s;margin-bottom:20px;text-align:center}.dropzone:hover,.dropzone.dragging{background:#262626;border-color:var(--lime)}.dropzone input{display:none}.upload-icon{font-size:21px;line-height:25px;color:var(--lime);font-weight:400}.dropzone strong{font:600 12px var(--display);margin:5px 0}.dropzone small{font:10px/1.55 var(--mono);color:#838383}.media-heading{display:flex;align-items:center;justify-content:space-between;color:#969696;font:10px var(--mono);letter-spacing:1px;padding-bottom:9px;border-bottom:1px solid #2a2a2a}.text-button{border:0;background:none;color:#959595;font:11px var(--sans);padding:3px}.text-button:hover{color:var(--lime)}.media-list{display:grid;gap:7px;padding-top:8px;max-height:calc(100vh - 430px);overflow:auto}.empty-small{font:11px var(--sans);color:#757575;text-align:center;padding:15px 7px}.media-item{display:flex;align-items:center;gap:9px;padding:8px;border-radius:8px;border:1px solid transparent;background:#1d1d1d;cursor:pointer;min-width:0}.media-item:hover,.media-item.active{border-color:#575757;background:#232323}.media-thumb{height:42px;width:54px;border-radius:5px;background:#2a2a2a;object-fit:cover;flex:0 0 auto}.media-meta{min-width:0;flex:1}.media-meta b{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px;font-weight:600}.media-meta small{font:10px var(--mono);color:#898989}.media-remove{background:none;border:0;color:#747474;font-size:15px;padding:3px}.media-remove:hover{color:var(--red)}.sidebar-note{margin-top:auto;padding:11px 8px 1px;display:flex;gap:8px;color:#7c7c7c;font-size:10px;line-height:1.5}.note-icon{color:var(--lime);font-size:14px}.center-column{display:grid;gap:14px;min-width:0}.preview-panel{padding:16px}.preview-head{margin-bottom:12px}.preview-actions{display:flex;gap:7px;align-items:center}.icon-button{width:31px;height:30px;border:1px solid var(--line);border-radius:7px;background:transparent;color:#c6c6c6}.comparison{height:clamp(260px,32vh,420px);background:#0a0a0a;border:1px solid #2a2a2a;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.video-stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#202020 0%,#111111 66%)}.video-stage+ .video-stage{border-left:1px solid #414141}.video-stage video,.video-stage img{width:100%;height:100%;object-fit:contain;display:none}.video-stage video.ready{display:block}.video-stage img{position:absolute;inset:0;object-fit:contain;background:#0b0b0b}.stage-label{position:absolute;z-index:3;left:12px;top:11px;border:1px solid #454545;background:#151515e8;border-radius:5px;padding:5px 7px;font:9px var(--mono);letter-spacing:.7px;color:#d3d3d3}.stage-label-accent{color:var(--lime);border-color:#4c4c4c}.video-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#d0d0d0}.video-placeholder strong{font:600 12px var(--display)}.video-placeholder span{font:10px var(--mono);color:#757575}.placeholder-shape{display:grid;place-items:center;width:43px;height:43px;border:1px solid #424242;background:#1a1a1a;color:#adadad;border-radius:12px;margin-bottom:4px}.accent-shape{color:var(--lime);border-color:#454545;background:#212121}.compare-handle{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:31px;height:31px;border-radius:50%;background:#fff0a6;color:#212121;display:grid;place-items:center;font-size:14px;border:3px solid #181818}.player-controls{height:41px;display:flex;align-items:center;gap:10px}.play-button,.sound-button{width:24px;height:24px;border:0;background:none;color:var(--lime);font-size:12px;padding:0}.sound-button{color:#a8a8a8;font-size:18px}.player-controls input[type=range]{flex:1;accent-color:var(--lime);height:3px}.timecode{font:10px var(--mono);color:#969696;white-space:nowrap}.preview-foot{border-top:1px solid #2a2a2a;padding-top:10px;display:flex;justify-content:space-between;color:#858585;font:10px var(--mono)}.preview-foot span:first-child{display:flex;align-items:center;gap:7px}.foot-dot{width:5px;height:5px}.lower-grid{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(285px,1.05fr);gap:14px}.presets-panel,.grade-panel{padding:15px;min-width:0}.muted-inline{color:#777777;font:11px var(--mono);margin-left:4px}.preset-tabs{display:flex;gap:4px;border-bottom:1px solid #2c2c2c;margin-bottom:8px}.tab{border:0;background:transparent;padding:8px 11px;color:#858585;font-size:11px;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--lime);border-bottom-color:var(--lime)}.tab span{font:9px var(--mono);padding:2px 4px;border-radius:4px;background:#282828;margin-left:3px}.preset-list{display:flex;gap:7px;flex-wrap:wrap;min-height:62px;align-content:flex-start;padding:5px 0 10px}.preset-chip{border:1px solid #383838;background:#202020;padding:7px 9px;border-radius:7px;display:flex;align-items:center;gap:7px;font-size:10px;color:#d0d0d0;max-width:100%}.preset-chip.selected{border-color:#7c7c7c;background:#2a2a2a;color:#dfdfdf}.preset-chip input{accent-color:var(--lime);margin:0}.preset-chip .chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:112px}.preset-chip .apply-preset{background:none;border:0;color:inherit;font-size:10px;padding:0;white-space:nowrap}.preset-chip .delete-preset{background:none;border:0;color:#888888;padding:0 0 0 2px}.no-presets{font-size:10px;color:#787878;padding:13px 0}.generator{border-top:1px solid #2c2c2c;padding-top:12px}.generator-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.generator-title b{display:block;font:600 11px var(--display)}.generator-title small{display:block;color:#838383;font-size:10px;margin-top:3px}.sparkle{font-size:17px;color:var(--lime)}.generator-controls{display:flex;align-items:center;gap:12px}.generator-controls>label{font:10px var(--mono);color:#9f9f9f;display:flex;align-items:center;gap:7px}.generator-controls input[type=number]{width:47px;background:#101010;border:1px solid #393939;border-radius:5px;padding:5px;color:var(--text);font:11px var(--mono)}.spread-control{flex:1}.spread-control input{min-width:45px;width:100%;accent-color:var(--lime)}.spread-control b{color:var(--lime);font-size:10px;min-width:32px}.checkline{display:flex;align-items:center;gap:6px;color:#8c8c8c;font-size:10px;margin:10px 0}.checkline input{accent-color:var(--lime)}.full-width{width:100%}.generator .button{font-size:10px;padding:8px}.grade-panel{display:flex;flex-direction:column}.grade-panel .section-head{margin-bottom:9px}.grade-scroll{display:grid;gap:0;max-height:346px;overflow:auto;padding-right:3px}.control-row{padding:9px 0 7px;border-top:1px solid #2a2a2a}.control-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.control-top label{font-size:11px;color:#c6c6c6}.control-value{font:10px var(--mono);color:var(--lime);background:#242424;border:1px solid #353535;border-radius:4px;padding:3px 5px;min-width:46px;text-align:center}.control-row input[type=range]{width:100%;height:3px;display:block;accent-color:var(--lime);margin:4px 0}.range-ends{display:flex;justify-content:space-between;color:#737373;font:9px var(--mono)}.group-label{font:9px var(--mono);letter-spacing:.8px;color:#7c7c7c;margin:12px 0 1px}.grade-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2a2a2a;margin-top:auto;padding-top:10px;color:#7a7a7a;font-size:9px}.keycap{font:10px var(--mono);border:1px solid #3c3c3c;border-radius:3px;padding:1px 4px;color:#a8a8a8}.settings-column{display:grid;gap:12px}.queue-panel{padding:16px}.queue-icon{color:var(--lime);font-size:18px}.queue-summary{display:flex;align-items:center;justify-content:space-between;background:#212121;border:1px solid #2e2e2e;border-radius:8px;padding:11px 12px;margin-bottom:17px}.queue-summary>div{text-align:center}.queue-summary strong{display:block;font:700 18px var(--display);color:#e5e5e5}.queue-summary small{font:9px var(--mono);color:#818181}.queue-summary>span{color:#6f6f6f;font:12px var(--mono)}.queue-summary .equals{color:var(--lime)}.field-label{display:block;color:#919191;font:9px var(--mono);letter-spacing:.7px;margin:13px 0 7px}.queue-presets{display:flex;gap:5px;flex-wrap:wrap;min-height:30px}.queue-presets .empty-small{padding:7px 0;text-align:left}.queue-tag{border:1px solid #464646;border-radius:5px;background:#242424;color:#d5d5d5;padding:4px 6px;font-size:9px;display:flex;align-items:center;gap:4px}.queue-tag button{background:none;border:0;color:#999999;padding:0}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid #363636;background:#101010;border-radius:7px;padding:3px}.segmented button{border:0;border-radius:5px;background:transparent;padding:7px 3px;color:#838383;font-size:10px}.segmented button.active{background:#303030;color:#fff0a6}.queue-hint{font-size:10px;line-height:1.45;color:#7e7e7e;margin:7px 0 13px;min-height:28px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-grid .field-label{margin:3px 0}.select-field{display:block;width:100%;margin-top:6px;padding:7px 8px;border:1px solid #363636;border-radius:6px;background:#111111;color:#d6d6d6;font:10px var(--mono);outline:none}.quality-note{font-size:9px;color:#727272;margin-top:7px}.output-label{margin-top:16px}.output-row{display:flex;gap:5px}.output-row input{width:0;flex:1;background:#111111;border:1px solid #363636;color:#adadad;border-radius:6px;padding:8px;font:10px var(--mono)}.output-row button{width:33px;border:1px solid #363636;border-radius:6px;background:#1d1d1d;color:#b6b6b6}.render-button{margin-top:14px;padding:11px}.render-button b{font:10px var(--mono);background:#ffd42a;padding:3px 5px;border-radius:4px;margin-left:4px}.button-danger{background:#4a2824;border-color:#74403a;color:#ffb0a2;margin-top:7px}.progress-block{border-top:1px solid #313131;margin-top:14px;padding-top:12px}.progress-head{display:flex;justify-content:space-between;font-size:10px;color:#b4b4b4}.progress-head b{color:var(--lime);font:10px var(--mono)}.progress-track{height:5px;background:#303030;border-radius:5px;margin:8px 0;overflow:hidden}.progress-track i{height:100%;width:0;display:block;background:var(--lime);border-radius:5px;transition:width .25s}.job-list{max-height:155px;overflow:auto}.job-row{padding:6px 1px;border-bottom:1px solid #272727;display:grid;grid-template-columns:1fr auto;gap:4px;font-size:9px;color:#c2c2c2}.job-row small{grid-column:1/-1;color:#7e7e7e;font:9px var(--mono)}.job-state{font:9px var(--mono);color:#9b9b9b}.job-state.error{color:var(--red)}.tips-panel{display:flex;gap:11px;padding:13px 14px;background:#1c1c1c;border-color:#363636}.tips-icon{display:grid;place-items:center;border-radius:7px;background:#2c2c2c;color:var(--lime);width:28px;height:28px;flex:0 0 auto}.tips-panel b{font:600 11px var(--display);color:#d5d5d5}.tips-panel p{font-size:10px;line-height:1.5;color:#8d8d8d;margin:4px 0 0}.app-footer{display:flex;flex-direction:column;gap:4px;color:#636363;font:9px var(--mono);padding:2px 3px}.variants-panel{padding:15px;min-width:0}.variants-panel.hidden,.hidden{display:none!important}.row-actions{display:flex;gap:6px}.table-wrap{max-height:340px;overflow:auto;border:1px solid #2e2e2e;border-radius:7px}table{border-collapse:collapse;width:100%;min-width:840px;font-size:10px}th{position:sticky;top:0;background:#242424;color:#9c9c9c;text-align:left;padding:9px 8px;font:9px var(--mono);letter-spacing:.2px;z-index:1}td{padding:8px;border-top:1px solid #2a2a2a;color:#c6c6c6;font:10px var(--mono);white-space:nowrap}tr{cursor:pointer}tbody tr:hover,tbody tr.active-row{background:#242424}td:first-child{font-family:var(--sans);font-size:11px}td input{accent-color:var(--lime)}.table-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;color:#898989;font-size:10px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#fff0a6;color:#1b1b1b;border-radius:8px;padding:10px 15px;font:600 12px var(--sans);box-shadow:0 8px 30px #0008;transition:.2s;z-index:20}.toast.show{transform:translate(-50%,0);opacity:1}dialog{background:#191919;color:var(--text);border:1px solid #414141;border-radius:12px;padding:23px;width:min(390px,calc(100vw - 28px));box-shadow:0 25px 100px #000a}dialog::backdrop{background:#050505b8}dialog h2{font:700 19px var(--display);margin:7px 0}dialog p{font-size:12px;color:#8e8e8e}dialog input{width:100%;padding:11px;border-radius:7px;background:#101010;border:1px solid #414141;color:var(--text);margin:8px 0 16px;outline:none}dialog input:focus{border-color:var(--lime)}.dialog-actions{display:flex;justify-content:flex-end;gap:7px}
@media(max-width:1250px){.workspace{grid-template-columns:220px minmax(480px,1fr);}.settings-column{grid-column:2;grid-template-columns:1fr 1fr}.app-footer{align-self:end}.sidebar{grid-row:1 / span 2}.lower-grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.workspace{grid-template-columns:1fr;padding:10px}.sidebar{grid-row:auto;min-height:auto}.media-list{max-height:180px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sidebar-note{margin-top:12px}.settings-column{grid-column:auto;grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr}.topbar{padding:0 12px;gap:12px}.brand{min-width:0}.top-status{display:none}.top-actions{margin-left:auto}.comparison{height:54vw;min-height:240px}}
@media(max-width:520px){.topbar{height:58px}.brand b{font-size:14px}.top-actions .button-quiet{display:none}.workspace{padding:8px;gap:9px}.preview-panel,.presets-panel,.grade-panel,.queue-panel{padding:12px}.preview-foot{font-size:8px}.preview-foot span:last-child{display:none}.comparison{min-height:205px}.section-head h2{font-size:14px}.table-foot{align-items:flex-start;flex-direction:column}}
.autopilot-panel{padding:15px;border-color:#484848;background:linear-gradient(150deg,#212121,#181818 62%)}.autopilot-panel .section-head{margin-bottom:8px}.auto-spark{color:var(--lime);font-size:20px}.auto-copy{color:#b4b4b4;font-size:11px;line-height:1.5;margin:0 0 10px}.auto-stats{display:grid;gap:5px;color:#a6a6a6;font:9px var(--mono);padding:7px 8px;border-radius:6px;background:#111111;border:1px solid #313131}.auto-stats span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-count-row{display:flex;gap:5px}.auto-count-row button{width:34px;border:1px solid #444444;background:#232323;border-radius:6px;color:var(--lime);font-size:17px}.auto-count-row input{min-width:0;flex:1;background:#101010;border:1px solid #434343;border-radius:6px;color:var(--text);text-align:center;padding:7px;font:600 14px var(--mono)}.auto-spread-label{display:flex;justify-content:space-between}.auto-spread-label b{color:var(--lime)}#autoSpread{width:100%;accent-color:var(--lime)}.auto-plan{padding:8px;margin:8px 0;border-radius:6px;background:#141414;color:#b2b2b2;font:10px/1.5 var(--mono);max-height:150px;overflow:auto}.auto-plan.hidden{display:none}.button-auto{padding:11px;background:var(--lime);color:#171717;font-weight:700}.button-auto:hover{background:#fff0a6}.button-auto:disabled{opacity:.5;cursor:wait}.auto-footnote{display:block;color:#818181;font-size:9px;line-height:1.5;margin-top:9px}.table-foot .row-actions{align-items:center}.variants-panel .table-wrap{max-height:390px}
.output-hint{margin-top:6px;color:#858585;font-size:10px;line-height:1.45}.output-hint code{color:#fff0a6;font:10px var(--mono)}
.app-shell[data-auth-pending="true"]{display:none}.auth-gate{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% 35%,#212121 0%,#101010 62%)}.auth-gate.hidden{display:none}.auth-card{width:min(410px,100%);padding:34px;border:1px solid #343434;border-radius:16px;background:#181818;box-shadow:0 24px 90px #0008;text-align:center}.auth-brand-mark{margin:0 auto 20px;width:44px;height:44px;gap:4px;padding:11px;border-radius:12px}.auth-brand-mark i{width:4px}.auth-brand-mark i:nth-child(1){height:10px}.auth-brand-mark i:nth-child(2){height:18px}.auth-brand-mark i:nth-child(3){height:14px}.auth-card h1{margin:8px 0;font-size:24px;letter-spacing:-.5px}.auth-copy{color:#929292;font-size:12px;line-height:1.6;margin:0 auto 23px;max-width:315px}.button-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-color:#434343;background:#f7f7f7;color:#242424;font-size:13px}.button-google:hover{background:#e5e5e5}.button-google:disabled{opacity:.6;cursor:wait}.google-g{font:700 17px Arial,sans-serif;color:#4285f4}.auth-message{min-height:18px;margin:12px 0 2px;color:#ffb0a2;font-size:11px;line-height:1.45}.auth-note{color:#747474;font-size:10px}.auth-user{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a8a8a8;font:10px var(--mono)}
.auth-form{display:grid;gap:8px;text-align:left}.auth-form label{margin-top:4px;color:#b8b8b8;font-size:11px;font-weight:600}.auth-form input{width:100%;padding:11px 12px;border:1px solid #3c3c3c;border-radius:8px;outline:none;background:#111111;color:var(--text);font-size:13px}.auth-form input:focus{border-color:var(--lime);box-shadow:0 0 0 2px #ffd42a22}.auth-submit{width:100%;margin-top:8px;padding:11px}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-mode-toggle{margin-top:14px;color:var(--lime);font-size:11px}.auth-message[data-kind="success"]{color:#ffd42a}
.storage-copy{margin:0 0 12px;color:#909090;font-size:11px;line-height:1.55}.storage-limit{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid #2d2d2d;border-radius:8px;background:#121212;color:#999999;font-size:10px}.storage-limit b{color:var(--lime);font-weight:600}.publish-storage-files{display:grid;gap:6px;max-height:300px;margin:10px 0;overflow:auto}.publish-storage-file{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid #2c2c2c;border-radius:8px;background:#151515}.publish-storage-meta{min-width:0;display:grid;gap:4px}.publish-storage-meta b{overflow:hidden;color:#e2e2e2;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.publish-storage-meta small{color:#838383;font-size:9px}.publish-storage-actions{display:flex;flex:none;gap:5px}.publish-storage-actions .button,.storage-upload-button{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:5px 8px;font-size:9px}.publish-storage-actions .storage-delete{min-width:28px;color:#e2a094}.publish-storage-actions .button:disabled,.storage-upload-button:disabled{opacity:.58;cursor:default}.storage-footnote{display:block;color:#747474;font-size:9px;line-height:1.5}.storage-error{color:#e2a094}.job-row .storage-upload-button{grid-column:1/-1;justify-self:start}.job-row small{overflow-wrap:anywhere}
@media(max-width:520px){#refreshPublishStorage{display:inline-flex}.publish-storage-actions .button-quiet{display:inline-flex}.publish-storage-file{align-items:flex-start}.publish-storage-actions{padding-top:1px}}
.view-tabs{display:flex;gap:5px;width:max-content;margin:14px auto 0;padding:4px;border:1px solid #2f2f2f;border-radius:9px;background:#171717}.view-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;border:0;border-radius:6px;background:transparent;color:#8f8f8f;font-size:11px}.view-tab.active{background:#313131;color:#dedede}.view-tab span{min-width:19px;padding:2px 5px;border-radius:10px;background:#232323;color:var(--lime);font:9px var(--mono);text-align:center}.calendar-view{max-width:1500px;margin:18px auto;padding:0 22px 24px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px}.calendar-toolbar h1{margin:4px 0;font:700 24px var(--display);text-transform:capitalize}.calendar-subtitle{margin:0;color:#828282;font-size:10px}.calendar-toolbar-actions{display:flex;align-items:center;gap:7px}.calendar-toolbar-actions .icon-button{width:34px;height:34px}.calendar-notice{margin:0 0 12px;padding:10px 12px;border:1px solid #303030;border-radius:7px;background:#1c1c1c;color:#acacac;font-size:10px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-weekdays{margin-bottom:6px}.calendar-weekdays span{padding:6px 8px;color:#737373;font:9px var(--mono);text-align:right}.calendar-day{min-width:0;min-height:124px;padding:7px;border:1px solid #2d2d2d;border-radius:8px;background:#181818;overflow:hidden}.calendar-day-muted{background:#121212;color:#707070}.calendar-day-today{border-color:#ffd42a;box-shadow:inset 0 0 0 1px #ffd42a35}.calendar-day-number{width:27px;height:25px;margin:0 0 5px;border:0;border-radius:5px;background:transparent;color:#b6b6b6;text-align:center;font:10px var(--mono)}.calendar-day-number:hover{background:#292929;color:var(--lime)}.calendar-day-today .calendar-day-number{background:#ffd42a;color:#1b1b1b;font-weight:700}.calendar-day-events{display:grid;gap:4px}.calendar-event-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:6px;width:100%;min-width:0;padding:4px;border:1px solid #353535;border-radius:6px;background:#212121;color:#d8d8d8;text-align:left;cursor:pointer}.calendar-event-card:hover{border-color:#ffd42a;background:#272727}.calendar-event-thumb{display:grid;place-items:center;width:46px;height:43px;overflow:hidden;border-radius:4px;background:#111111;color:var(--lime)}.calendar-event-thumb video{width:100%;height:100%;object-fit:cover}.calendar-video-placeholder{font-size:12px}.calendar-event-info{display:grid;align-content:center;gap:3px;min-width:0}.calendar-event-info small{color:var(--lime);font:9px var(--mono)}.calendar-event-info b{display:-webkit-box;overflow:hidden;color:#dbdbdb;font-size:9px;font-weight:500;line-height:1.25;-webkit-line-clamp:2;-webkit-box-orient:vertical}.calendar-more{padding:2px 4px;color:#969696;font-size:9px}.calendar-disclaimer{margin:12px 0 0;color:#757575;font-size:9px}.calendar-dialog{max-height:90vh;overflow:auto}.calendar-dialog form{display:grid;gap:5px}.calendar-dialog h2{margin-bottom:7px}.calendar-form-label{margin-top:7px;color:#999999;font-size:10px}.calendar-dialog select,.calendar-dialog input,.calendar-dialog textarea{width:100%;padding:10px;border:1px solid #3a3a3a;border-radius:7px;outline:none;background:#111111;color:#dfdfdf;font:11px var(--sans)}.calendar-dialog textarea{resize:vertical;min-height:85px;line-height:1.45}.calendar-dialog select:focus,.calendar-dialog input:focus,.calendar-dialog textarea:focus{border-color:var(--lime)}.calendar-dialog select:disabled{opacity:.65}.calendar-form-preview{display:block;width:100%;max-height:210px;margin-top:5px;border-radius:8px;background:#090909}.calendar-dialog .dialog-actions{align-items:center;gap:6px;margin-top:9px}.calendar-dialog .dialog-actions .button{display:inline-flex;white-space:nowrap}.calendar-dialog #calendarDelete{margin:0 auto 0 0}.calendar-dialog #calendarDelete.hidden{display:none}.calendar-dialog #calendarSave:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){.calendar-view{padding:0 9px 18px}.calendar-toolbar{align-items:flex-start;flex-direction:column}.calendar-toolbar-actions{width:100%;flex-wrap:wrap}.calendar-day{min-height:99px;padding:4px}.calendar-event-card{grid-template-columns:1fr;padding:3px}.calendar-event-thumb{width:100%;height:38px}.calendar-event-info b{font-size:8px}.calendar-event-info small{font-size:8px}.calendar-weekdays span{padding:5px 3px;text-align:center}.calendar-grid,.calendar-weekdays{gap:3px}.view-tabs{margin-top:8px}}
@media(max-width:520px){.calendar-view{padding:0 6px 16px}.calendar-dialog{padding:16px}.calendar-dialog .dialog-actions{flex-wrap:wrap}.calendar-dialog .dialog-actions #calendarDelete{flex-basis:100%}}
.calendar-folder-row{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 8px;border:1px solid #343434;border-radius:7px;background:#111111}.calendar-folder-row span{flex:1;min-width:0;overflow:hidden;color:#acacac;font:10px var(--mono);text-overflow:ellipsis;white-space:nowrap}.calendar-folder-row .button{flex:none;margin:0}.calendar-local-note{display:block;color:#858585;font-size:9px;line-height:1.5;margin:4px 1px 2px}
.calendar-autofill-dialog{width:min(960px,calc(100vw - 24px));max-height:92vh}.autofill-header h2{margin:5px 0;font:700 20px var(--display)}.autofill-header p,.autofill-help{margin:4px 0 12px;color:#8d8d8d;font-size:10px;line-height:1.5}.autofill-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px}.autofill-section{min-width:0;padding:12px;border:1px solid #303030;border-radius:9px;background:#151515}.autofill-section h3{margin:0 0 9px;color:#dedede;font:600 12px var(--sans)}.autofill-help code{color:#ffd42a;font:10px var(--mono)}.autofill-groups{display:grid;gap:5px;max-height:240px;margin-top:9px;overflow:auto}.autofill-group-row{display:grid;grid-template-columns:minmax(100px,1fr) auto 95px;align-items:center;gap:8px;padding:7px 8px;border:1px solid #2e2e2e;border-radius:6px;background:#111111}.autofill-group-row label{display:flex;align-items:center;gap:7px;min-width:0;color:#d3d3d3;font-size:10px}.autofill-group-row label input{width:auto;margin:0;accent-color:var(--lime)}.autofill-group-row small{color:#858585;font-size:9px;white-space:nowrap}.autofill-group-row input[type=number]{width:95px;margin:0;padding:7px}.autofill-section select,.autofill-section input{margin:0}.autofill-date-row,.autofill-time-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.autofill-time-row label{display:grid;gap:5px;color:#929292;font-size:9px}.autofill-time-row input{width:100%}.autofill-section .calendar-form-label{display:block;margin:9px 0 5px}.autofill-summary{margin-top:12px;padding:10px 12px;border:1px solid #363636;border-radius:8px;background:#1c1c1c;color:#bebebe;font-size:10px;line-height:1.6;white-space:pre-line}.autofill-plan-wrap{max-height:310px;margin-top:9px;overflow:auto;border:1px solid #303030;border-radius:7px}.autofill-plan-table{width:100%;min-width:500px;border-collapse:collapse;font-size:10px}.autofill-plan-table th{position:sticky;top:0;z-index:1;background:#252525;padding:8px;color:#999999;text-align:left;font:9px var(--mono)}.autofill-plan-table td{padding:7px 8px;border-top:1px solid #2a2a2a;color:#d0d0d0;font:10px var(--sans);white-space:normal}.autofill-plan-table td:nth-child(2),.autofill-plan-table td:nth-child(3){font-family:var(--mono);white-space:nowrap}.autofill-plan-table td:last-child{overflow-wrap:anywhere}.autofill-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin-top:12px}.autofill-actions .button{font-size:10px}.autofill-actions #autofillConfirm:disabled{opacity:.5;cursor:default}
@media(max-width:720px){.autofill-layout{grid-template-columns:1fr}.calendar-autofill-dialog{padding:15px}.autofill-actions{justify-content:stretch}.autofill-actions .button{flex:1}.autofill-group-row{grid-template-columns:minmax(85px,1fr) auto 84px}.autofill-group-row input[type=number]{width:84px}}

.calendar-day-report-dialog{width:min(900px,calc(100vw - 24px));max-height:92vh;padding:20px}.calendar-report-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.calendar-report-header h2{margin:5px 0 14px;text-transform:capitalize}.calendar-report-summary{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 10px}.calendar-report-stat{display:grid;gap:3px;min-width:95px;padding:9px 11px;border:1px solid #343434;border-radius:7px;background:#141414}.calendar-report-stat b{color:var(--lime);font:600 17px var(--mono)}.calendar-report-stat span{color:#9b9b9b;font-size:9px}.calendar-report-stat.report-stat-warning{border-color:#765b3a}.calendar-report-stat.report-stat-warning b{color:#f2bd72}.calendar-instagram-status{margin-bottom:12px;padding:11px 12px;border:1px solid #695533;border-radius:8px;background:#282116;color:#ddc99e;font-size:10px;line-height:1.55}.calendar-instagram-status b{color:#ffd58c}.calendar-report-list{display:grid;gap:9px;max-height:56vh;overflow:auto;padding:1px 4px 1px 1px}.calendar-report-entry{padding:11px;border:1px solid #303030;border-radius:9px;background:#151515}.calendar-report-entry-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:9px}.calendar-report-entry-head>div{display:flex;align-items:center;gap:8px}.calendar-report-entry-head time{color:var(--lime);font:600 13px var(--mono)}.calendar-report-status{padding:4px 7px;border:1px solid #3b3b3b;border-radius:20px;background:#202020;color:#fff0a6;font-size:9px}.calendar-report-status.status-failed{border-color:#70413b;background:#2a1d1b;color:#ffb6a5}.calendar-report-status.status-published{border-color:#464646;background:#1d1d1d;color:#fff0a6}.calendar-report-status.status-cancelled{color:#a1a1a1}.calendar-report-entry-body{display:grid;grid-template-columns:minmax(170px,260px) minmax(0,1fr);gap:13px}.calendar-report-video{width:100%;max-height:250px;aspect-ratio:9/16;object-fit:contain;border-radius:6px;background:#080808}.calendar-report-no-preview{display:grid;place-items:center;min-height:120px;padding:10px;border:1px dashed #414141;border-radius:6px;background:#101010;color:#969696;font-size:10px;text-align:center}.calendar-report-entry-details{min-width:0}.calendar-report-entry-details h3{margin:0 0 8px;color:#dfdfdf;font:600 13px var(--sans);overflow-wrap:anywhere}.calendar-report-entry-details dl{display:grid;grid-template-columns:minmax(90px,130px) minmax(0,1fr);gap:6px 9px;margin:0;font-size:10px;line-height:1.45}.calendar-report-entry-details dt{color:#898989}.calendar-report-entry-details dd{min-width:0;margin:0;color:#cfcfcf;overflow-wrap:anywhere}.calendar-report-entry-details .report-file-path{font-family:var(--mono);font-size:9px;color:#a8a8a8}.calendar-report-entry-details .report-caption{white-space:pre-wrap;max-height:150px;overflow:auto}.report-warning{margin:9px 0 0;color:#ffc27e;font-size:10px;line-height:1.45}.calendar-report-empty{display:grid;gap:5px;padding:28px 12px;border:1px dashed #3c3c3c;border-radius:8px;color:#d4d4d4;text-align:center}.calendar-report-empty span{color:#929292;font-size:10px}.calendar-report-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.calendar-day-report-dialog .icon-button{font-size:18px}.calendar-day-report-dialog button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
@media(max-width:620px){.calendar-day-report-dialog{padding:14px}.calendar-report-entry-body{grid-template-columns:1fr}.calendar-report-video{max-height:300px;aspect-ratio:16/9}.calendar-report-summary{gap:5px}.calendar-report-stat{min-width:82px;flex:1}.calendar-report-entry-details dl{grid-template-columns:90px minmax(0,1fr)}.calendar-report-actions{flex-direction:column-reverse}.calendar-report-actions .button{width:100%}}
.calendar-day{cursor:pointer}.calendar-day:hover:not(.calendar-day-today){border-color:#525252}

.autofill-group-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.autofill-group-heading h3{margin:0}.autofill-group-actions{display:flex;gap:5px}.autofill-group-actions .button{padding:6px 8px;font-size:9px}.autofill-quality-settings{display:grid;gap:4px;margin-top:7px;padding:9px;border:1px solid #303030;border-radius:7px;background:#121212}.autofill-quality-settings>.calendar-form-label{margin:0 0 3px}.autofill-quality-settings select{margin:0}.autofill-quality-settings .autofill-avoid-same-day{margin:5px 0 0;line-height:1.4}.autofill-quality-settings .autofill-help{margin:3px 0 0}.autofill-plan-table{min-width:760px}.autofill-plan-table td.autofill-repeat-cell{color:#f0c57d}.autofill-plan-table td.autofill-new-cell{color:#ffd42a}

.media-heading-actions{display:flex;align-items:center;gap:3px}.media-heading-actions .text-button{padding:3px 4px;font-size:9px;white-space:nowrap}
@media(max-width:420px){.media-heading-actions{gap:1px}.media-heading-actions .text-button{padding:3px 2px;font-size:8px}}

.preset-tabs{align-items:center;justify-content:space-between;gap:5px}.preset-tab-buttons{display:flex;min-width:0;gap:2px}.preset-quick-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.preset-quick-actions .text-button{padding:4px;font-size:8px;white-space:nowrap}.preset-tab-buttons .tab{padding:8px 7px;font-size:10px}
@media(max-width:520px){.preset-tabs{align-items:flex-start;flex-wrap:wrap}.preset-quick-actions{width:100%;justify-content:flex-end}.preset-tab-buttons{width:100%;justify-content:flex-start}}

.autofill-auto-interval-hint{display:block;margin:1px 0 5px;color:#adadad;font-size:9px;line-height:1.45}

.calendar-report-actions .button-danger{margin-top:0}
.settings-view{max-width:1180px;margin:22px auto;padding:0 22px 30px}.settings-page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.settings-page-heading h1{margin:5px 0 6px;font:700 26px var(--display);letter-spacing:-.5px}.settings-page-heading p:last-child{margin:0;color:#8c8c8c;font-size:11px;line-height:1.55}.settings-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:14px;align-items:start}.instagram-settings-card,.instagram-guide-card{padding:18px}.instagram-brand-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #484848;border-radius:10px;background:#232323;color:var(--lime);font:25px/1 Arial}.settings-copy{margin:0 0 13px;color:#a4a4a4;font-size:11px;line-height:1.6}.instagram-account-status{margin:0 0 12px;padding:11px 12px;border:1px solid #373737;border-radius:8px;background:#111111;color:#b7b7b7;font-size:11px;line-height:1.5}.instagram-account-status[data-kind=success]{border-color:#525252;color:#fff0a6}.instagram-account-status[data-kind=warning]{border-color:#705342;color:#efc397}.settings-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-check{display:grid;gap:6px;padding:10px;border:1px solid #2f2f2f;border-radius:7px;background:#141414}.settings-check span{color:#8f8f8f;font:9px var(--mono);text-transform:uppercase;letter-spacing:.4px}.settings-check b{color:#d6d6d6;font-size:11px;font-weight:600}.settings-check b[data-ready=false]{color:#e9a58d}.settings-check b[data-ready=true]{color:var(--lime)}.settings-hint{display:block;margin:8px 0;color:#7e7e7e;font-size:9px;line-height:1.55}.settings-hint code{color:#c8c8c8;font:10px var(--mono)}.instagram-tunnel-row,.instagram-callback-row{display:flex;gap:7px}.instagram-tunnel-row input,.instagram-callback-row input{flex:1;min-width:0;padding:9px 10px;border:1px solid #393939;border-radius:7px;outline:none;background:#111111;color:#dfdfdf;font:10px var(--mono)}.instagram-tunnel-row input:focus,.instagram-callback-row input:focus{border-color:var(--lime)}.instagram-tunnel-row .button,.instagram-callback-row .button{flex:none}.instagram-callback-row input{color:#acacac}.instagram-settings-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:15px}.instagram-settings-actions .button{font-size:10px}.settings-message{min-height:17px;margin-top:9px;color:#898989;font-size:10px;line-height:1.5}.settings-message[data-kind=success]{color:#fff0a6}.settings-message[data-kind=warning]{color:#edb293}.instagram-guide-card h2{margin:5px 0 10px;font:700 16px var(--display)}.settings-steps{display:grid;gap:10px;padding-left:22px;color:#a8a8a8;font-size:10px;line-height:1.5}.settings-steps li::marker{color:var(--lime);font:11px var(--mono)}.settings-guide-link{display:block;margin-top:10px;color:#ffd42a;font-size:10px;text-decoration:none}.settings-guide-link:hover{text-decoration:underline}.settings-disclaimer{max-width:920px;margin:13px 0 0;color:#787878;font-size:9px;line-height:1.55}.settings-view .button:disabled{opacity:.5;cursor:default}
@media(max-width:800px){.settings-view{padding:0 10px 20px}.settings-layout{grid-template-columns:1fr}.settings-guide-card{order:2}}
@media(max-width:480px){.settings-view{margin-top:14px;padding:0 8px 18px}.settings-page-heading h1{font-size:22px}.instagram-settings-card,.instagram-guide-card{padding:13px}.settings-check-grid{grid-template-columns:1fr}.instagram-tunnel-row{align-items:stretch;flex-direction:column}.instagram-tunnel-row .button{align-self:flex-start}.instagram-callback-row input{font-size:9px}.instagram-settings-actions .button{flex:1}}
.instagram-credentials-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;margin:12px 0}.instagram-credentials-form label{display:grid;gap:6px;color:#979797;font-size:9px;line-height:1.3}.instagram-credentials-form input{width:100%;min-width:0;padding:9px 10px;border:1px solid #393939;border-radius:7px;outline:none;background:#111111;color:#dfdfdf;font:10px var(--mono)}.instagram-credentials-form input:focus{border-color:var(--lime)}.instagram-credentials-form .button{white-space:nowrap;height:34px}.instagram-credentials-form .button:disabled{opacity:.5;cursor:default}
.instagram-connect-progress{margin:12px 0;padding:12px;border:1px solid #484848;border-radius:9px;background:#1c1c1c;color:#c3c3c3;font-size:11px;line-height:1.6}.instagram-connect-progress p{margin:0}.instagram-connect-progress .instagram-settings-actions{margin-top:10px}.instagram-service-setup{margin-top:18px;padding-top:14px;border-top:1px solid #303030}.instagram-service-setup summary{cursor:pointer;color:#a3a3a3;font-size:10px;line-height:1.6}.instagram-service-setup[open] summary{margin-bottom:12px;color:#d2d2d2}.instagram-service-setup .settings-guide-link{width:fit-content}.instagram-service-setup .settings-check-grid{margin:12px 0}.instagram-service-setup .calendar-form-label{margin-top:13px}
@media(max-width:600px){.instagram-credentials-form{grid-template-columns:1fr}.instagram-credentials-form .button{justify-self:start}}
.rights-confirmation{display:flex;align-items:flex-start;gap:9px;margin:12px 0;padding:10px 12px;border:1px solid #464646;border-radius:8px;background:#1d1d1d;color:#d4d4d4;font:11px/1.5 var(--sans)}.rights-confirmation input{flex:0 0 auto;width:15px;margin:2px 0 0;accent-color:var(--lime)}.autofill-rights-confirmation{margin-top:10px}.calendar-local-note{display:block}
.saas-plan-card{margin-bottom:14px;padding:18px}.saas-plan-grid{margin-top:10px}
.admin-view{max-width:1360px;margin:22px auto;padding:0 22px 30px}.admin-heading{align-items:center}.admin-heading h1{margin:5px 0 6px;font:700 26px var(--display)}.admin-heading p:last-child{margin:0;color:#8c8c8c;font-size:11px;line-height:1.55}.admin-heading>.button{flex:none}.admin-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin:12px 0}.admin-metric{display:grid;gap:8px;padding:13px}.admin-metric span{color:#8f8f8f;font:9px var(--mono);text-transform:uppercase;letter-spacing:.35px}.admin-metric b{color:#d6d6d6;font-size:17px;font-weight:650}.admin-users-panel{padding:17px}.admin-search{display:flex;gap:8px;margin:10px 0 14px}.admin-search input{flex:1;min-width:0;padding:10px 12px;border:1px solid #393939;border-radius:7px;outline:none;background:#111111;color:#dfdfdf;font:11px var(--sans)}.admin-search input:focus{border-color:var(--lime)}.admin-table-wrap{width:100%;overflow-x:auto}.admin-table{width:100%;min-width:940px;border-collapse:collapse;text-align:left;font-size:10px}.admin-table th{padding:10px 8px;border-bottom:1px solid #393939;color:#898989;font:9px var(--mono);text-transform:uppercase;white-space:nowrap}.admin-table td{padding:10px 8px;border-bottom:1px solid #292929;color:#cbcbcb;vertical-align:top}.admin-table td:first-child{max-width:240px;overflow-wrap:anywhere}.admin-email-state{color:#e9ad87}.admin-email-state[data-confirmed=true]{color:#fff0a6}.admin-empty{padding:24px!important;text-align:center;color:#818181!important}.admin-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:13px;color:#8f8f8f;font-size:10px}.admin-pagination>div{display:flex;gap:6px}
@media(max-width:800px){.admin-view{padding:0 10px 20px}.admin-heading{align-items:flex-start;gap:12px}.admin-heading>.button{margin-top:18px}}
@media(max-width:480px){.admin-view{margin-top:14px;padding:0 8px 18px}.admin-heading h1{font-size:22px}.admin-users-panel{padding:12px}.admin-metrics{grid-template-columns:1fr 1fr}.admin-metric{padding:10px}.admin-metric b{font-size:15px}.admin-search{align-items:stretch;flex-direction:column}.admin-search button{align-self:flex-start}}
.folder-input{display:none}.folder-import-button{width:100%;margin:-9px 0 6px}.folder-import-note{display:block;margin:0 2px 15px;color:#808080;font:9px/1.45 var(--mono)}
 .auth-download{display:flex;align-items:center;justify-content:center;width:100%;margin-top:14px;text-decoration:none}.download-windows{text-decoration:none;white-space:nowrap}.plan-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.plan-card{display:flex;min-width:0;flex-direction:column;padding:13px;border:1px solid #343434;border-radius:9px;background:#141414}.plan-card h3{margin:4px 0 5px;color:#ececec;font:700 18px var(--display)}.plan-card p{min-height:32px;margin:0;color:#919191;font-size:9px;line-height:1.5}.plan-card-label{color:#a3a3a3;font:9px var(--mono);letter-spacing:.7px}.plan-card ul{display:grid;gap:6px;margin:12px 0;padding-left:15px;color:#b7b7b7;font-size:9px;line-height:1.45}.plan-card li::marker{color:var(--lime)}.plan-card-price{min-height:31px;margin-top:auto;color:var(--lime);font-size:10px;line-height:1.5}.plan-card-action{width:100%;margin-top:9px;font-size:9px}.plan-card-action:disabled{opacity:.7;cursor:default}.admin-entitlement-controls{display:grid;grid-template-columns:minmax(75px,1fr) minmax(95px,1fr) auto;gap:5px;min-width:300px}.admin-entitlement-controls select{min-width:0;padding:7px 6px;border:1px solid #3c3c3c;border-radius:6px;background:#121212;color:#e4e4e4;font-size:9px}.admin-entitlement-controls .button{padding:6px 8px;font-size:9px}.admin-current-plan{display:block;margin-top:4px;color:#898989;font-size:8px}.admin-audit-panel{margin-top:14px;padding:16px}.admin-audit-list{display:grid;gap:6px;max-height:320px;overflow:auto}.admin-audit-row{display:grid;grid-template-columns:145px minmax(150px,1fr);gap:3px 10px;padding:9px 10px;border:1px solid #2e2e2e;border-radius:7px;background:#141414}.admin-audit-row span{color:#8f8f8f;font:9px var(--mono)}.admin-audit-row b{color:#dbdbdb;font-size:10px;font-weight:600}.admin-audit-row small{grid-column:2;color:#818181;font-size:8px;overflow-wrap:anywhere}.settings-view .saas-plan-card{padding:17px}.admin-audit-panel .section-head{margin-bottom:10px}
@media(max-width:980px){.plan-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.download-windows{display:none}}
@media(max-width:560px){.plan-cards{grid-template-columns:1fr}.plan-card p{min-height:0}.admin-entitlement-controls{grid-template-columns:1fr 1fr;min-width:210px}.admin-entitlement-controls .button{grid-column:1/-1}.admin-audit-row{grid-template-columns:1fr}.admin-audit-row small{grid-column:1}.auth-card .auth-download{font-size:10px}}
.desktop-download-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 18px;margin-bottom:14px;padding:18px}.desktop-download-panel h2{margin:4px 0 6px;color:#ececec;font:700 19px var(--display)}.desktop-download-panel p:not(.eyebrow){margin:0;color:#929292;font-size:10px;line-height:1.55}.desktop-download-panel .settings-hint{grid-column:1/-1}.desktop-download-panel [aria-disabled=true]{opacity:.5;pointer-events:none}.admin-entitlement-controls{grid-template-columns:minmax(75px,1fr) minmax(95px,1fr) auto auto;min-width:370px}.admin-instagram-grant{display:flex;align-items:center;gap:4px;color:#b7b7b7;font-size:9px;white-space:nowrap}.admin-instagram-grant input{accent-color:var(--lime)}.calendar-report-entry-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.calendar-report-entry-head{align-items:center}.calendar-report-entry-head>div:first-child{display:flex;align-items:center;gap:8px}.report-warning{margin:8px 0 0;color:#efb18e;font-size:9px;line-height:1.5}
body[data-cloud-mode="true"] [data-app-view="editor"],body[data-cloud-mode="true"] #editorView{display:none!important}
body[data-cloud-mode="true"] #settingsView .settings-layout{grid-template-columns:minmax(0,1fr)}
@media(max-width:560px){.desktop-download-panel{grid-template-columns:1fr}.desktop-download-panel .settings-hint{grid-column:auto}.admin-entitlement-controls{grid-template-columns:1fr 1fr;min-width:220px}.admin-instagram-grant{grid-column:1/-1}}
.admin-local-disk-grant{display:flex;align-items:center;gap:4px;color:#b7b7b7;font-size:9px;white-space:nowrap}.admin-local-disk-grant input{accent-color:var(--lime)}.dropzone[aria-disabled="true"]{opacity:.45;cursor:not-allowed;filter:saturate(.5)}
.personal-cloud-view{max-width:1180px;margin:22px auto;padding:0 22px 30px}.personal-cloud-heading{gap:16px;align-items:center}.personal-cloud-heading>.button{flex:none}.personal-cloud-upload{padding:18px;margin-bottom:14px}.personal-cloud-usage{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.personal-cloud-usage>div{display:grid;gap:7px}.personal-cloud-usage span{color:#8f8f8f;font:10px var(--mono);text-transform:uppercase;letter-spacing:.4px}.personal-cloud-usage b{color:#e2e2e2;font-size:15px;overflow-wrap:anywhere}.personal-cloud-meter{display:block;width:100%;height:8px;margin:17px 0;border:0;border-radius:8px;overflow:hidden;accent-color:var(--lime);background:#292929}.personal-cloud-meter::-webkit-progress-bar{background:#292929}.personal-cloud-meter::-webkit-progress-value{background:var(--lime);border-radius:8px}.personal-cloud-meter::-moz-progress-bar{background:var(--lime)}.personal-cloud-upload-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.personal-cloud-upload-actions small{color:#8d8d8d;font-size:10px;line-height:1.5}.personal-cloud-status{margin:12px 0 8px;color:#a9a9a9;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.personal-cloud-status[data-kind=warning]{color:#efb18e}.personal-cloud-status[data-kind=success]{color:#fff0a6}.personal-cloud-files{display:grid;gap:9px}.personal-cloud-file{display:flex;align-items:center;gap:14px;padding:14px 16px;min-width:0}.personal-cloud-file-icon{display:grid;place-items:center;flex:none;width:44px;height:52px;border:1px solid #454545;border-radius:7px;background:#212121;color:var(--lime);font-size:14px}.personal-cloud-file-info{display:grid;gap:5px;min-width:0;flex:1}.personal-cloud-file-info h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e4e4e4;font-size:13px;font-weight:650}.personal-cloud-file-info small{color:#8b8b8b;font:10px var(--mono)}.personal-cloud-file-info>span{color:#9e9e9e;font-size:10px}.personal-cloud-file-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;flex:none}.personal-cloud-view .button:disabled{opacity:.5;cursor:default}.personal-cloud-preview{padding:16px;margin-bottom:14px}.personal-cloud-preview .section-head h2{overflow-wrap:anywhere}.personal-cloud-preview video{display:block;width:100%;max-height:580px;border-radius:8px;background:#080808}.personal-cloud-empty{padding:30px;text-align:center;color:#cecece}.personal-cloud-empty p{max-width:580px;margin:10px auto 0;color:#8e8e8e;font-size:11px;line-height:1.6}#openPersonalCloud{margin:0 0 8px}.output-row button:disabled{opacity:.4;cursor:default}#outputDir[readonly]{color:#929292;cursor:default}
@media(max-width:800px){.personal-cloud-view{padding:0 10px 20px}.personal-cloud-file{flex-wrap:wrap}.personal-cloud-file-actions{flex-basis:100%;justify-content:flex-start;padding-left:58px}.view-tabs{max-width:calc(100% - 20px);flex-wrap:wrap}.personal-cloud-file-actions .button-quiet{display:inline-flex}}
@media(max-width:480px){.personal-cloud-view{margin-top:14px;padding:0 8px 18px}.personal-cloud-heading{align-items:flex-start}.personal-cloud-heading h1{font-size:22px}.personal-cloud-upload{padding:13px}.personal-cloud-usage{grid-template-columns:1fr 1fr;gap:14px}.personal-cloud-usage>div:first-child{grid-column:1/-1}.personal-cloud-file{padding:12px;gap:10px}.personal-cloud-file-actions{padding-left:0;display:grid;grid-template-columns:1fr 1fr}.personal-cloud-file-actions .button{font-size:10px;padding:8px 10px}.personal-cloud-upload-actions>.button{width:100%}.personal-cloud-preview .button-quiet{display:inline-flex}}
@media(max-width:560px){.admin-local-disk-grant{grid-column:1/-1}}

/* Public product page for the hosted site. */
.public-site{min-height:100vh;background:radial-gradient(ellipse at 74% 6%,#282828 0%,#141414 32%,#101010 75%);padding:0 clamp(18px,5vw,76px);color:#e7e7e7}
.public-nav{height:76px;display:flex;align-items:center;gap:30px;border-bottom:1px solid #2b2b2b}
.public-nav .brand{min-width:auto;margin-right:auto}
.public-nav nav{display:flex;align-items:center;gap:28px}
.public-nav nav a{color:#adadad;text-decoration:none;font-size:12px}
.public-nav nav a:hover{color:var(--lime)}
.public-nav-actions{display:flex;align-items:center;gap:8px}
.public-user{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a8a8a8;font:10px var(--mono)}
.public-hero{max-width:1260px;min-height:510px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);align-items:center;gap:60px;padding:66px 0 80px}
.public-hero-copy h1{max-width:650px;margin:22px 0 18px;font:700 clamp(38px,5.4vw,68px)/1.03 var(--display);letter-spacing:-2.8px}
.public-hero-copy>p{max-width:610px;color:#a3a3a3;font-size:15px;line-height:1.75}
.public-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #3b3b3b;border-radius:999px;background:#1b1b1b;color:#c6c6c6;font:10px var(--mono);letter-spacing:.6px}
.public-pill i,.public-preview-top span i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #ffd42a80}
.public-hero-actions{display:flex;gap:10px;align-items:center;margin-top:26px}
.public-hero-actions .button{padding:12px 17px;text-decoration:none;font-size:12px}
.public-download[aria-disabled="true"]{opacity:.5;pointer-events:none}
.public-download-note{display:block;margin-top:12px;color:#808080;font-size:10px}
.public-preview{width:100%;max-width:570px;justify-self:end;padding:14px;border:1px solid #3a3a3a;border-radius:16px;background:linear-gradient(145deg,#1e1e1e,#121212);box-shadow:0 30px 90px #0007;transform:rotate(1deg)}
.public-preview-top,.public-preview-footer{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 14px;color:#b9b9b9;font:9px var(--mono);letter-spacing:.5px}
.public-preview-top span{display:flex;gap:5px}.public-preview-top span i:nth-child(2){opacity:.65}.public-preview-top span i:nth-child(3){opacity:.35}.public-preview-top b{margin-right:auto;margin-left:12px;color:#dedede;font:600 10px var(--sans)}.public-preview-top small{color:#787878;font:8px var(--mono)}
.public-preview-screen{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;min-height:245px;padding:18px;border:1px solid #313131;border-radius:10px;background:radial-gradient(ellipse at 50% 45%,#2a2a2a,#111111 72%)}
.public-preview-panel{display:grid;align-content:center;gap:14px;min-height:180px;padding:14px;border:1px solid #2e2e2e;border-radius:8px;background:#181818;color:#a6a6a6}.public-preview-panel span{font:8px var(--mono);letter-spacing:.6px}.public-preview-panel b{font:600 17px var(--display);color:#dadada}.public-preview-panel i{font:12px var(--mono);color:#7d7d7d;font-style:normal}.public-preview-panel.accent{border-color:#575757;background:linear-gradient(145deg,#232323,#181818)}.public-preview-panel.accent i{color:var(--lime)}.public-preview-divider{display:grid;place-items:center;width:27px;height:27px;border:1px solid #6d6d6d;border-radius:50%;background:#ffd42a;color:#1b1b1b;font-size:13px;z-index:1}.public-preview-footer{padding:13px 5px 2px;color:#7c7c7c}.public-preview-footer b{margin-left:5px;color:#ffd42a;font-weight:500}
.public-features,.public-plans{max-width:1260px;margin:0 auto;padding:56px 0 72px;border-top:1px solid #292929}
.public-section-heading{max-width:650px;margin-bottom:28px}.public-section-heading h2,.public-download-section h2{margin:10px 0;font:700 clamp(27px,3vw,40px)/1.1 var(--display);letter-spacing:-1.1px}.public-section-heading p,.public-download-section p{margin:0;color:#919191;font-size:12px;line-height:1.7}
.public-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.public-feature-grid article{min-height:160px;padding:22px;border:1px solid #2f2f2f;border-radius:11px;background:#171717}.public-feature-grid article>span{color:var(--lime);font:10px var(--mono)}.public-feature-grid h3{margin:18px 0 8px;font:600 16px var(--display)}.public-feature-grid p{margin:0;color:#8f8f8f;font-size:11px;line-height:1.65}
.public-plans{padding-bottom:62px}.public-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.public-plan-card{display:flex;flex-direction:column;min-height:295px;padding:20px;border:1px solid #343434;border-radius:11px;background:#171717}.public-plan-card.featured{border-color:#6e6e6e;background:linear-gradient(150deg,#232323,#171717)}.public-plan-card h3{margin:7px 0 4px;font:700 22px var(--display)}.public-plan-card>p{min-height:34px;margin:0;color:#999999;font-size:10px;line-height:1.5}.public-plan-card ul{display:grid;gap:8px;margin:18px 0;padding-left:17px;color:#b7b7b7;font-size:10px;line-height:1.5}.public-plan-card li::marker{color:var(--lime)}.public-plan-card .button{margin-top:auto}.public-plan-card .button:disabled{opacity:.6;cursor:default}.public-plan-note{display:block;margin-top:16px;color:#838383;font-size:10px;line-height:1.6}
.public-download-section{max-width:1260px;margin:0 auto 40px;padding:30px;border:1px solid #3a3a3a;border-radius:13px;background:linear-gradient(105deg,#212121,#181818);display:flex;align-items:center;justify-content:space-between;gap:20px}.public-download-section h2{font-size:25px}.public-download-section .button{white-space:nowrap;text-decoration:none}.public-footer{max-width:1260px;margin:0 auto;padding:20px 0 27px;border-top:1px solid #292929;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#7f7f7f;font-size:10px}.public-footer .brand{min-width:auto}
.auth-gate.public-auth-modal{position:fixed;z-index:1000;inset:0;min-height:100vh;background:#090909dc;backdrop-filter:blur(8px)}.auth-gate.public-auth-modal .auth-card{position:relative}.auth-close{position:absolute;right:12px;top:10px;width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:#a9a9a9;font-size:22px}.auth-close:hover{background:#262626;color:#fff}
#siteBackHome{white-space:nowrap}
@media(max-width:900px){.public-hero{grid-template-columns:1fr;gap:34px;padding:58px 0}.public-preview{justify-self:start;max-width:650px}.public-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.public-site{padding:0 17px}.public-nav{height:66px;gap:12px}.public-nav nav{display:none}.public-user{display:none!important}.public-nav-actions{margin-left:auto}.public-hero{min-height:auto;padding:54px 0 48px;gap:28px}.public-hero-copy h1{font-size:42px;letter-spacing:-1.8px}.public-hero-copy>p{font-size:13px}.public-hero-actions{align-items:stretch;flex-direction:column}.public-hero-actions .button{text-align:center}.public-preview-screen{min-height:195px;padding:10px;grid-template-columns:1fr 25px 1fr}.public-preview-panel{min-height:150px;padding:10px}.public-preview-panel b{font-size:13px}.public-preview-top small{display:none}.public-features,.public-plans{padding:40px 0}.public-feature-grid,.public-plan-grid{grid-template-columns:1fr}.public-feature-grid article{min-height:130px}.public-plan-card{min-height:260px}.public-download-section{align-items:flex-start;flex-direction:column;padding:22px}.public-footer{align-items:flex-start;flex-direction:column}}

.cloud-output-settings{margin-top:15px;padding:12px;border:1px solid #434343;border-radius:8px;background:#212121}.cloud-output-settings>.field-label{margin:0 0 7px}.cloud-output-settings>b{color:var(--lime);font-size:13px}.cloud-output-settings>p{color:#a1a1a1;font-size:10px;line-height:1.55;margin:8px 0 10px}.job-row .job-storage-error{color:#efb18e;line-height:1.5;overflow-wrap:anywhere}.dropzone[aria-disabled=true]{opacity:.55;cursor:wait}
/* Private admin preset studio */
.admin-feature-explainer{max-width:850px;margin:0;color:#939393;font-size:10px;line-height:1.6}.admin-plan-features-panel,.admin-private-presets{margin-top:14px;padding:16px}.admin-plan-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:12px}.admin-plan-feature{display:grid;gap:9px;padding:12px;border:1px solid #323232;border-radius:8px;background:#141414}.admin-plan-feature header{display:flex;justify-content:space-between;align-items:center}.admin-plan-feature header b{color:#e3e3e3;font-size:12px}.admin-plan-feature header small{color:#939393;font:9px var(--mono)}.admin-plan-feature label{display:flex;align-items:center;gap:7px;color:#b9b9b9;font-size:10px}.admin-plan-feature .button{justify-self:start}.admin-preset-layout{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,1.7fr);gap:12px;margin-top:12px}.admin-preset-browser,.admin-preset-editor{min-width:0;border:1px solid #313131;border-radius:9px;background:#121212}.admin-preset-browser{display:flex;flex-direction:column;max-height:900px;overflow:hidden}.admin-preset-filters{display:grid;gap:7px;padding:9px;border-bottom:1px solid #2c2c2c}.admin-preset-filters input,.admin-preset-filters select,.admin-preset-name-row input{min-width:0;padding:9px 10px;border:1px solid #3b3b3b;border-radius:6px;outline:none;background:#0f0f0f;color:#e4e4e4;font:10px var(--sans)}.admin-preset-filters input:focus,.admin-preset-filters select:focus,.admin-preset-name-row input:focus{border-color:var(--lime)}.admin-preset-count{padding:8px 10px;color:#a9a9a9;font:9px var(--mono)}.admin-preset-list{display:grid;align-content:start;gap:3px;padding:0 6px 8px;overflow:auto}.admin-preset-choice{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:#c2c2c2;text-align:left;font:10px var(--sans);cursor:pointer}.admin-preset-choice small{color:#787878;font:8px var(--mono)}.admin-preset-choice:hover,.admin-preset-choice[aria-selected=true]{border-color:#414141;background:#212121;color:#ffd42a}.admin-preset-editor{padding:10px}.admin-preset-preview{position:relative;height:clamp(190px,30vw,340px);overflow:hidden;border-radius:7px;background:#2a2a2a}.admin-preset-preview img{width:100%;height:100%;object-fit:cover;object-position:center 38%;transition:filter .12s ease,transform .12s ease}.admin-preset-preview>span{position:absolute;left:9px;top:9px;padding:5px 7px;border:1px solid #ffd42a55;border-radius:5px;background:#111111cc;color:#ffd42a;font:8px var(--mono);letter-spacing:.4px}.admin-preset-name-row{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:8px;margin:11px 0;color:#a9a9a9;font-size:10px}.admin-preset-name-row>span{color:#ffd42a;font:8px var(--mono)}.admin-preset-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 12px;max-height:410px;padding:2px 8px 2px 1px;overflow:auto}.admin-preset-controls .control-row{padding:8px 0;border-bottom:1px solid #292929}.admin-preset-controls .control-top{display:flex;justify-content:space-between;gap:8px;color:#d3d3d3;font-size:9px}.admin-preset-controls .control-value{color:#ffd42a;font:9px var(--mono)}.admin-preset-controls input[type=range]{width:100%;accent-color:var(--lime)}.admin-preset-controls .range-ends{display:flex;justify-content:space-between;color:#777777;font:8px var(--mono)}.admin-preset-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.admin-preset-actions small{max-width:460px;color:#848484;font-size:8px;line-height:1.5}.admin-preset-actions .button{flex:none}.admin-private-presets .section-head>div{min-width:0}.admin-private-presets .section-head h2{margin-bottom:5px}@media(max-width:820px){.admin-preset-layout{grid-template-columns:1fr}.admin-preset-browser{max-height:260px}.admin-preset-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin-preset-actions{align-items:stretch;flex-direction:column}.admin-preset-actions .button{align-self:flex-start}}@media(max-width:520px){.admin-plan-feature-grid{grid-template-columns:1fr 1fr}.admin-preset-name-row{grid-template-columns:1fr auto}.admin-preset-name-row label{grid-column:1/-1}.admin-preset-name-row input{grid-column:1}.admin-preset-name-row>span{grid-column:2}.admin-preset-controls{grid-template-columns:1fr}.admin-private-presets,.admin-plan-features-panel{padding:11px}}


/* Subscription controls, private cloud folders, and destination-aware planning. */
.preset-access-notice { margin: 0 0 13px; padding: 11px 13px; color: var(--muted); background: rgba(255,255,255,.025); border: 1px solid var(--line); border-radius: 9px; font-size: 12px; line-height: 1.6; }
.preset-access-notice[data-kind="locked"] { border-color: #55523b; color: #c9c49d; }
.preset-chip-locked { opacity: .65; border-style: dashed; }
.feature-locked { opacity: .58; }
.feature-locked input:disabled, .preset-chip-locked button:disabled { cursor: not-allowed; }
.cloud-folder-output { margin: 14px 0; padding: 13px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.025); }
.cloud-folder-controls { display: flex; gap: 8px; align-items: center; }
.cloud-folder-controls select { flex: 1; min-width: 0; }
.cloud-folder-output small { display: block; color: var(--muted); margin-top: 10px; font-size: 11px; line-height: 1.6; }
.cloud-folder-filter { display: flex; align-items: center; gap: 14px; margin: 20px 0; font-size: 13px; color: var(--muted); }
.cloud-folder-filter select { min-width: 220px; max-width: 100%; background: var(--panel); color: var(--text); border: 1px solid var(--line); border-radius: 8px; padding: 10px; }
.instagram-account-cap { padding: 10px 12px; color: var(--muted); font-size: 12px; line-height: 1.6; border: 1px solid var(--line); border-radius: 9px; margin-bottom: 12px; }
.instagram-account-list { display: grid; gap: 9px; margin-bottom: 22px; }
.instagram-profile { padding: 14px; border: 1px solid var(--line); border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; background: rgba(255,255,255,.02); }
.instagram-profile b { font-size: 14px; }
.instagram-profile small { display: block; color: var(--muted); margin-top: 6px; font-size: 11px; line-height: 1.5; }
.instagram-profile-locked { border-style: dashed; opacity: .75; }
.instagram-profile-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.calendar-event-destination { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--lime); font-size: 9px !important; margin-top: 3px; }
.calendar-live-bar { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:12px; color:var(--muted); font-size:11px; line-height:1.5; }
.calendar-overview { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin-bottom:14px; }
.calendar-overview-stat { display:grid; gap:5px; padding:13px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.025); }
.calendar-overview-stat b { color:var(--lime); font:600 20px var(--mono); }
.calendar-overview-stat span { color:var(--muted); font-size:11px; }
.calendar-cell-status { display:block; margin-top:3px; color:#bbb; }
.calendar-cell-status.status-failed,.calendar-overview-stat.status-failed b { color:#ffab91; }
.calendar-cell-status.status-published,.calendar-overview-stat.status-published b { color:#fff0a6; }
.calendar-cell-status.status-publishing { color:#f3cc67; }
.calendar-automation-card { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:16px; margin-bottom:14px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.025); }
.calendar-automation-card h2 { font-size:15px; margin:5px 0 8px; }
.calendar-automation-card p,.calendar-automation-hint { color:var(--muted); font-size:11px; line-height:1.6; margin:7px 0; }
.calendar-automation-card small { color:var(--muted); font-size:10px; line-height:1.6; }
.calendar-approval-note { font-size:11px; color:var(--lime); line-height:1.5; margin:9px 0; }
.auth-assistance { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 14px; margin:9px 0; }
.auth-assistance .text-button { color:var(--muted); font-size:11px; padding:4px 0; text-decoration:underline; text-underline-offset:3px; }
.auth-assistance .text-button:hover { color:var(--lime); }
.billing-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:18px 0 9px; }
.billing-toolbar label { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:12px; }
.billing-toolbar select { padding:9px 13px; border:1px solid var(--line); border-radius:7px; background:var(--bg); color:var(--text); }
.billing-status { font-size:12px; color:var(--muted); line-height:1.6; }
.billing-status[data-kind="error"] { color:#ffad91; }
.billing-status[data-kind="success"] { color:var(--lime); }
@media(max-width:900px) { .calendar-overview { grid-template-columns:repeat(3,minmax(0,1fr)); } .calendar-toolbar-actions { flex-wrap:wrap; } }
@media(max-width:560px) { .view-tabs { max-width:calc(100% - 16px); width:fit-content; flex-wrap:wrap; justify-content:center; } .view-tab { padding:8px 11px; } .calendar-overview-stat { padding:10px; } .calendar-overview-stat span { font-size:10px; } .calendar-report-entry-head { align-items:flex-start; flex-wrap:wrap; } .calendar-report-entry-head>div:first-child { flex-wrap:wrap; } .calendar-event-info .calendar-cell-status { font-size:7px; line-height:1.3; } .calendar-automation-card { flex-direction:column; align-items:stretch; } .calendar-report-actions { flex-wrap:wrap; } }
.calendar-destination-chip { padding: 4px 8px; color: var(--lime); background: rgba(199,227,117,.07); border: 1px solid rgba(199,227,117,.16); border-radius: 6px; font-size: 11px; line-height: 1.6; }
.calendar-account-summary { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 9px; margin: 15px 0; }
.calendar-account-report { display: grid; gap: 7px; padding: 13px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.025); }
.calendar-account-report b { font-size: 13px; overflow-wrap: anywhere; }
.calendar-account-report span { color: var(--lime); font-size: 14px; }
.calendar-account-report small { color: var(--muted); font-size: 11px; line-height: 1.6; }
.calendar-report-account-filter { display: flex; gap: 12px; align-items: center; color: var(--muted); font-size: 12px; margin: 15px 0; }
.calendar-report-account-filter select { padding: 9px 12px; border-radius: 7px; border: 1px solid var(--line); background: var(--bg); color: var(--text); max-width: 100%; }
.autofill-destinations-heading { margin-top: 22px !important; }
.autofill-account-rules { display: grid; gap: 8px; margin: 12px 0; }
.autofill-account-rule { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid var(--line); border-radius: 8px; padding: 11px; background: rgba(255,255,255,.025); }
.autofill-account-rule b { font-size: 12px; overflow-wrap: anywhere; }
.autofill-account-rule small { display: block; color: var(--muted); margin-top: 5px; font-size: 10px; line-height: 1.5; }
.autofill-account-rule input { width: 80px !important; flex: 0 0 80px; text-align: center; margin: 0 !important; }
.autofill-account-fields { display: flex; flex-wrap: wrap; gap: 8px; }
.autofill-account-fields label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; }
.autofill-account-fields input[type="time"] { width: 108px !important; }
@media (max-width: 680px) { .autofill-account-rule { align-items: stretch; flex-direction: column; } }
.autofill-range-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.autofill-range-row label { color: var(--muted); font-size: 12px; }
.autofill-day-overrides { border: 1px solid var(--line); border-radius: 9px; padding: 13px; margin: 14px 0; }
.autofill-day-overrides summary { cursor: pointer; color: var(--text); font-size: 12px; line-height: 1.6; }
.autofill-day-grid { overflow: auto; max-height: 350px; margin-top: 13px; }
.autofill-day-override-table { width: 100%; border-collapse: collapse; font-size: 11px; }
.autofill-day-override-table th { background: var(--panel); position: sticky; top: 0; z-index: 1; padding: 9px; text-align: left; color: var(--muted); font-weight: 500; white-space: nowrap; }
.autofill-day-override-table td { padding: 6px; border-bottom: 1px solid var(--line); }
.autofill-day-override-table tbody th { position: static; color: var(--text); }
.autofill-day-override-table input { min-width: 65px; width: 75px !important; margin: 0 !important; text-align: center; }
.admin-account-limit { display: flex; gap: 10px; align-items: center; justify-content: space-between; }
.admin-account-limit input { width: 65px; background: var(--bg); color: var(--text); border: 1px solid var(--line); border-radius: 6px; padding: 7px; }
@media (max-width: 680px) {
  .cloud-folder-filter { align-items: stretch; flex-direction: column; gap: 8px; }
  .cloud-folder-filter select { width: 100%; }
  .cloud-folder-controls { flex-wrap: wrap; }
  .cloud-folder-controls select { flex-basis: 100%; }
  .instagram-profile-actions { width: 100%; }
  .calendar-report-account-filter { align-items: stretch; flex-direction: column; }
  .autofill-range-row { grid-template-columns: 1fr; }
}
.calendar-accounts-panel { margin: 14px 0; padding: 17px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.018); }
.calendar-accounts-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.calendar-accounts-panel h2 { margin: 6px 0 0; font-size: 18px; }
.calendar-trial-policy { margin: 12px 0 15px; color: var(--muted); font-size: 11px; line-height: 1.65; }
.calendar-account-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 10px; }
.calendar-profile-card { display: flex; flex-direction: column; justify-content: space-between; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); min-width: 0; }
.calendar-profile-card b { display: block; font-size: 13px; overflow-wrap: anywhere; }
.calendar-profile-card span { display: block; margin: 7px 0; color: var(--lime); font-size: 12px; }
.calendar-profile-card small,.instagram-trial-status { color: #e9c771; font-size: 11px; line-height: 1.5; }
.calendar-profile-card p { margin: 7px 0 0; color: var(--muted); font-size: 10px; line-height: 1.6; overflow-wrap: anywhere; }
.calendar-profile-blocked { border-style: dashed; opacity: .78; }
.calendar-profile-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.calendar-month-account-filter { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 15px; color: var(--muted); font-size: 11px; }
.calendar-month-account-filter select,.cloud-upload-folder,.calendar-upload-folder { min-width: 160px; max-width: 300px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 7px; background: #111111; color: var(--text); font: 11px var(--sans); }
.calendar-toolbar-actions { flex-wrap: wrap; justify-content: flex-end; }
.calendar-upload-feedback { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
.calendar-upload-feedback p { max-width: 100%; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; overflow-wrap: anywhere; }
.calendar-upload-feedback p[data-kind=warning] { color: #e9b28f; }
.calendar-upload-feedback p[data-kind=success] { color: var(--lime); }
.calendar-trial-result { padding: 10px 12px; border: 1px solid #514329; border-radius: 7px; color: #e9c771; background: #f7bf3110; font-size: 11px; line-height: 1.6; }
@media(max-width:700px) { .calendar-accounts-panel { padding: 12px; } .calendar-accounts-panel > header { align-items: flex-start; flex-wrap: wrap; } .calendar-account-list { grid-template-columns: 1fr; } .calendar-month-account-filter select { flex: 1; max-width: 100%; } .calendar-toolbar-actions { justify-content: flex-start; } }

/* Varylo workspace: the same materials, type and yellow accent as the public site.
   --lime remains an alias for compatibility with the existing control renderers. */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/vendor/fonts/Inter.ttf') format('truetype'); }
:root {
  --sans: 'Inter', 'Segoe UI', Arial, sans-serif;
  --display: 'Inter', 'Segoe UI', Arial, sans-serif;
  --accent: #ffd42a;
  --accent-soft: rgba(255, 212, 42, .09);
  --accent-line: rgba(255, 212, 42, .32);
  --surface-raised: #191919;
  --surface-inset: #0d0d0d;
  --text-soft: #c8c8c2;
  --success: #8bd7bc;
  --warning: #efc473;
  --danger: #ff958a;
  --radius: 16px;
  --panel-shadow: 0 16px 36px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .025);
}
html { scroll-padding-top: 100px; }
body { min-width: 320px; background: var(--bg); font-size: 14px; line-height: 1.45; -webkit-font-smoothing: antialiased; }
body::selection, ::selection { background: #ffd42a; color: #090909; }
button, input, select, textarea { font-family: var(--sans); }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 2px solid var(--accent); outline-offset: 4px;
}
.hidden, [hidden] { display: none !important; }
.app-shell { background: radial-gradient(ellipse at 83% 0, rgba(255, 212, 42, .045), transparent 38%), var(--bg); }
.app-shell :where(h1,h2,h3,p) { overflow-wrap: break-word; }
.app-shell :where(h1,h2,h3) { font-family: var(--display); font-weight: 650; }
.app-shell :where(input,select,textarea), dialog :where(input,select,textarea) { accent-color: var(--accent); }
.app-shell input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),
.app-shell select, .app-shell textarea, dialog input:not([type=range]):not([type=checkbox]):not([type=radio]), dialog select, dialog textarea {
  background: var(--surface-inset); border: 1px solid #353535; border-radius: 9px; color: var(--text);
  transition: border-color .16s ease, box-shadow .16s ease; padding: 10px 12px;
}
.app-shell input::placeholder, dialog input::placeholder, textarea::placeholder { color: #777772; opacity: 1; }
.app-shell input:not([type=range]):focus, .app-shell select:focus, .app-shell textarea:focus,
dialog input:not([type=range]):focus, dialog select:focus, dialog textarea:focus {
  border-color: var(--accent); box-shadow: 0 0 0 3px rgba(255, 212, 42, .09); outline: none;
}
.app-shell input[type=range], dialog input[type=range] { accent-color: var(--accent); cursor: pointer; }
.app-shell input[type=range]:disabled, dialog input[type=range]:disabled { cursor: not-allowed; }
.app-shell ::-webkit-scrollbar, dialog ::-webkit-scrollbar { width: 7px; height: 7px; }
.app-shell ::-webkit-scrollbar-thumb, dialog ::-webkit-scrollbar-thumb { background: #3b3b38; border: 2px solid #141414; border-radius: 9px; }
.app-shell ::-webkit-scrollbar-track, dialog ::-webkit-scrollbar-track { background: transparent; }
.app-shell, dialog { scrollbar-color: #3b3b38 transparent; scrollbar-width: thin; }
.topbar {
  position: relative; z-index: 10; height: auto; min-height: 80px; gap: 28px; padding: 17px 32px;
  border-bottom-color: #282828; background: rgba(12, 12, 12, .96);
}
.brand { min-width: 150px; gap: 12px; }
.brand-mark { width: 38px; height: 38px; border-radius: 11px; background: var(--accent); box-shadow: inset 0 1px 0 #fff4, 0 5px 16px #0005; padding: 10px; gap: 4px; }
.brand-mark i { background: #171717; width: 4px; }
.brand-mark i:nth-child(1) { height: 9px; }
.brand-mark i:nth-child(2) { height: 17px; }
.brand-mark i:nth-child(3) { height: 12px; }
.brand b { font-size: 22px; letter-spacing: -.8px; font-weight: 750; }
.brand small { font-size: 8px; color: #8c8c87; letter-spacing: 3px; margin-top: 2px; }
.top-status { color: #a6a69f; font-size: 10px; }
.live-dot, .foot-dot { background: var(--accent); box-shadow: 0 0 12px rgba(255, 212, 42, .3); }
.top-divider { background: #3b3b39; }
.top-actions { align-items: center; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.auth-user { font: 10px var(--mono); color: #a5a59f; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; text-decoration: none;
  min-height: 40px; border-radius: 9px; padding: 10px 16px; font-size: 12px; line-height: 1.35;
  font-weight: 650; letter-spacing: -.08px; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.button:not(:disabled):active { transform: translateY(1px); }
.button-primary, .button-auto { color: #15130a; background: var(--accent); border-color: var(--accent); box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 3px 8px rgba(0,0,0,.13); }
.button-primary:hover, .button-auto:hover { background: #ffe067; border-color: #ffe067; }
.button-quiet { border-color: #353535; color: var(--text-soft); background: rgba(255,255,255,.02); }
.button-quiet:hover, .icon-button:hover, .output-row button:hover { background: #232323; border-color: #53534a; color: var(--text); }
.button-outline { color: var(--accent); border-color: var(--accent-line); background: rgba(255, 212, 42, .045); }
.button-outline:hover { border-color: var(--accent); background: rgba(255, 212, 42, .09); }
.button-small { min-height: 33px; padding: 7px 11px; font-size: 11px; }
.button-danger { color: var(--danger); border-color: rgba(255,149,138,.32); background: rgba(255,149,138,.05); }
.button-danger:hover { color: #ffc5bf; border-color: var(--danger); background: rgba(255,149,138,.09); }
.button:disabled, .button[aria-disabled=true] { opacity: .45; cursor: not-allowed; box-shadow: none; }
.icon-button { border-color: #353535; background: #151515; width: 36px; height: 36px; border-radius: 9px; color: #d6d6cf; }
.text-button { color: #a6a69f; font-size: 11px; }
.text-button:hover { color: var(--accent); }
.view-tabs {
  position: sticky; top: 10px; z-index: 9; display: flex; justify-content: center; flex-wrap: nowrap;
  width: fit-content; max-width: calc(100% - 40px); gap: 4px; margin: 22px auto 0; padding: 5px;
  background: rgba(23,23,23,.95); border-color: #333; border-radius: 13px; box-shadow: 0 8px 24px rgba(0,0,0,.18);
  overflow-x: auto; scrollbar-width: none; backdrop-filter: blur(14px);
}
.view-tabs::-webkit-scrollbar { display: none; }
.view-tab { flex: none; padding: 11px 18px; border-radius: 8px; color: #a4a49d; font-size: 12px; font-weight: 550; white-space: nowrap; transition: background .16s, color .16s; }
.view-tab:hover { background: #282828; color: var(--text); }
.view-tab.active, .view-tab[aria-current=page] { color: #17140b; background: var(--accent); font-weight: 650; box-shadow: inset 0 1px 0 #fff4; }
.view-tab span { background: #09090926; color: inherit; font-size: 10px; }
.workspace { max-width: 1780px; grid-template-columns: 236px minmax(410px, 1fr) 320px; gap: 20px; padding: 24px 30px 34px; }
.panel { background: linear-gradient(150deg, #171717, #131313); border-color: #2e2e2e; border-radius: var(--radius); box-shadow: var(--panel-shadow); }
.section-head { gap: 12px; margin-bottom: 18px; }
.section-head h2 { font-size: 17px; letter-spacing: -.4px; margin-top: 7px; }
.eyebrow { color: #a0a098; font-size: 9px; letter-spacing: 1.65px; font-weight: 400; }
.count-pill { color: var(--accent); background: var(--accent-soft); border-color: var(--accent-line); border-radius: 7px; padding: 5px 8px; }
.sidebar { padding: 20px 16px; min-height: calc(100vh - 166px); }
.dropzone { height: 170px; background: linear-gradient(145deg, #22221c, #131313); border: 1px dashed #5c5540; border-radius: 12px; margin-bottom: 13px; padding: 12px; }
.dropzone:hover, .dropzone.dragging { background: linear-gradient(145deg, #302b18, #191919); border-color: var(--accent); box-shadow: inset 0 0 30px rgba(255,212,42,.035); }
.dropzone strong { font-size: 12px; margin: 9px 0 5px; }
.dropzone small { color: #a0a098; font-size: 10px; }
.upload-icon { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #62573a; background: var(--accent-soft); border-radius: 10px; color: var(--accent); font-size: 22px; }
.folder-import-button { width: 100%; margin-top: 7px; }
.folder-import-note { color: #9a9a93; line-height: 1.6; margin: 9px 0 19px; }
.media-heading { color: #a4a49d; border-bottom-color: #303030; padding-bottom: 12px; }
.media-list { gap: 9px; padding-top: 12px; }
.media-item { background: #1b1b1b; border-color: #292929; padding: 10px 8px; border-radius: 9px; }
.media-item:hover, .media-item.active { background: #24221a; border-color: #806e30; }
.media-thumb { background: #262626; border: 1px solid #ffffff0a; border-radius: 6px; }
.media-meta small { color: #a2a29b; }
.media-remove { color: #99998e; }
.sidebar-note { color: #9b9b94; padding-top: 18px; font-size: 11px; }
.empty-small, .no-presets { color: #94948d; font-size: 11px; line-height: 1.6; }
.center-column { gap: 20px; }
.preview-panel { padding: 20px; }
.comparison { height: clamp(280px, 34vh, 460px); border-color: #353535; border-radius: 11px; background: #0b0b0b; box-shadow: inset 0 0 70px #0004; }
.video-stage { background: radial-gradient(ellipse at 50% 42%, #282721, #101010 72%); }
.video-stage + .video-stage { border-left-color: #45453e; }
.video-stage img { background: #0b0b0b; }
.stage-label { border-color: #44443d; background: #111111e8; color: #d7d7cf; border-radius: 6px; padding: 7px 8px; font-size: 9px; }
.stage-label-accent { color: var(--accent); border-color: #675a2c; }
.placeholder-shape { width: 50px; height: 50px; border-radius: 13px; border-color: #46463d; background: #1e1e1c; box-shadow: 0 8px 18px #0003, inset 0 1px 0 #ffffff08; }
.accent-shape { color: var(--accent); border-color: #60552b; background: #292419; }
.video-placeholder strong { font-size: 13px; color: var(--text); }
.video-placeholder span { color: #9a9a91; font-size: 10px; }
.compare-handle { width: 36px; height: 36px; background: var(--accent); color: #17140b; border-color: #171717; box-shadow: 0 3px 18px #0008; }
.player-controls { height: 50px; gap: 12px; }
.play-button { color: var(--accent); }
.timecode { color: #a4a49b; }
.preview-foot { border-top-color: #313131; color: #a0a096; padding-top: 12px; font-size: 9px; }
.lower-grid { gap: 20px; }
.presets-panel, .grade-panel, .queue-panel, .publish-storage-panel { padding: 20px; }
.settings-column { gap: 18px; }
.preset-tabs, .generator, .control-row, .grade-bottom, .table-foot { border-color: #323232; }
.tab { color: #a2a298; padding: 10px 12px; font-size: 11px; }
.tab.active { color: var(--accent); border-bottom-color: var(--accent); }
.tab span { background: #2c2c28; color: #bdbdb5; }
.preset-chip { background: #1c1c1c; border-color: #3b3b37; color: #dadad2; border-radius: 8px; min-height: 33px; }
.preset-chip.selected { color: #fff0b0; background: #2c2717; border-color: #897435; }
.preset-chip .delete-preset { color: #a6a69b; }
.generator-title b { font-size: 12px; }
.generator-title small, .checkline, .quality-note, .queue-hint { color: #a4a49b; line-height: 1.55; }
.generator-controls input[type=number] { width: 56px; padding: 6px 8px; }
.control-top label { color: #d9d9d1; font-size: 12px; }
.control-value { border-color: #544925; background: #252218; color: var(--accent); border-radius: 5px; padding: 4px 6px; }
.range-ends, .group-label, .grade-bottom { color: #95958c; }
.control-row { padding-top: 12px; padding-bottom: 10px; }
.keycap { border-color: #484841; color: #bebeb4; }
.queue-summary { background: linear-gradient(130deg, #24231e, #1b1b1b); border-color: #3b3b32; border-radius: 11px; padding: 17px 14px; }
.queue-summary strong { color: var(--text); font-size: 23px; letter-spacing: -.7px; }
.queue-summary small { color: #b0b0a6; font-size: 10px; }
.queue-summary .equals { color: var(--accent); }
.queue-tag { color: #fff0b0; background: #292517; border-color: #65572b; padding: 6px 8px; }
.field-label, .output-label { color: #a8a89c; font-size: 9px; letter-spacing: 1.1px; }
.select-field { color: var(--text); }
.segmented { background: #0e0e0e; border-color: #353535; padding: 4px; border-radius: 9px; }
.segmented button { font-size: 11px; padding: 9px 6px; color: #a2a297; }
.segmented button.active { background: #302a18; color: #ffe894; }
.autopilot-panel { padding: 20px; background: radial-gradient(ellipse at 100% 0, rgba(255,212,42,.065), transparent 67%), linear-gradient(145deg,#1b1b19,#141414); border-color: #63572b; }
.auto-copy, .auto-footnote, .auto-stats span { color: #ada99a; line-height: 1.6; }
.auto-stats { background: #111; border-color: #45412e; border-radius: 9px; }
.auto-count-row { gap: 7px; }
.auto-count-row button { background: #232219; border-color: #5b5130; color: var(--accent); border-radius: 9px; min-width: 34px; min-height: 38px; }
.auto-count-row input { color: var(--text); font-size: 16px; font-weight: 650; }
.auto-plan { background: #17150f; border-color: #66562a; color: #e1d49a; line-height: 1.7; }
.button-auto { font-size: 12px; min-height: 43px; }
.button-auto:disabled { opacity: .45; }
.cloud-output-settings { background: var(--accent-soft); border-color: var(--accent-line); border-radius: 11px; padding: 14px; }
.cloud-output-settings > b { color: #ffe894; font-size: 16px; }
.cloud-output-settings > p, .cloud-folder-output small { color: #b4b0a1; line-height: 1.6; }
.cloud-folder-output { background: #181818; padding: 14px; border-radius: 11px; }
.cloud-folder-controls { align-items: stretch; }
.render-button { min-height: 44px; }
.render-button b { background: #09090922; color: #17140b; }
.progress-track { height: 6px; border-radius: 6px; background: #31312b; overflow: hidden; }
.progress-track i { background: var(--accent); border-radius: 6px; }
.progress-head, .job-row small { color: #a9a99f; }
.job-state { color: var(--accent); }
.job-state.error, .job-storage-error { color: var(--danger); }
.tips-panel { border-color: #353530; background: #171715; padding: 16px; }
.tips-panel p { color: #a2a296; line-height: 1.7; }
.app-footer { color: #85857e; font-size: 10px; line-height: 1.7; }
.table-wrap, .admin-table-wrap, .autofill-plan-wrap { border-color: #343434; border-radius: 11px; }
th { background: #20201d; color: #a8a89b; padding: 12px 10px; font-size: 9px; letter-spacing: .55px; }
td { color: #deded5; border-color: #303030; padding: 12px 10px; }
tbody tr:hover, tbody tr.active-row { background: #242219; }
.variants-panel { padding: 20px; }
.variants-panel .section-head { margin-bottom: 15px; }
.toast { background: #282418; color: #fff0ad; border-color: #776633; border-radius: 11px; padding: 13px 18px; box-shadow: 0 12px 40px #0008; line-height: 1.5; }

/* Cloud, calendar and account share one page rhythm. */
.calendar-view, .personal-cloud-view, .settings-view, .admin-view, .analytics-view, .remix-studio {
  width: 100%; max-width: 1480px; margin: 34px auto 0; padding: 0 32px 46px;
}
.settings-view, .personal-cloud-view { max-width: 1280px; }
.settings-page-heading, .admin-heading, .calendar-toolbar, .studio-heading { margin-bottom: 25px; gap: 24px; }
.settings-page-heading h1, .admin-heading h1, .calendar-toolbar h1, .studio-heading h1 { margin: 9px 0 11px; color: var(--text); font-size: clamp(28px,3vw,38px); line-height: 1.14; letter-spacing: -1.25px; }
.settings-page-heading p:last-child, .admin-heading p:last-child, .calendar-subtitle { max-width: 680px; font-size: 12px; color: #a8a89e; line-height: 1.7; }
.calendar-toolbar-actions { gap: 8px; }
.calendar-toolbar-actions .icon-button { width: 37px; height: 37px; font-size: 20px; }
.calendar-live-bar { padding: 0 2px; margin-bottom: 17px; color: #9c9c93; font-size: 11px; }
.calendar-accounts-panel { background: linear-gradient(140deg,#191919,#121212); border-color: #343434; border-radius: 16px; padding: 22px; margin-bottom: 20px; box-shadow: var(--panel-shadow); }
.calendar-accounts-panel h2 { font-size: 18px; letter-spacing: -.4px; margin-top: 7px; }
.calendar-trial-policy { color: #a7a79e; line-height: 1.65; font-size: 12px; margin: 14px 0 18px; }
.calendar-profile-card { padding: 16px; background: #1b1b1b; border-color: #3a3a35; border-radius: 11px; }
.calendar-profile-card b { color: var(--text); font-size: 14px; }
.calendar-profile-card span, .calendar-profile-card small, .instagram-trial-status { color: #a5a59b; line-height: 1.6; }
.calendar-profile-card p { color: #b8b8aa; background: #24221a; border-color: #584e2c; border-radius: 7px; padding: 10px; line-height: 1.65; }
.calendar-profile-blocked { border-color: #5d443d; background: #211b18; }
.calendar-profile-actions { gap: 7px; margin-top: 13px; }
.calendar-month-account-filter, .calendar-report-account-filter, .cloud-folder-filter { color: #b0b0a5; font-size: 12px; gap: 13px; }
.calendar-account-list { gap: 12px; }
.calendar-overview { gap: 10px; margin-bottom: 18px; }
.calendar-overview-stat { padding: 16px; background: #151515; border-color: #333; border-radius: 12px; }
.calendar-overview-stat b { font-family: var(--display); font-size: 25px; letter-spacing: -.8px; }
.calendar-overview-stat span { color: #a5a599; font-size: 11px; }
.calendar-overview-stat.status-published b, .calendar-cell-status.status-published { color: var(--success); }
.calendar-overview-stat.status-failed b, .calendar-cell-status.status-failed { color: var(--danger); }
.calendar-cell-status.status-publishing { color: var(--warning); }
.calendar-automation-card { padding: 19px 22px; border-color: #44402f; border-radius: 13px; background: linear-gradient(130deg,#201e15,#161616 76%); }
.calendar-automation-card h2 { font-size: 17px; letter-spacing: -.3px; }
.calendar-automation-card p, .calendar-automation-card small { color: #b0ac9c; }
.calendar-notice, .calendar-instagram-status, .autofill-summary, .status-notice {
  border-color: #4b4329; border-radius: 10px; background: #201d14; color: #d4c78e; padding: 13px 15px; font-size: 11px; line-height: 1.7;
}
.calendar-instagram-status b { color: #ffe287; }
.calendar-weekdays { margin: 24px 0 10px; gap: 9px; }
.calendar-weekdays span { color: #a7a798; padding: 7px 11px; font-size: 10px; letter-spacing: 1px; }
.calendar-grid { gap: 9px; }
.calendar-day { min-height: 155px; padding: 9px; border-radius: 12px; background: linear-gradient(140deg,#181818,#131313); border-color: #33332e; transition: border-color .16s, background .16s; }
.calendar-day:hover:not(.calendar-day-today) { border-color: #787052; background: #1f1e19; }
.calendar-day-muted { background: #101010; color: #7d7d72; }
.calendar-day-muted .calendar-day-number { color: #77776c; }
.calendar-day-today { border-color: #bc9f2c; box-shadow: inset 0 0 0 1px #ffd42a24; }
.calendar-day-number { width: 29px; height: 29px; border-radius: 8px; color: #d9d9cf; font-size: 12px; margin-bottom: 9px; }
.calendar-day-number:hover { background: #343021; color: var(--accent); }
.calendar-day-today .calendar-day-number { background: var(--accent); color: #17140b; }
.calendar-event-card { background: #26251f; border-color: #474331; border-radius: 7px; padding: 6px; }
.calendar-event-card:hover { background: #312c1a; border-color: #a18b3f; }
.calendar-event-info b { color: #efefe4; line-height: 1.4; }
.calendar-event-info small { color: #b5b29f; }
.calendar-event-destination { color: #ffe383; }
.calendar-event-thumb { border-radius: 5px; background: #151515; }
.calendar-more { color: #cdc5a8; background: #29271e; border-color: #50492c; border-radius: 5px; }
.calendar-disclaimer { color: #9c9c91; line-height: 1.75; margin-top: 22px; }
.calendar-trial-result { border-color: #63532b; background: #272114; color: #e6ca88; border-radius: 9px; line-height: 1.7; }
.calendar-destination-chip { background: #282419; border-color: #61512c; color: #ffe08a; }
.calendar-account-report { border-color: #3b3b35; background: #1c1c19; border-radius: 10px; padding: 14px; }
.calendar-account-report b { color: #efefe4; }
.calendar-account-report span, .calendar-account-report small { color: #aaa99a; }
.personal-cloud-upload { padding: 25px; background: radial-gradient(ellipse at 100% 0,rgba(255,212,42,.04),transparent 60%), #161616; }
.personal-cloud-usage { gap: 20px; }
.personal-cloud-usage span { color: #a3a397; font-size: 10px; letter-spacing: 1.2px; text-transform: uppercase; }
.personal-cloud-usage b { font: 650 clamp(21px,2vw,29px) var(--display); color: #f3f2e9; letter-spacing: -.7px; }
.personal-cloud-meter { height: 7px; background: #2f2f27; border: 0; border-radius: 7px; overflow: hidden; margin: 21px 0; }
.personal-cloud-meter::-webkit-progress-bar { background: #2f2f27; }
.personal-cloud-meter::-webkit-progress-value { background: linear-gradient(90deg,#d8b327,#ffdc54); border-radius: 7px; }
.personal-cloud-meter::-moz-progress-bar { background: linear-gradient(90deg,#d8b327,#ffdc54); border-radius: 7px; }
.personal-cloud-upload-actions { gap: 10px; }
.personal-cloud-upload-actions small, .personal-cloud-status { color: #aaa99a; line-height: 1.7; }
.personal-cloud-status[data-kind=success] { color: var(--success); }
.personal-cloud-status[data-kind=warning] { color: var(--warning); }
.personal-cloud-files { gap: 12px; }
.personal-cloud-file { padding: 19px 22px; gap: 18px; background: linear-gradient(145deg,#181818,#141414); transition: border-color .16s ease; }
.personal-cloud-file:hover { border-color: #605b40; }
.personal-cloud-file-icon { width: 44px; height: 54px; background: linear-gradient(145deg,#3a321a,#211d14); border-color: #786530; border-radius: 8px; color: #ffe69b; transform: rotate(-5deg); box-shadow: 3px 4px 0 #0004, inset 0 1px 0 #ffffff0a; }
.personal-cloud-file-info h2 { color: var(--text); font-size: 14px; font-weight: 600; letter-spacing: -.15px; }
.personal-cloud-file-info small, .personal-cloud-file-info > span { color: #a9a99b; font-size: 11px; line-height: 1.5; }
.personal-cloud-file-actions { gap: 8px; }
.personal-cloud-preview { padding: 22px; }
.personal-cloud-preview video { background: #080808; border-color: #38382f; border-radius: 11px; }
.personal-cloud-empty { padding: 35px 24px; }
.personal-cloud-empty p { color: #aaa99b; line-height: 1.7; }
.publish-storage-file { border-color: #3c3c35; background: #1c1c1a; border-radius: 9px; }
.publish-storage-meta small, .storage-copy, .storage-footnote { color: #a9a99a; line-height: 1.6; }
.storage-limit { background: #111; border-color: #403c29; color: #bbb5a0; border-radius: 8px; }
.storage-limit b { color: #ffe38a; }
.settings-layout { gap: 20px; }
.instagram-settings-card, .instagram-guide-card, .saas-plan-card, .desktop-download-panel { padding: 25px; }
.settings-copy, .settings-hint, .settings-steps, .settings-message { color: #aaa99c; font-size: 11px; line-height: 1.75; }
.settings-steps { padding-left: 19px; }
.settings-steps li { padding: 3px 0; }
.settings-steps li::marker { color: var(--accent); font-weight: 650; }
.settings-disclaimer { background: #1d1b13; border-color: #50452a; color: #d0c49a; line-height: 1.7; border-radius: 9px; }
.settings-check { background: #1d1d1a; border-color: #383832; border-radius: 9px; padding: 13px; }
.settings-check span { color: #aaa99a; }
.settings-check b[data-ready=true], .settings-message[data-kind=success], .instagram-account-status[data-kind=success] { color: var(--success); }
.settings-check b[data-ready=false], .settings-message[data-kind=warning], .instagram-account-status[data-kind=warning] { color: var(--warning); }
.settings-guide-link { color: var(--accent); text-underline-offset: 4px; }
.settings-guide-link:hover { color: #ffe894; }
.settings-hint code, .output-hint code { background: #2a291f; border: 1px solid #444130; color: #e1d7b2; padding: 2px 5px; border-radius: 4px; }
.instagram-brand-icon { border-color: #6d5c2f; background: #282219; color: #ffd42a; }
.instagram-connect-progress { background: #211e14; border-color: #67572c; padding: 20px; border-radius: 13px; }
.instagram-connect-progress p { color: #d1c493; font-size: 12px; line-height: 1.65; }
.instagram-service-setup { border-color: #444033; background: #191817; border-radius: 11px; }
.instagram-service-setup summary { color: #d3c6a0; padding: 14px; }
.instagram-service-setup[open] summary { border-bottom-color: #403c30; }
.instagram-account-cap { border-color: #3f3d32; background: #1b1a15; color: #bcb5a1; padding: 14px; }
.instagram-profile { background: #1a1a1a; border-color: #3b3b35; padding: 17px; border-radius: 12px; }
.instagram-profile b { color: #f3f2e9; }
.instagram-profile small { color: #aaa99b; }
.rights-confirmation { color: #cac5b2; line-height: 1.65; padding: 12px 13px; border: 1px solid #49432e; border-radius: 9px; background: #211e16; }
.rights-confirmation input { accent-color: var(--accent); flex: none; }
.plan-cards { gap: 14px; margin-top: 23px; }
.plan-card { padding: 20px 18px; background: linear-gradient(145deg,#20201b,#141414); border-color: #414137; border-radius: 13px; }
.plan-card h3 { color: var(--text); font-size: 24px; letter-spacing: -.65px; margin: 8px 0; }
.plan-card-label { color: #b2ab92; font-size: 9px; }
.plan-card p { color: #aaa99a; font-size: 11px; line-height: 1.65; }
.plan-card ul { margin: 20px 0; gap: 9px; color: #c8c4b1; font-size: 11px; line-height: 1.6; }
.plan-card-price { color: #ffe18a; font-size: 12px; margin-top: auto; }
.plan-card-action { font-size: 11px; margin-top: 16px; }
.billing-status { color: #b3ab92; font-size: 12px; }
.billing-status[data-kind=success] { color: var(--success); }
.billing-status[data-kind=error] { color: var(--danger); }
.preset-access-notice { color: #aaa99c; background: #1b1b17; border-color: #424036; font-size: 11px; }
.preset-access-notice[data-kind=locked] { color: #d1c49a; border-color: #6a5d36; background: #252013; }

/* Admin studio and audit trail. */
.admin-metrics { gap: 12px; margin: 25px 0 22px; }
.admin-metric { padding: 19px 16px; border-color: #353530; background: #171717; border-radius: 12px; }
.admin-metric span { font-size: 9px; color: #aba99a; letter-spacing: .8px; }
.admin-metric b { color: var(--text); font: 650 27px var(--display); letter-spacing: -.8px; margin-top: 12px; }
.admin-users-panel, .admin-audit-panel, .admin-plan-features-panel, .admin-private-presets { padding: 24px; margin-bottom: 20px; }
.admin-search { gap: 10px; margin: 18px 0; }
.admin-table { min-width: 1000px; }
.admin-table th { background: #24231e; color: #b4ad95; padding: 14px 12px; }
.admin-table td { padding: 18px 12px; border-color: #35352e; font-size: 11px; vertical-align: top; }
.admin-email-state[data-confirmed=true] { color: var(--success); }
.admin-entitlement-controls { gap: 8px; }
.admin-entitlement-controls select { min-height: 36px; font-size: 11px; }
.admin-current-plan { color: #a9a28b; font-size: 10px; line-height: 1.6; }
.admin-instagram-grant, .admin-local-disk-grant, .admin-account-limit { color: #c1bba5; font-size: 10px; }
.admin-instagram-grant input, .admin-local-disk-grant input { accent-color: var(--accent); }
.admin-pagination { padding-top: 18px; color: #a9a391; font-size: 11px; }
.admin-audit-list { gap: 9px; }
.admin-audit-row { border-color: #3b3a30; border-radius: 9px; background: #191915; padding: 14px; gap: 13px; }
.admin-audit-row span { color: #a7a18c; font-size: 10px; }
.admin-audit-row b { color: #d5d0bb; font-size: 11px; font-weight: 550; line-height: 1.5; }
.admin-audit-row small { color: #999584; font-size: 9px; line-height: 1.65; }
.admin-feature-explainer { color: #b1ab98; line-height: 1.7; }
.admin-plan-feature-grid { gap: 12px; }
.admin-plan-feature { border-color: #424032; background: #1b1a16; border-radius: 10px; padding: 16px; }
.admin-plan-feature header b { color: #f3eddb; font-size: 15px; }
.admin-plan-feature header small, .admin-plan-feature label { color: #b4ac92; line-height: 1.6; }
.admin-preset-layout { grid-template-columns: 250px minmax(0,1fr); gap: 16px; margin-top: 20px; }
.admin-preset-browser, .admin-preset-editor { border-color: #383830; border-radius: 12px; background: #171717; }
.admin-preset-editor { padding: 16px; }
.admin-preset-filters { padding: 12px; gap: 8px; }
.admin-preset-count { color: #ada691; padding: 11px 13px; font-size: 10px; }
.admin-preset-choice { min-height: 39px; padding: 10px; border-radius: 8px; font-size: 11px; color: #bcb8a8; }
.admin-preset-choice small { color: #a49c86; }
.admin-preset-choice:hover, .admin-preset-choice[aria-selected=true] { border-color: #69572b; background: #2c2618; color: #ffe589; }
.admin-preset-preview { height: clamp(220px,32vw,400px); border: 1px solid #ffffff0e; border-radius: 10px; background: #1a1a1a; }
.admin-preset-preview > span { background: #111111db; border-color: #ffd42a44; color: #ffe59c; font-size: 9px; padding: 7px 9px; }
.admin-preset-name-row { margin: 16px 0; color: #bcb39b; font-size: 11px; }
.admin-preset-name-row > span { color: #f3d071; font-size: 9px; }
.admin-preset-controls { max-height: 420px; gap: 0 20px; }
.admin-preset-controls .control-top { font-size: 11px; color: #d4cbb4; }
.admin-preset-controls .control-value { color: var(--accent); }
.admin-preset-controls .control-row { border-color: #35352d; padding: 12px 0; }
.admin-preset-controls .range-ends { color: #a09985; font-size: 9px; }
.admin-preset-actions { border-top: 1px solid #38352c; padding-top: 16px; margin-top: 16px; }
.admin-preset-actions small { color: #a69d88; font-size: 10px; line-height: 1.7; }

/* Authentication and the calendar's planning / report dialogs. */
.auth-gate { background: radial-gradient(ellipse at 50% 22%,rgba(255,212,42,.1),transparent 55%),#090909; padding: 25px; }
.auth-gate.public-auth-modal { background: rgba(6,6,6,.85); backdrop-filter: blur(12px); }
.auth-card { width: min(440px,100%); background: linear-gradient(145deg,#20201b,#121212); border-color: #514a32; padding: 35px; border-radius: 21px; box-shadow: 0 40px 130px #000b, inset 0 1px 0 #ffffff08; }
.auth-brand-mark { width: 44px; height: 44px; border-radius: 13px; margin: 0 auto 24px; padding: 12px; }
.auth-card h1 { color: var(--text); font-size: 27px; letter-spacing: -.8px; line-height: 1.25; margin: 12px 0; }
.auth-copy { color: #b3ac99; font-size: 12px; line-height: 1.75; }
.auth-form { gap: 12px; margin-top: 23px; }
.auth-form label { color: #c1b9a3; font-size: 11px; text-align: left; }
.auth-form input { background: #101010; color: var(--text); border-color: #484234; border-radius: 9px; min-height: 44px; padding: 12px; font-size: 12px; }
.auth-form input:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px #ffd42a15; }
.auth-submit { min-height: 44px; font-size: 12px; }
.auth-note { color: #aaa18a; font-size: 10px; line-height: 1.7; }
.auth-mode-toggle { color: #e2c875; font-size: 11px; margin-top: 14px; }
.auth-message { font-size: 11px; line-height: 1.7; color: #ffc4b4; }
.auth-message[data-kind=success] { color: var(--success); }
.auth-close { top: 12px; right: 12px; color: #c4bca7; background: #ffffff05; border-radius: 8px; width: 30px; height: 30px; }
.auth-close:hover { background: #363126; color: #ffe084; }
.auth-download { border-color: #6e5e30; background: #282317; color: #ffdd6a; font-size: 11px; }
.auth-assistance .text-button { color: #b8ad90; font-size: 10px; }
dialog {
  color: var(--text); background: linear-gradient(145deg,#20201b,#151515 60%); border: 1px solid #484434;
  border-radius: 18px; box-shadow: 0 32px 120px #000b, inset 0 1px 0 #ffffff08; padding: 26px;
  max-height: calc(100dvh - 48px); overscroll-behavior: contain;
}
dialog::backdrop { background: #000b; backdrop-filter: blur(7px); }
dialog h2 { font-size: 25px; line-height: 1.2; letter-spacing: -.7px; margin: 9px 0 13px; }
dialog p { color: #b3ac98; line-height: 1.7; font-size: 12px; }
.dialog-actions { gap: 9px; margin-top: 22px; padding-top: 18px; border-top: 1px solid #3d392d; }
.calendar-dialog { padding: 27px; border-radius: 18px; }
.calendar-form-label { color: #bdb399; font-size: 11px; margin-top: 17px; margin-bottom: 8px; }
.calendar-dialog input, .calendar-dialog select, .calendar-dialog textarea { font-size: 12px; min-height: 41px; }
.calendar-dialog textarea { min-height: 110px; }
.calendar-dialog input[type=checkbox] { min-height: 0; }
.calendar-form-preview { border-color: #423d2c; background: #090909; border-radius: 10px; margin-top: 18px; }
.calendar-folder-row { background: #141414; border-color: #49432f; border-radius: 9px; padding: 11px 12px; color: #c7bda3; }
.calendar-local-note { color: #a9a087; line-height: 1.7; }
.calendar-day-report-dialog { width: min(980px,calc(100vw - 40px)); max-height: calc(100dvh - 48px); }
.calendar-report-header { gap: 18px; margin-bottom: 20px; }
.calendar-report-header h2 { margin-top: 9px; font-size: 27px; }
.calendar-report-summary { gap: 11px; margin-bottom: 18px; }
.calendar-report-stat { border-color: #46402e; background: #242117; border-radius: 10px; padding: 15px; }
.calendar-report-stat b { font-family: var(--display); font-size: 24px; color: #ffe086; }
.calendar-report-stat span { font-size: 10px; color: #b3a78a; }
.calendar-report-stat.report-stat-warning { background: #271d16; border-color: #60492c; }
.calendar-report-stat.report-stat-warning b { color: var(--warning); }
.calendar-report-list { gap: 15px; }
.calendar-report-entry { background: #191918; border-color: #403d30; border-radius: 12px; }
.calendar-report-entry-head { background: #24221b; border-color: #423d2d; padding: 14px 16px; gap: 15px; }
.calendar-report-entry-head time { color: #ffe08a; font-size: 12px; }
.calendar-report-entry-body { padding: 17px; gap: 18px; }
.calendar-report-status { color: #e7d899; background: #3b331e; border-color: #75612b; border-radius: 6px; font-size: 10px; }
.calendar-report-status.status-published { color: #a3e1c9; background: #183029; border-color: #37614f; }
.calendar-report-status.status-failed { color: #ffc4b5; background: #34211d; border-color: #6c433b; }
.calendar-report-status.status-cancelled { color: #bcbcb1; background: #292924; border-color: #44443b; }
.calendar-report-video, .calendar-report-no-preview { background: #090909; border-color: #403b2b; border-radius: 9px; }
.calendar-report-entry-details h3 { color: #f0eadb; font-size: 14px; line-height: 1.45; }
.calendar-report-entry-details dt { color: #a79d83; line-height: 1.6; }
.calendar-report-entry-details dd { color: #d4cbb6; line-height: 1.6; }
.calendar-report-entry-details .report-file-path { color: #bdb08c; }
.report-warning { background: #2b2218; color: #ecc695; border-color: #715337; border-radius: 8px; padding: 11px; line-height: 1.7; }
.calendar-report-actions { gap: 9px; border-top-color: #46402f; padding-top: 20px; margin-top: 22px; }
.calendar-autofill-dialog { width: min(1100px,calc(100vw - 40px)); padding: 28px; }
.autofill-header h2 { font-size: 28px; letter-spacing: -.8px; }
.autofill-header p, .autofill-help { font-size: 11px; line-height: 1.7; color: #b5aa91; }
.autofill-layout { gap: 18px; margin-top: 23px; }
.autofill-section { background: #181816; border-color: #443e2d; border-radius: 13px; padding: 19px; }
.autofill-section h3 { color: #ede4ce; font-size: 14px; margin: 0 0 17px; letter-spacing: -.2px; }
.autofill-group-row { background: #242218; border-color: #53482c; border-radius: 8px; padding: 12px; }
.autofill-group-row label { color: #e5d6b0; font-size: 11px; }
.autofill-group-row small { color: #b0a184; line-height: 1.5; }
.autofill-time-row label, .autofill-range-row label { color: #b5a98d; font-size: 11px; }
.autofill-account-rule { background: #211f17; border-color: #55482d; border-radius: 9px; padding: 14px; }
.autofill-account-rule b { color: #efe5cb; font-size: 12px; }
.autofill-account-rule small, .autofill-account-fields label { color: #b6a78a; line-height: 1.6; }
.autofill-day-overrides { border-color: #4a402c; background: #1e1a13; border-radius: 9px; }
.autofill-day-overrides summary { color: #e9d69c; padding: 12px; }
.autofill-day-override-table th { background: #282318; color: #bead85; }
.autofill-day-override-table td { border-color: #493d2a; }
.autofill-auto-interval-hint { color: #c7b689; line-height: 1.6; }
.autofill-summary { margin: 20px 0 15px; font-size: 12px; }
.autofill-plan-table th { background: #2b2619; color: #cab88c; padding: 13px 10px; }
.autofill-plan-table td { border-color: #443b27; color: #dacfad; padding: 11px 10px; font-size: 11px; }
.autofill-plan-table td.autofill-repeat-cell { color: #f0c083; }
.autofill-plan-table td.autofill-new-cell { color: #a1d6ba; }
.autofill-actions { gap: 10px; margin-top: 23px; }

/* Automatic remix controls, personal color studio and new report surfaces. */
.remix-workspace { width: 100%; max-width: 1780px; margin: 27px auto -3px; padding: 0 30px; }
.remix-workspace h1 { color: var(--text); font-size: clamp(28px,3vw,38px); line-height: 1.12; letter-spacing: -1.1px; margin: 8px 0 12px; }
.remix-workspace p { color: #aba79a; font-size: 12px; line-height: 1.7; max-width: 720px; margin: 0; }
.remix-workspace .row-actions { margin-top: 15px; flex-wrap: wrap; }
#remixFeaturePanel { padding: 21px; background: radial-gradient(ellipse at 100% 0,rgba(255,212,42,.08),transparent 64%),linear-gradient(145deg,#1f1e18,#141414); border-color: #66572b; }
#remixFeaturePanel .section-head h2 { font-size: 20px; }
.remix-feature-grid { display: grid; gap: 8px; margin: 15px 0; }
.remix-feature { display: flex; align-items: center; justify-content: space-between; gap: 13px; padding: 12px; background: #1e1d19; border: 1px solid #423c2b; border-radius: 10px; cursor: pointer; transition: background .16s,border-color .16s; }
.remix-feature:hover { background: #292518; border-color: #78632e; }
.remix-feature:has(input:checked) { background: #292416; border-color: #72602d; }
.remix-feature:has(input:disabled) { opacity: .55; cursor: not-allowed; }
.remix-feature-copy { flex: 1; min-width: 0; }
.remix-feature-copy b, .remix-feature-copy strong { display: block; color: #ece5cf; font-size: 12px; font-weight: 600; line-height: 1.45; }
.remix-feature-copy small { display: block; margin-top: 4px; color: #afa58a; font-size: 10px; line-height: 1.55; }
.remix-feature input[type=checkbox] { order: 2; appearance: none; -webkit-appearance: none; width: 36px; height: 21px; border: 1px solid #6a6046; border-radius: 20px; background: #29271f; flex: none; position: relative; margin: 0; padding: 0; cursor: pointer; box-shadow: inset 0 1px 4px #0004; transition: background .16s,border-color .16s; }
.remix-feature input[type=checkbox]::before { content: ''; position: absolute; width: 13px; height: 13px; border-radius: 50%; top: 3px; left: 3px; background: #b3a78a; box-shadow: 0 2px 4px #0004; transition: transform .16s,background .16s; }
.remix-feature input[type=checkbox]:checked { background: var(--accent); border-color: var(--accent); }
.remix-feature input[type=checkbox]:checked::before { transform: translateX(15px); background: #2b2410; }
.remix-feature input[type=checkbox]:disabled { cursor: not-allowed; }
.remix-color-options, .remix-count-options { display: grid; gap: 9px; padding: 13px; margin: 14px 0; border: 1px solid #49402b; border-radius: 10px; background: #1a1812; }
.remix-color-options label, .remix-count-options label { color: #c2b28d; font-size: 11px; line-height: 1.6; }
.remix-count-options input { width: 100%; font-size: 18px; font-weight: 600; }
.remix-color-options select { width: 100%; font-size: 11px; }
.remix-color-options .checkline { margin: 4px 0; color: #d0c4a6; }
.status-notice { margin: 14px 0; }
.status-notice:empty { display: none; }
.status-notice[data-kind=error], .status-notice[data-kind=warning] { background: #2b2118; border-color: #735135; color: #f0c6a1; }
.status-notice[data-kind=success] { background: #172922; border-color: #365f4f; color: #b8e1ce; }
.color-studio-dialog { width: min(1480px,calc(100vw - 48px)); max-height: calc(100dvh - 48px); padding: 27px; }
.color-studio-dialog > header { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; margin-bottom: 20px; }
.color-studio-dialog > header h2 { margin-top: 9px; }
.color-studio-grid { display: grid; grid-template-columns: 225px minmax(300px,1fr) 300px; gap: 18px; align-items: start; }
.color-studio-grid > section, .color-studio-grid > aside { min-width: 0; background: #171715; border: 1px solid #433d2d; border-radius: 12px; padding: 17px; }
.color-studio-preview { min-width: 0; overflow: hidden; background: #0a0a0a; border: 1px solid #47402d; border-radius: 11px; position: relative; }
.color-studio-preview canvas, .color-studio-preview video, .color-studio-preview img { display: block; width: 100%; height: auto; max-height: 52vh; object-fit: contain; background: #090909; }
.color-studio-preview :where(.stage-label,.eyebrow) { position: absolute; top: 12px; left: 12px; z-index: 1; background: #111d; color: #ffe68b; padding: 6px 9px; border-radius: 6px; }
.color-studio-controls { display: grid; gap: 2px; max-height: 57vh; padding-right: 5px; overflow-y: auto; }
.color-studio-controls .control-row { border-color: #403a2b; }
.color-studio-controls .control-top label { color: #d8ccb1; font-size: 11px; }
.color-studio-controls .range-ends { color: #a79a7e; }
.color-studio-footer { display: flex; justify-content: space-between; gap: 18px; align-items: center; border-top: 1px solid #4b402b; margin-top: 23px; padding-top: 19px; }
.color-studio-footer p, .color-studio-footer small { max-width: 660px; margin: 0; color: #b2a184; font-size: 11px; line-height: 1.7; }
.color-studio-footer .row-actions { flex-wrap: wrap; justify-content: flex-end; }
.color-studio-dialog :where(.preset-list,.color-studio-list) { display: grid; gap: 7px; max-height: 47vh; overflow-y: auto; align-content: start; }
.color-studio-dialog .preset-chip { width: 100%; justify-content: space-between; min-height: 38px; padding: 9px; }
.remix-admin-panel { padding: 24px; }
.remix-admin-panel .settings-card { background: #1d1b16; border: 1px solid #48402d; border-radius: 10px; padding: 17px; margin: 14px 0; }
.remix-admin-panel .field-grid { gap: 13px; align-items: start; }
.remix-admin-panel :where(label,small) { color: #baaa8a; font-size: 11px; line-height: 1.6; }
.studio-kicker { color: #b9ac8d; font: 10px var(--mono); letter-spacing: 1.6px; }
.studio-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(280px,.8fr); gap: 22px; }
.studio-card { padding: 24px; background: linear-gradient(145deg,#1c1b18,#131313); border: 1px solid #3d392c; border-radius: 16px; box-shadow: var(--panel-shadow); }
.studio-field { display: grid; gap: 8px; color: #b9ac90; font-size: 11px; }
.studio-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.studio-preview-stage { overflow: hidden; background: radial-gradient(ellipse at 50% 42%,#302b1b,#0b0b0b 74%); border: 1px solid #514631; border-radius: 12px; min-height: 240px; }
.studio-summary { padding: 17px; border: 1px solid #55482a; border-radius: 11px; background: #252015; color: #d9c794; line-height: 1.7; font-size: 12px; }
.studio-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.studio-premium-note { padding: 15px; border: 1px solid #776132; border-radius: 10px; background: #292214; color: #e7d093; font-size: 11px; line-height: 1.7; }
.studio-result-grid, .analytics-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 16px; }
.studio-result { min-width: 0; padding: 18px; border: 1px solid #49402d; border-radius: 12px; background: #1c1a16; }
.studio-result video { width: 100%; border-radius: 8px; background: #090909; }
.analytics-metrics { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 14px; margin-bottom: 23px; }
.analytics-metric { padding: 22px; border: 1px solid #3f3c2c; border-radius: 13px; background: linear-gradient(145deg,#222017,#151515); }
.analytics-metric b { display: block; color: #ffe28a; font: 650 32px var(--display); letter-spacing: -1px; margin: 8px 0; }
.analytics-metric span, .analytics-metric small { color: #b5a789; font-size: 11px; }
.analytics-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 25px; }
.analytics-heading h1 { font-size: clamp(28px,3vw,38px); line-height: 1.13; letter-spacing: -1.1px; margin: 8px 0 12px; }
.analytics-heading p { color: #ada38c; font-size: 12px; line-height: 1.7; }
.manual-mode { margin-top: 20px; border: 1px solid #38362b; border-radius: 12px; padding: 16px; background: #141413; }
.manual-mode > summary { color: #c1b699; font-size: 12px; font-weight: 600; cursor: pointer; }
.manual-mode[open] > summary { color: #ffe18a; margin-bottom: 18px; }

@media (min-width: 1800px) {
  .workspace { grid-template-columns: 250px minmax(520px,1fr) 340px; gap: 22px; }
  .comparison { height: clamp(360px,38vh,520px); }
}
@media (max-width: 1420px) {
  .workspace { grid-template-columns: 215px minmax(350px,1fr) 295px; gap: 16px; padding: 23px 22px; }
  .presets-panel, .grade-panel, .queue-panel, .publish-storage-panel, #remixFeaturePanel { padding: 17px; }
  .lower-grid { grid-template-columns: 1fr; gap: 16px; }
  .topbar { gap: 22px; padding: 16px 22px; }
  .top-actions .auth-user { max-width: 160px; }
  .color-studio-grid { grid-template-columns: 195px minmax(260px,1fr) 260px; gap: 13px; }
  .color-studio-grid > section, .color-studio-grid > aside { padding: 13px; }
}
@media (max-width: 1200px) {
  .workspace { grid-template-columns: 210px minmax(0,1fr); }
  .sidebar { grid-row: 1 / span 2; }
  .settings-column { grid-column: 2; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 16px; }
  #remixFeaturePanel, .settings-column .app-footer { grid-column: 1 / -1; }
  .remix-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .lower-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .grade-scroll { max-height: 340px; }
  .top-status { display: none; }
  .top-actions { margin-left: auto; }
  .calendar-view, .admin-view, .analytics-view, .remix-studio { padding-left: 22px; padding-right: 22px; }
  .calendar-toolbar { align-items: flex-start; flex-wrap: wrap; }
  .calendar-toolbar-actions { justify-content: flex-start; }
  .admin-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .color-studio-grid { grid-template-columns: 190px minmax(0,1fr); }
  .color-studio-controls { max-height: 320px; }
  .color-studio-grid > :last-child { grid-column: 2; }
  .color-studio-controls { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 17px; }
}
@media (max-width: 900px) {
  .topbar { padding: 15px 20px; gap: 18px; }
  .top-actions .auth-user { display: none; }
  .view-tabs { margin-top: 17px; max-width: calc(100% - 32px); justify-content: flex-start; }
  .view-tab { padding: 10px 14px; font-size: 11px; }
  .workspace { grid-template-columns: 190px minmax(0,1fr); padding: 20px 18px; gap: 14px; }
  .lower-grid { grid-template-columns: 1fr; }
  .settings-column { grid-template-columns: 1fr; }
  .remix-feature-grid { grid-template-columns: 1fr; }
  .sidebar { padding: 17px 13px; }
  .dropzone { height: 148px; }
  .calendar-view, .personal-cloud-view, .settings-view, .admin-view, .analytics-view, .remix-studio { margin-top: 28px; padding: 0 20px 36px; }
  .remix-workspace { padding: 0 20px; margin-top: 25px; }
  .calendar-overview { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .calendar-day { min-height: 128px; padding: 7px; border-radius: 9px; }
  .calendar-grid, .calendar-weekdays { gap: 6px; }
  .calendar-event-card { gap: 4px; padding: 5px; }
  .calendar-event-thumb { display: none; }
  .calendar-event-info b { font-size: 9px; }
  .settings-layout, .studio-grid { grid-template-columns: 1fr; }
  .admin-preset-layout { grid-template-columns: 220px minmax(0,1fr); }
  .admin-preset-controls { grid-template-columns: 1fr; }
  .color-studio-dialog { width: calc(100vw - 32px); padding: 22px; }
  .color-studio-footer { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 720px) {
  .topbar { min-height: 72px; padding: 13px 16px; flex-wrap: wrap; gap: 14px; }
  .brand-mark { width: 34px; height: 34px; padding: 9px; }
  .brand b { font-size: 20px; }
  .brand { min-width: 0; }
  .top-actions { gap: 6px; }
  .top-actions .button { min-height: 35px; padding: 8px 10px; font-size: 11px; }
  .top-actions #helpBtn { display: none; }
  .view-tabs { max-width: calc(100% - 24px); margin-top: 14px; top: 6px; padding: 4px; border-radius: 11px; }
  .view-tab { min-height: 37px; padding: 9px 12px; }
  .workspace { grid-template-columns: 1fr; padding: 18px 14px 28px; gap: 17px; }
  .sidebar { grid-row: auto; min-height: 0; padding: 18px; }
  .media-list { grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); max-height: 230px; }
  .sidebar-note { margin-top: 13px; }
  .dropzone { height: 144px; }
  .settings-column { grid-column: auto; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .remix-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .center-column { gap: 17px; }
  .preview-panel { padding: 18px; }
  .comparison { min-height: 250px; height: 54vw; }
  .calendar-view, .personal-cloud-view, .settings-view, .admin-view, .analytics-view, .remix-studio { padding: 0 14px 30px; }
  .remix-workspace { padding: 0 15px; }
  .calendar-toolbar, .settings-page-heading, .admin-heading { gap: 16px; }
  .calendar-accounts-panel, .calendar-automation-card, .personal-cloud-upload, .instagram-settings-card, .instagram-guide-card, .saas-plan-card, .desktop-download-panel { padding: 18px; }
  .calendar-accounts-panel > header { flex-wrap: wrap; gap: 13px; }
  .calendar-automation-card { align-items: flex-start; flex-direction: column; }
  .personal-cloud-file { padding: 17px; flex-wrap: wrap; gap: 13px; }
  .personal-cloud-file-actions { width: 100%; padding-left: 57px; }
  .personal-cloud-usage { gap: 14px; }
  .personal-cloud-usage b { font-size: 22px; }
  .admin-users-panel, .admin-audit-panel, .admin-private-presets, .admin-plan-features-panel, .remix-admin-panel { padding: 18px; }
  .admin-preset-layout { grid-template-columns: 1fr; }
  .admin-preset-browser { max-height: 285px; }
  .admin-preset-list { grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); }
  .admin-preset-controls { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-preset-actions { flex-direction: column; align-items: stretch; gap: 13px; }
  .admin-preset-actions .row-actions { flex-wrap: wrap; }
  .calendar-dialog { width: calc(100vw - 24px); padding: 20px; max-height: calc(100dvh - 28px); }
  .calendar-day-report-dialog, .calendar-autofill-dialog { width: calc(100vw - 24px); padding: 20px; }
  .autofill-layout { grid-template-columns: 1fr; gap: 14px; }
  .autofill-section { padding: 16px; }
  .calendar-report-entry-body { padding: 14px; }
  .calendar-report-video { max-height: 300px; }
  .color-studio-grid { grid-template-columns: 1fr; }
  .color-studio-grid > :last-child { grid-column: auto; }
  .color-studio-dialog :where(.preset-list,.color-studio-list) { max-height: 185px; grid-template-columns: repeat(auto-fill,minmax(145px,1fr)); }
  .color-studio-dialog > header h2 { font-size: 23px; }
  .color-studio-preview canvas, .color-studio-preview video, .color-studio-preview img { max-height: 43vh; }
  .color-studio-controls { max-height: 350px; }
}
@media (max-width: 520px) {
  .topbar { min-height: 67px; padding: 12px; gap: 9px; }
  .brand { gap: 9px; }
  .brand small { font-size: 7px; letter-spacing: 2.3px; }
  .top-actions .button-quiet { display: inline-flex; }
  .top-actions .download-windows, .top-actions #helpBtn { display: none; }
  .top-actions #siteBackHome { font-size: 10px; padding: 7px; }
  .top-actions #renderTop { min-height: 34px; padding: 8px 9px; }
  .view-tabs { width: calc(100% - 20px); max-width: calc(100% - 20px); margin-top: 10px; }
  .view-tab { padding: 9px 11px; font-size: 11px; }
  .view-tab span { font-size: 9px; }
  .workspace { padding: 15px 11px 25px; gap: 14px; }
  .settings-column, .lower-grid, .remix-feature-grid { grid-template-columns: 1fr; }
  .preview-panel, .presets-panel, .grade-panel, .queue-panel, .publish-storage-panel, .autopilot-panel, #remixFeaturePanel { padding: 16px; }
  .section-head h2 { font-size: 16px; }
  .comparison { min-height: 220px; height: 62vw; }
  .stage-label { padding: 5px; left: 7px; top: 7px; font-size: 8px; }
  .video-placeholder strong { font-size: 11px; }
  .video-placeholder span { font-size: 9px; max-width: 128px; text-align: center; }
  .placeholder-shape { width: 42px; height: 42px; }
  .compare-handle { width: 30px; height: 30px; }
  .preview-foot { font-size: 9px; line-height: 1.5; }
  .preset-tabs { align-items: flex-start; flex-direction: column; }
  .preset-tab-buttons { width: 100%; }
  .preset-tab-buttons .tab { flex: 1; padding: 9px 8px; }
  .preset-quick-actions { padding: 6px 0 9px; justify-content: flex-start; }
  .calendar-view, .personal-cloud-view, .settings-view, .admin-view, .analytics-view, .remix-studio { margin-top: 23px; padding: 0 11px 26px; }
  .remix-workspace { margin-top: 22px; padding: 0 12px; }
  .settings-page-heading h1, .admin-heading h1, .calendar-toolbar h1, .studio-heading h1, .analytics-heading h1, .remix-workspace h1 { font-size: 28px; letter-spacing: -.9px; }
  .calendar-toolbar-actions { width: 100%; gap: 6px; }
  .calendar-toolbar-actions .button { padding: 8px 10px; font-size: 10px; min-height: 35px; }
  .calendar-upload-folder { max-width: 100%; width: 100%; }
  .calendar-live-bar { font-size: 10px; margin-bottom: 15px; gap: 5px; }
  .calendar-accounts-panel, .calendar-automation-card { padding: 16px; }
  .calendar-overview { gap: 7px; }
  .calendar-overview-stat { padding: 12px 10px; border-radius: 9px; }
  .calendar-overview-stat b { font-size: 22px; }
  .calendar-overview-stat span { font-size: 9px; line-height: 1.4; }
  .calendar-grid, .calendar-weekdays { gap: 4px; }
  .calendar-weekdays { margin-top: 18px; margin-bottom: 7px; }
  .calendar-weekdays span { text-align: center; padding: 5px 0; font-size: 9px; }
  .calendar-day { min-height: 114px; padding: 4px; border-radius: 8px; }
  .calendar-day-number { width: 24px; height: 24px; margin-bottom: 5px; font-size: 10px; border-radius: 5px; }
  .calendar-event-card { padding: 3px; border-radius: 4px; display: block; }
  .calendar-event-info b { font-size: 8px; line-height: 1.3; }
  .calendar-event-info small { font-size: 8px; }
  .calendar-event-info .calendar-cell-status, .calendar-event-destination { font-size: 7px !important; margin-top: 2px; }
  .calendar-more { font-size: 8px; padding: 4px 2px; }
  .calendar-notice, .calendar-instagram-status { padding: 11px; font-size: 10px; }
  .personal-cloud-heading { align-items: flex-start; gap: 14px; }
  .personal-cloud-upload, .personal-cloud-preview, .instagram-settings-card, .instagram-guide-card, .saas-plan-card, .desktop-download-panel { padding: 17px; }
  .personal-cloud-usage { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  .personal-cloud-usage > div:first-child { grid-column: 1 / -1; }
  .personal-cloud-usage b { font-size: 21px; }
  .personal-cloud-upload-actions .button { width: 100%; }
  .personal-cloud-file { padding: 15px; }
  .personal-cloud-file-actions { padding-left: 0; gap: 6px; }
  .personal-cloud-file-actions .button { flex: 1; font-size: 10px; }
  .cloud-folder-filter { flex-wrap: wrap; gap: 8px; }
  .cloud-folder-filter select { width: 100%; min-width: 0; }
  .plan-cards { grid-template-columns: 1fr; }
  .plan-card { padding: 21px; }
  .admin-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .admin-metric { padding: 15px 12px; }
  .admin-metric b { font-size: 24px; }
  .admin-metric span { font-size: 8px; letter-spacing: .5px; }
  .admin-users-panel, .admin-audit-panel, .admin-private-presets, .admin-plan-features-panel, .remix-admin-panel { padding: 15px; }
  .admin-search { flex-direction: column; gap: 8px; }
  .admin-search button { align-self: flex-end; }
  .admin-audit-row { padding: 12px; }
  .admin-plan-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .admin-plan-feature { padding: 12px; }
  .admin-preset-controls { grid-template-columns: 1fr; }
  .admin-preset-preview { min-height: 200px; height: 56vw; }
  .admin-preset-actions .row-actions .button { flex: 1; font-size: 10px; }
  .auth-gate { padding: 15px; }
  .auth-card { padding: 30px 24px; border-radius: 17px; }
  .auth-card h1 { font-size: 24px; }
  dialog, .calendar-dialog, .calendar-day-report-dialog, .calendar-autofill-dialog { padding: 18px; width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 14px; }
  dialog h2, .calendar-report-header h2, .autofill-header h2 { font-size: 23px; }
  .dialog-actions { flex-wrap: wrap; }
  .dialog-actions .button { flex: 1; min-width: 95px; }
  .calendar-report-summary { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .calendar-report-stat { padding: 12px; }
  .calendar-report-entry-head { padding: 12px; }
  .calendar-report-entry-body { grid-template-columns: 1fr; }
  .calendar-report-entry-details dl { grid-template-columns: 1fr; row-gap: 4px; }
  .calendar-report-entry-details dd { margin-bottom: 8px; }
  .calendar-report-actions, .autofill-actions { flex-wrap: wrap; }
  .calendar-report-actions .button, .autofill-actions .button { width: 100%; }
  .autofill-section { padding: 14px; }
  .autofill-account-rule { grid-template-columns: 1fr; }
  .color-studio-dialog { padding: 17px; width: calc(100vw - 20px); }
  .color-studio-controls { grid-template-columns: 1fr; max-height: 330px; }
  .color-studio-footer .row-actions { width: 100%; }
  .color-studio-footer .row-actions .button { flex: 1; min-width: 110px; }
  .studio-card { padding: 18px; }
  .studio-settings-grid { grid-template-columns: 1fr; }
  .analytics-heading { flex-direction: column; gap: 12px; }
  .analytics-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .analytics-metric { padding: 16px; }
  .analytics-metric b { font-size: 27px; }
}
@media (prefers-reduced-motion: reduce) {
  .app-shell *, .app-shell *::before, .app-shell *::after, dialog *, dialog *::before, dialog *::after, .auth-gate * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  .button-primary, .button-auto, .view-tab.active, .remix-feature input[type=checkbox]:checked { border: 1px solid ButtonText; }
  .remix-feature input[type=checkbox] { appearance: auto; -webkit-appearance: auto; }
  .remix-feature input[type=checkbox]::before { display: none; }
}

/* Module-specific layouts retain the legacy editor behind its manual-mode toggle. */
.remix-manual-hidden { display: none !important; }
.app-shell > .studio-heading {
  display: flex; align-items: flex-end; justify-content: space-between; width: 100%; max-width: 1780px;
  margin: 28px auto 0; padding: 0 30px; gap: 28px;
}
.app-shell > .studio-heading h1 { font-size: clamp(28px,2.5vw,34px); margin: 9px 0 0; }
.app-shell > .studio-heading h1 em { color: var(--accent); font-style: normal; }
.app-shell > .studio-heading > p { max-width: 410px; color: #b1ab97; font-size: 11px; line-height: 1.75; margin: 0 0 4px; }
.workspace.remix-studio { max-width: 1780px; margin: 0 auto; padding: 24px 30px 34px; }
.remix-count-options { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; padding: 7px; }
.remix-count-options .button { min-height: 33px; padding: 6px; font-size: 11px; }
.remix-count-options .button[aria-pressed=true], .remix-count-options .button.active { background: var(--accent); border-color: var(--accent); color: #17140b; }
#remixCount { font-family: var(--mono); font-size: 18px; font-weight: 650; text-align: center; width: 100%; }
#remixGenerate { min-height: 45px; width: 100%; }
#remixReset { display: block; margin: 13px auto 0; padding: 4px 0; color: #bbab87; font-size: 10px; }
#remixReset:hover { color: var(--accent); }
.remix-manual-toggle { border-color: #454136; color: #baaf93; background: #1a1916; line-height: 1.5; }
.remix-manual-toggle[aria-expanded=true] { color: #ffe18a; border-color: #756230; background: #282317; }
.remix-preset-selection { display: grid; gap: 6px; max-height: 200px; overflow-y: auto; padding: 2px 0; }
.remix-preset-selection label { display: flex; align-items: flex-start; gap: 7px; font-size: 10px; color: #d2c4a5; padding: 6px 0; }
.remix-preset-selection input { accent-color: var(--accent); flex: none; }
#remixSubtitleOptions { margin: 15px 0; padding: 13px; border: 1px solid #55472a; border-radius: 9px; background: #211d13; }
#remixSubtitleOptions select { width: 100%; }
.studio-status:not(:empty) { padding: 12px; border: 1px solid #5e502b; border-radius: 9px; background: #252013; color: #d8c697; font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
#analyticsView .admin-stats-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 13px; margin: 26px 0; }
#analyticsView .admin-stat { padding: 21px; border: 1px solid #413e2e; border-radius: 13px; background: radial-gradient(ellipse at 100% 0,#ffd42a06,transparent 80%),#171717; min-width: 0; }
#analyticsView .admin-stat small { display: block; color: #b0a489; font-size: 10px; line-height: 1.6; }
#analyticsView .admin-stat strong { display: block; margin-top: 15px; color: #ffe59c; font: 650 23px var(--display); letter-spacing: -.6px; overflow-wrap: anywhere; line-height: 1.2; }
#analyticsView > .panel { padding: 25px; }
#analyticsView .studio-actions { justify-content: flex-start; margin: 17px 0 23px; }
.color-studio-grid > .color-studio-controls { border: 1px solid #433d2d; background: #171715; border-radius: 12px; padding: 16px; }
#colorStudioList { display: grid; gap: 7px; margin-top: 16px; max-height: 48vh; overflow-y: auto; }
.color-studio-preset { display: block; width: 100%; text-align: left; border: 1px solid #4a422d; border-radius: 9px; background: #232016; padding: 12px; color: #ddd0ad; transition: border-color .16s,background .16s; }
.color-studio-preset b { display: block; font-size: 11px; font-weight: 600; line-height: 1.5; }
.color-studio-preset small { display: block; margin-top: 5px; font-size: 9px; color: #b3a381; }
.color-studio-preset.active, .color-studio-preset:hover { background: #302819; border-color: #a4863a; color: #ffe28d; }
.color-studio-preview > #colorStudioPreviewLabel { position: absolute; top: 12px; left: 12px; background: #101010df; color: #ffe39b; border: 1px solid #8c753d80; border-radius: 6px; padding: 6px 8px; font: 8px var(--mono); letter-spacing: .5px; }
.color-studio-preview-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 14px 0 8px; }
.color-studio-preview-actions label { display: flex; align-items: center; gap: 6px; color: #c1b18d; font-size: 10px; line-height: 1.5; }
.color-studio-preview-actions input { accent-color: var(--accent); }
#colorStudioName { width: 100%; }
.color-studio-controls .grade-control { display: block; padding: 10px 0 13px; border-bottom: 1px solid #3c3629; }
.color-studio-controls .grade-control:last-child { border-bottom: 0; }
.color-studio-controls .grade-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #d3c5a7; font-size: 11px; margin-bottom: 11px; }
.color-studio-controls .grade-label output { padding: 3px 5px; background: #2c2718; border: 1px solid #5d4c28; border-radius: 5px; color: var(--accent); min-width: 43px; text-align: center; font: 10px var(--mono); }
.color-studio-controls input[type=range] { width: 100%; margin: 0; }
.color-studio-footer { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; align-items: stretch; }
.color-studio-footer > .button { min-width: 0; padding: 10px 12px; font-size: 11px; }
.remix-admin-panel #remixAdminFields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; align-items: start; margin: 20px 0; }
.remix-admin-panel .settings-card { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 15px; min-width: 0; margin: 0; padding: 18px; }
.remix-admin-panel .settings-card legend { padding: 0 7px; font-size: 12px; font-weight: 600; color: #e8d5a0; line-height: 1.5; }
.remix-admin-panel .settings-card .settings-card { grid-column: 1/-1; background: #17150f; padding: 15px; }
.remix-admin-panel .settings-card .settings-card legend { font-size: 11px; color: #c7b486; }
.remix-admin-panel .settings-card label { display: block; margin: 0; min-width: 0; text-transform: none; font-size: 10px; letter-spacing: 0; }
.remix-admin-panel .settings-card label.checkline { display: flex; align-items: center; gap: 7px; line-height: 1.6; }
.remix-admin-panel .settings-card .select-field { display: block; width: 100%; margin-top: 8px; font-size: 11px; min-width: 0; }
.remix-admin-panel .settings-card .settings-hint { grid-column: 1/-1; color: #95876a; }
.remix-admin-panel #remixAdminDiagnostics { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 12px; margin: 20px 0; }
.remix-admin-panel #remixAdminDiagnostics small { display: block; margin-top: 8px; color: #b8a583; font-size: 10px; }
.admin-remix-plan-flags { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px 9px; border-top: 1px solid #4c402a; padding-top: 13px; margin-top: 13px; }
.admin-remix-plan-flags label { margin: 0; color: #c0ae8b; font-size: 10px; line-height: 1.6; }
.admin-remix-plan-flags input { accent-color: var(--accent); }
.admin-remix-plan-flags legend { color: #ffe08a; font-size: 11px; padding: 0 6px; }
.admin-remix-plan-flags .admin-account-limit { display: grid; grid-template-columns: 1fr; gap: 7px; }
.admin-remix-plan-flags .admin-account-limit input { width: 100%; }
.view-tab-utility { font-size: 10px; color: #a7a18d; }
.view-tab-utility[data-app-view="cloud"] { margin-left: 12px; }
.remix-color-categories details, #promoConceptsPanel, .remix-analysis-details { padding: 13px 0; }
.remix-color-categories summary, #promoConceptsPanel summary, .remix-analysis-details summary { cursor: pointer; color: #dfcd9f; font-size: 11px; font-weight: 500; line-height: 1.7; }
.remix-color-categories .checkline { display: flex; gap: 8px; font-size: 10px; margin: 8px 0; color: #c3b28b; }
.remix-color-categories input, .remix-analysis-toolbar input[type="checkbox"], .remix-admin-panel .checkline input[type="checkbox"] { accent-color: var(--accent); }
#remixCountHint { display: block; margin: 10px 0 12px; }
.remix-queue-estimate { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 8px; align-items: center; margin: 18px 0 25px; padding: 16px 12px; border: 1px solid #504329; border-radius: 11px; background: #211e15; text-align: center; }
.remix-queue-estimate strong { display: block; font: 650 24px var(--display); color: #ffe29a; }
.remix-queue-estimate small { display: block; color: #b3a17b; font-size: 9px; margin-top: 6px; }
.remix-queue-estimate > span { color: #8c7c59; font-size: 13px; }
.desktop-remix-card { padding: 44px; display: grid; grid-template-columns: 220px minmax(0,1fr); align-items: center; gap: 44px; background: radial-gradient(ellipse at 8% 50%,#ffd42a0a,transparent 50%),#161615; }
.desktop-remix-card h2 { font-size: clamp(22px,3vw,36px); line-height: 1.2; font-weight: 570; letter-spacing: -1px; }
.desktop-remix-card p { max-width: 660px; color: #b3ac97; font-size: 13px; line-height: 1.8; margin: 18px 0; }
.desktop-remix-card .button { margin: 0 9px 10px 0; }
.desktop-remix-card .settings-hint { color: #a79d82; font-size: 11px; }
.desktop-remix-symbol { display: grid; place-items: center; width: 188px; height: 188px; border: 1px solid #ffea7159; border-radius: 42px; background: linear-gradient(145deg,#fff0a3,#ffd42a 55%,#a47d05); color: #262006; font-size: 110px; transform: perspective(600px) rotateY(15deg) rotateZ(-8deg); box-shadow: 12px 18px 0 #58430a,19px 32px 50px #0008,inset 1px 2px 2px #fff9; }
#colorStudioCatalogOptions { margin: 16px 0; }
#colorStudioCatalogOptions .select-field { display: block; width: 100%; margin: 8px 0 16px; }
#colorStudioCatalogOptions .checkline { display: flex; gap: 8px; font-size: 11px; color: #bdad87; }
.remix-catalog-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); gap: 10px; margin: 20px 0; }
.remix-admin-panel > .field-label { display: block; margin: 18px 0; text-transform: none; letter-spacing: 0; font-size: 11px; }
.remix-admin-panel > .field-label > .select-field, #promoColorOptions .select-field, #promoSubtitleOptions .select-field { display: block; width: 100%; margin: 9px 0; }
.promo-narration-toggle { display: flex; align-items: center; gap: 10px; color: #d7c595; margin: 19px 0 6px; font-size: 12px; }
.promo-concept { border: 1px solid #48402c; background: #1d1b15; border-radius: 11px; padding: 18px; margin: 12px 0; }
.promo-concept h3 { color: #ffdf82; font-size: 14px; margin: 0 0 12px; }
.promo-concept p { color: #b8ad94; font-size: 11px; line-height: 1.8; margin: 9px 0; }
.promo-concept b { color: #ffe9ad; margin-right: 7px; font: 10px var(--mono); }
.remix-diagnostic-summary { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; margin: 20px 0; }
.remix-diagnostic-summary > div { border: 1px solid #48402c; background: #1b1914; border-radius: 11px; padding: 15px; min-width: 0; }
.remix-diagnostic-summary small { display: block; color: #a99b7b; font-size: 10px; }
.remix-diagnostic-summary b { display: block; color: #f4ddb0; margin-top: 8px; font-size: 16px; overflow-wrap: anywhere; }
.remix-analysis-video { display: block; max-height: 330px; width: 100%; background: #090909; border: 1px solid #48402c; border-radius: 11px; }
.remix-analysis-toolbar { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 16px; margin: 18px 0; }
.remix-analysis-toolbar .field-label { display: grid; gap: 8px; font-size: 10px; color: #c2b38c; letter-spacing: 0; }
.remix-analysis-toolbar .select-field { max-width: 150px; }
.remix-analysis-toolbar .checkline { display: flex; align-items: center; gap: 9px; font-size: 11px; color: #c2b38c; }
#remixAnalysisPageLabel { margin-left: auto; color: #bbab85; font: 10px var(--mono); }
.remix-analysis-table { max-height: 480px; overflow: auto; margin: 18px 0; border: 1px solid #48402c; border-radius: 10px; }
.remix-analysis-table table { width: 100%; min-width: 700px; }
.remix-analysis-table thead { position: sticky; top: 0; background: #292418; z-index: 1; }
.remix-analysis-table th { text-align: left; color: #d7c398; padding: 12px; font-size: 10px; font-weight: 500; }
.remix-analysis-table td { padding: 8px; border-bottom: 1px solid #373123; }
.remix-analysis-table input { width: 100%; min-width: 90px; color: #e7d7ae; background: #141310; border: 1px solid #53472a; border-radius: 6px; padding: 8px; font-size: 11px; }
.remix-analysis-table input[type="text"] { min-width: 200px; }
.remix-analysis-table .word-low-confidence { background: #ffd42a07; }
.remix-analysis-details pre { max-height: 350px; overflow: auto; padding: 16px; background: #0e0e0d; border: 1px solid #403824; border-radius: 10px; color: #b8a887; font: 11px/1.8 var(--mono); }
@media (max-width:1420px) {
  .workspace.remix-studio { padding: 23px 22px 34px; }
  .app-shell > .studio-heading { padding: 0 22px; }
}
@media (max-width:1200px) {
  .remix-manual-toggle { grid-column: 1/-1; }
  #analyticsView .admin-stats-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .remix-admin-panel #remixAdminFields { grid-template-columns: 1fr; }
}
@media (max-width:900px) {
  .workspace.remix-studio { padding: 20px 18px 30px; }
  .app-shell > .studio-heading { padding: 0 20px; align-items: flex-start; gap: 22px; }
  .app-shell > .studio-heading > p { max-width: 300px; margin-top: 29px; }
  .color-studio-footer { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .desktop-remix-card { grid-template-columns: 1fr; padding: 30px; gap: 40px; }
  .desktop-remix-symbol { width: 130px; height: 130px; font-size: 75px; border-radius: 28px; margin-left: 8px; }
  .remix-diagnostic-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .view-tab-utility[data-app-view="cloud"] { margin-left: 0; }
  .workspace.remix-studio { padding: 18px 14px 28px; }
  .app-shell > .studio-heading { padding: 0 15px; flex-direction: column; gap: 13px; margin-top: 24px; }
  .app-shell > .studio-heading h1 br { display: none; }
  .app-shell > .studio-heading h1 em::before { content: ' '; }
  .app-shell > .studio-heading > p { margin-top: 0; max-width: 100%; }
  #colorStudioList { max-height: 170px; grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); }
  #analyticsView .admin-stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #analyticsView .admin-stat { padding: 17px; }
}
@media (max-width:520px) {
  .desktop-remix-card { padding: 24px; }
  .desktop-remix-card .button { width: 100%; }
  .remix-analysis-toolbar { gap: 10px; }
  #remixAnalysisPageLabel { margin-left: 0; flex: 1; }
  .workspace.remix-studio { padding: 15px 11px 25px; }
  .app-shell > .studio-heading { padding: 0 12px; }
  .app-shell > .studio-heading h1 { font-size: 27px; }
  .remix-count-options { grid-template-columns: repeat(6,minmax(0,1fr)); }
  .remix-count-options .button { padding: 6px 3px; font-size: 10px; }
  #analyticsView > .panel { padding: 18px; }
  #analyticsView .admin-stat { padding: 15px; }
  #analyticsView .admin-stat strong { font-size: 21px; }
  .color-studio-grid > .color-studio-controls { padding: 15px; }
  .color-studio-preview-actions { gap: 9px; }
  .color-studio-footer { gap: 8px; }
  .color-studio-footer > .button { padding: 10px; font-size: 10px; }
  .remix-admin-panel .settings-card { grid-template-columns: 1fr; padding: 15px; }
  .remix-admin-panel .settings-card .settings-card { padding: 12px; }
  .admin-remix-plan-flags { grid-template-columns: 1fr; }
}

/* Output destinations share the render panel; paths are account scoped. */
.cloud-output-settings #outputStorageMode{width:100%;margin:7px 0 4px;font:12px var(--sans)}
.cloud-output-settings #cloudOutputNotice{line-height:1.6;overflow-wrap:anywhere}
.cloud-output-settings #cloudOutputNotice[data-kind=warning]{color:#ffbd8b}
.local-output-settings{display:grid;gap:8px;margin:12px 0;padding:12px;border:1px solid #47423a;border-radius:10px;background:#111}
.local-output-path{display:flex;align-items:center;gap:6px;min-width:0}
.local-output-path input{flex:1;min-width:0;font:10px var(--mono)}
.local-output-path #chooseOutputFolder{flex:none;min-width:37px;font-size:18px;padding:6px}
.local-output-actions{display:flex;flex-wrap:wrap;gap:6px}
.local-output-settings small{color:#a6a19b;line-height:1.6;overflow-wrap:anywhere;font-size:10px}
.cloud-output-settings>.button{margin:5px 4px 0 0}
.local-output-path input:focus-visible,.cloud-output-settings select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.job-local-path{display:block;grid-column:1/-1;color:#b8b0a0;font:10px var(--mono);overflow-wrap:anywhere;line-height:1.5}
.local-output-settings.hidden{display:none}

/* Creation workspace: content-led media stage, compact controls, one launch. */
.creation-workspace .studio-heading{max-width:1720px;padding:22px 28px 8px;margin:auto;display:flex;align-items:end;justify-content:space-between;gap:24px}
.creation-workspace .studio-heading h1{font-size:clamp(26px,3vw,40px);line-height:1.1;letter-spacing:-1.5px;margin:7px 0}.creation-workspace .studio-heading h1 em{color:var(--lime);font-style:normal}.creation-workspace .studio-heading>p{color:#949494;font-size:13px}.creation-workspace .studio-kicker{font:10px var(--mono);letter-spacing:2px;color:#747474}
.creation-workspace .workspace{grid-template-columns:210px minmax(380px,1fr) 360px;max-width:1720px;padding:18px 28px;gap:18px}.creation-workspace .remix-feature-panel{padding:20px;background:#161616;border-color:#303030;border-radius:16px}.creation-workspace .preview-panel{border-radius:16px;background:#111}.creation-workspace .sidebar{border:0;background:#111;border-radius:16px;min-height:540px}.creation-workspace .preview-screen{min-height:470px}.creation-workspace .studio-effect{background:#1e1e1e;border:1px solid #292929;border-radius:10px;padding:12px}.creation-workspace .studio-effect small{display:none}.creation-workspace .remix-feature-grid{grid-template-columns:1fr 1fr;gap:8px}.creation-workspace .studio-effect b{font-size:11px}.creation-workspace .remix-count-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.creation-workspace .remix-count-options .button{padding:8px}.creation-workspace .remix-color-categories{max-height:85px;overflow:auto}.creation-workspace .auto-copy{font-size:12px;line-height:1.6;color:#999}.creation-workspace .queue-panel{border-radius:16px}.creation-workspace .status-notice{font:12px/1.5 var(--sans);padding:10px;background:transparent;border:0}.creation-workspace #remixGenerate{font-size:13px;min-height:48px;border-radius:12px;margin-top:8px}
.series-schedule{margin-top:20px;border-top:1px solid #303030;padding-top:16px}.series-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.series-switch b{font-size:13px}.series-switch small{display:block;color:#8d8d8d;font-size:11px;line-height:1.5;margin-top:5px}.series-schedule .field-label{font-size:11px;color:#9a9a9a;display:block}.series-schedule input,.series-schedule select{margin-top:7px}.series-plan-summary{font-size:12px;line-height:1.6;color:#dedccf;margin:12px 0 0}.series-extra{font-size:11px;color:#979797;margin:14px 0}.series-extra summary{cursor:pointer;padding:9px 0}.series-extra[open] summary{color:var(--text)}.series-extra .button{margin-top:8px}.creation-workspace .top-status{font:11px var(--sans)}.creation-workspace .quality-note,.creation-workspace .sidebar-note{display:none}.rights-confirmation{display:none!important}#autofillConfirm{display:none!important}.creation-workspace .view-tabs{border:0;background:#151515;padding:6px}.creation-workspace .view-tab{border-radius:8px}
@media(max-width:1250px){.creation-workspace .workspace{grid-template-columns:170px minmax(280px,1fr) 330px;padding:14px}.creation-workspace .studio-heading{padding:18px}.creation-workspace .preview-screen{min-height:360px}}
@media(max-width:950px){.creation-workspace .workspace{grid-template-columns:190px minmax(0,1fr)}.creation-workspace .settings-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.creation-workspace .studio-heading>p{display:none}}
@media(max-width:600px){.creation-workspace .workspace{display:flex;flex-direction:column;padding:12px}.creation-workspace .workspace>*{width:100%}.creation-workspace .sidebar{min-height:0}.creation-workspace .settings-column{display:block}.creation-workspace .preview-screen{min-height:260px}.creation-workspace .studio-heading h1{font-size:28px}.creation-workspace .settings-column>*{margin-bottom:14px}}

.series-launch-bar{position:fixed;right:28px;bottom:20px;width:360px;padding:14px;background:#1b1b1b;border:1px solid #414039;border-radius:14px;box-shadow:0 8px 40px #0009;z-index:40}.series-launch-bar .series-plan-summary{margin:0 0 7px;color:#deddd6;font-size:11px}.series-launch-bar>small{display:block;text-align:center;font-size:9px;color:#898989;margin-top:8px}.series-launch-bar #remixStatus{max-height:110px;overflow:auto;margin:4px 0;color:#ffd42a}.creation-workspace .settings-column{padding-bottom:200px}.series-publish-choice{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#d4d4cb;margin:15px 0}.series-publish-choice input{margin:1px 0}.autofill-instagram-note{display:none}
@media(max-width:1250px){.series-launch-bar{width:330px;right:14px}}
@media(max-width:950px){.series-launch-bar{width:calc(100% - 28px);right:14px;bottom:14px}.creation-workspace .workspace{padding-bottom:190px}}

.autopilot-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px}.autopilot-config,.autopilot-overview{padding:24px}.autopilot-weekdays{display:flex;gap:10px;padding:12px 0;flex-wrap:wrap}.autopilot-table{width:100%;border-collapse:collapse;font-size:12px}.autopilot-table td,.autopilot-table th{text-align:left;padding:13px 8px;border-bottom:1px solid #303030}.autopilot-table small{display:block;color:var(--red)}.autopilot-job{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #303030;padding:12px}.autopilot-job span{color:var(--muted)}.app-utility-menu{position:relative}.app-utility-menu summary{cursor:pointer;padding:9px 12px;list-style:none}.app-utility-menu[open]{background:#1a1a1a;border:1px solid #333;border-radius:8px}.app-utility-menu button{display:block}.creation-workspace .settings-column{padding-bottom:0}.creation-workspace .remix-manual-toggle,.creation-workspace #remixReset,.creation-workspace .studio-heading{display:none}.calendar-approval-note,#calendarDayApprove,#calendarAutomationApprove{display:none!important}.series-launch-bar .series-plan-summary{display:none}.autopilot-overview #autopilotQueue>.panel{border:0;background:transparent}.creation-workspace .view-tabs>.view-tab-utility{display:none!important}@media(max-width:850px){.autopilot-layout{grid-template-columns:1fr}.autopilot-overview{overflow:auto}}
.creation-workspace #renderTop{display:none!important}

.simple-render-queue{padding:14px;border:1px solid var(--line);border-radius:16px}.simple-render-queue>summary{cursor:pointer;font-weight:650}.simple-render-queue .queue-panel{margin-top:12px}.calendar-report-entry-details dl dt:nth-of-type(n+2):nth-of-type(-n+6),.calendar-report-entry-details dl dd:nth-of-type(n+2):nth-of-type(-n+6),.calendar-trial-result{display:none}.creation-workspace .series-schedule{margin-top:18px}