/* Lovida studio: a quiet paper desk, with small blue accents. */
:root{--studio-ink:#34415b;--studio-blue:#577dda;--studio-paper:#fffdf9;--studio-line:#e6e9f0}
body{background:var(--studio-paper)!important;color:var(--studio-ink)!important}
.app-shell{max-width:1600px!important;background:var(--studio-paper)!important}
.editor-topbar{height:68px!important;padding:0 30px!important;background:#fffdf9!important;border-color:var(--studio-line)!important}
.brand{font-size:24px!important}.header-actions .primary-button{box-shadow:none!important;border-radius:100px!important;background:#5a7ed8!important;font-size:13px!important}
.project-banner{padding:25px 32px!important;background:transparent!important;border:0!important;align-items:center!important}
.project-banner .eyebrow{font-size:10px!important;letter-spacing:.18em!important;color:#8696bb!important;margin-bottom:7px!important}
.project-banner h1{font-size:24px!important;letter-spacing:-.05em!important;color:#34415b!important;font-weight:700!important}
.progress-wrap{border:0!important;background:#f0f3fa!important;border-radius:18px!important;padding:12px 18px!important;min-width:170px!important}
.editor-grid{grid-template-columns:240px minmax(0,1fr)!important;gap:0!important;background:transparent!important}
.storyboard-panel{padding:16px!important;border-color:var(--studio-line)!important;background:transparent!important}
.panel-heading{margin-bottom:16px!important}.panel-heading .eyebrow{display:none}.panel-heading h2{font-size:16px!important}.scene-list{gap:8px!important}
.scene{padding:10px!important;border:1px solid transparent!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;grid-template-columns:66px minmax(0,1fr) 12px!important;gap:9px!important}
.scene:hover{background:#f4f5fb!important}.scene.selected{background:#edf2ff!important;border-color:#ccd9f8!important}
.scene .thumb{border-radius:8px!important}.scene-name{font-size:12px!important;line-height:1.5!important;color:#3f4b63!important}.scene .chip{display:none!important}.scene-caption{font-size:11px!important;color:#929aab!important;line-height:1.5!important}.scene-check{color:#91a8d6!important}
.workspace-panel{padding:16px 26px!important;background:transparent!important;min-width:0}
.preview-card,.edit-card,.scene-editor-card{border:1px solid var(--studio-line)!important;border-radius:22px!important;box-shadow:none!important;background:#fff!important}
.edit-card{padding:24px!important;margin-top:18px!important}.edit-heading .eyebrow{display:none}.edit-heading h2{font-size:17px!important}.scene-type{font-size:11px!important;background:#f5f6fa!important;color:#8591a8!important;border:0!important}
.scene-edit-tabs{border-bottom:1px solid #eef0f5!important;margin:18px 0!important;gap:14px!important;background:none!important;padding:0 0 10px!important}
.scene-edit-tabs button{background:none!important;border:0!important;box-shadow:none!important;border-radius:12px!important;padding:9px 16px!important;font-size:14px!important;color:#8a94a6!important}
.scene-edit-tabs button.active{background:#edf2ff!important;color:#5275ca!important}
.control-label{font-size:13px!important;color:#667189!important}.control-note,.transform-guide{font-size:13px!important;line-height:1.75!important;color:#8690a3!important}
.secondary-button{border:1px solid #e1e6ef!important;background:#fff!important;color:#5973a8!important;border-radius:12px!important;padding:10px 15px!important;box-shadow:none!important;font-weight:600!important;font-size:13px!important}
.secondary-button:hover{background:#f2f5ff!important;border-color:#bfcef0!important}.primary-button{box-shadow:none!important;border-radius:13px!important}
.slot-count-controls{background:#f8f9fc!important;border:0!important;border-radius:13px!important;padding:10px 12px!important}.slot-count-controls strong{font-size:12px!important;color:#8994a9!important}.slot-count-controls button{width:32px!important;height:32px!important;border-radius:10px!important}
.slot-picker-button{border-radius:12px!important;border-color:#e4e8f1!important;padding:11px!important;box-shadow:none!important}.slot-picker-button.active{background:#f1f5ff!important;border-color:#b9c9ed!important}
.slot-picker-button span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a0b3!important}
.photo-story-controls h3{font-size:14px;margin:20px 0 10px;color:#485773;letter-spacing:-.025em}.photo-story-controls h3:first-child{margin-top:0}
.photo-story-controls p{font-size:12px;color:#8b95a6;line-height:1.7;margin:0 0 12px}
.layout-choices{display:flex;gap:10px;margin-bottom:18px}.layout-choice{flex:1;max-width:160px;display:grid;justify-items:center;gap:9px;padding:12px;border:1px solid #e8ebf1;border-radius:16px;background:#fbfcff;color:#8895aa;cursor:pointer}.layout-choice[aria-pressed=true]{border-color:#9ab4eb;background:#eff4ff;color:#5177c6}.layout-choice strong{font-size:12px}
.layout-mini{width:84px;height:46px;display:flex;align-items:center;justify-content:center;gap:5px;position:relative}.layout-mini i{display:block;background:linear-gradient(145deg,#e6ddfa,#c9def5);border:3px solid white;border-radius:3px;width:72px;height:40px;box-shadow:0 2px 4px #56648618}.layout-mini.count-2 i{width:30px;height:42px;transform:rotate(-4deg)}.layout-mini.count-2 i+i{transform:rotate(4deg)}.layout-mini.count-3 i{width:23px;height:39px;transform:rotate(-3deg)}.layout-mini.count-3 i:nth-child(2){transform:rotate(3deg)}
.layout-mini:after{content:'';position:absolute;left:12px;top:0;width:20px;height:6px;background:#f6d88a99;transform:rotate(-9deg)}
.photo-page-tabs{display:flex;gap:8px;margin:10px 0 13px}.photo-page-tabs button{flex:1;min-width:0;text-align:left;display:grid;gap:7px;padding:12px;border:1px solid #e5e9f1;border-radius:13px;background:white;cursor:pointer}.photo-page-tabs button[aria-pressed=true]{background:#f2f5fe;border-color:#acbfeb}.photo-page-tabs strong{font-size:12px;color:#607db8}.photo-page-tabs span{font-size:12px;line-height:1.6;color:#8491a7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-button{border:0;background:none;color:#8994a8;font-size:12px;text-decoration:underline;cursor:pointer;margin-left:12px}
.empty-photo-slot.direct-handle{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#e8f0ffcc!important;border:2px dashed #94b1e5!important;border-radius:10px;color:#6585bd;cursor:pointer;pointer-events:auto;z-index:4;font-family:inherit}
.empty-photo-slot span{font-size:36px;font-weight:300}.empty-photo-slot strong{font-size:15px}.empty-photo-slot small{font-size:10px;font-weight:400;max-width:90%;line-height:1.5}
.is-playing .empty-photo-slot,.exporting .empty-photo-slot{visibility:hidden!important}
.project-output{border-radius:20px!important;background:#f5f7fc!important;border-color:#e4e9f2!important;margin:24px 26px!important;padding:22px!important}.finish-heading strong{font-size:15px;color:#445572}.output-help{font-size:13px!important}.tip-card{background:#faf8f0!important;border:0!important;border-radius:16px!important}
@media(max-width:900px){.editor-grid{grid-template-columns:1fr!important}.storyboard-panel{border-right:0!important}.scene-list{max-height:210px!important}.workspace-panel{padding:12px!important}.project-banner{padding:20px!important}.project-banner h1{font-size:20px!important}.progress-wrap{display:none!important}.photo-page-tabs{flex-direction:column}}