/* Loop Studio / Orbit. The approved sunlit floating-card design. */
:root{--accent:#ff7922;--accent-hover:#ef681a;--ink:#433b35;--muted:#958b80;--line:#e8dfd5;--surface:#fff9f1;--orbit-scale:1;--orbit-font:'DM Sans',Arial,sans-serif;--orbit-serif:'Cormorant Garamond',Georgia,serif;--orbit-script:'Caveat','Segoe Print',cursive}
html,body{margin:0;width:100%;min-height:100%;background:#f2ebe3;color:var(--ink);font-family:var(--orbit-font);-webkit-font-smoothing:antialiased}body{min-height:100svh;overflow-x:hidden}button,input,select,textarea{font-family:var(--orbit-font)}[hidden]{display:none!important}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid #c87835!important;outline-offset:4px}.icon{height:20px;width:20px;flex-shrink:0}.orbit-app{width:1408px;height:1056px;position:relative;left:50%;margin-left:-704px;transform:scale(var(--orbit-scale));transform-origin:top center;isolation:isolate;background:#f2ebe3}.orbit-app::before{content:none}.orbit-header.topbar{position:absolute;top:0;left:0;width:100%;height:130px;padding:0;background:none;border:0;display:block;z-index:30}
.orbit-brand{position:absolute;left:54px;top:26px;display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}.orbit-logo{height:58px;width:58px;flex-shrink:0;display:block}.orbit-logo-old{overflow:visible}.orbit-wordmark{font-family:var(--orbit-serif);font-size:43px;line-height:1;letter-spacing:-1.5px;font-weight:300}.orbit-wordmark-old{font-family:var(--orbit-font);font-size:36px;font-weight:750;letter-spacing:-2.5px;line-height:1;color:#262825}.orbit-brand-dot{color:#e96545}.orbit-tagline{display:block;margin-top:13px;font-family:var(--orbit-font);font-size:9px;letter-spacing:4px;font-weight:400;color:#95867a}.orbit-tools{position:absolute;top:36px;left:447px;width:514px;height:59px;border-radius:36px;padding:8px;display:flex;align-items:center;gap:1px;background:#fff6ed8c;border:1px solid #fff8ed8c;box-shadow:0 13px 29px #73523912;backdrop-filter:blur(14px)}.orbit-tool{height:42px;flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 14px;border:0;border-radius:30px;background:none;color:#80756b;font-size:12px;font-weight:400;transition:background .18s,color .18s,box-shadow .18s}.orbit-tool .icon{width:19px;height:19px;color:#48413a}.orbit-tool.active{background:#ffeddf;color:var(--accent);box-shadow:0 4px 13px #c68d5e12}.orbit-tool.active .icon{color:var(--accent)}.orbit-tool:hover{background:#fff9f3b3;color:#b26b39}.orbit-utilities{position:absolute;right:31px;top:15px;display:flex;align-items:center;gap:9px}.orbit-utilities .button,.orbit-utilities .icon-button{width:32px;height:32px;min-width:0;padding:6px;border:0;background:none;color:#64574d;border-radius:50%;box-shadow:none}.orbit-utilities .button span{display:none}.orbit-utilities .icon{width:17px;height:17px}.orbit-utilities .button:hover,.orbit-utilities .icon-button:hover{background:#fff7ee80}.orbit-handwriting{font-family:var(--orbit-script);color:#988a7c;font-weight:400;line-height:1.02;letter-spacing:.1px}
.orbit-workspace{position:absolute;left:0;top:130px;width:1408px;height:696px}.orbit-lines{position:absolute;inset:0;width:100%;height:728px;color:#ff832a;opacity:.78;pointer-events:none}.orbit-card{position:absolute;background:linear-gradient(145deg,#fffaf3d9,#fff6edde);border:1px solid #fffaf18c;border-radius:42px;box-shadow:0 22px 40px #72523e0d;backdrop-filter:blur(15px);padding:25px;color:#887b6e;transition:box-shadow .25s}.orbit-card h2{font-size:14px;font-weight:400;line-height:20px;display:flex;align-items:center;gap:13px;margin:0 0 17px;color:#85776c}.orbit-card h2 .icon{color:#40382f;width:21px;height:21px}.orbit-card h2 label{cursor:inherit}.orbit-card-note{font-size:12px;color:#9c8c7d;line-height:1.38;margin:12px 0 0 15px}.duration-card{left:137px;top:81px;width:225px;height:168px;transform:rotate(11deg);padding:23px 25px;border-radius:45px 50px 43px 46px}.duration-card h2{margin-bottom:7px}.orbit-duration-input{margin:0 auto 5px;display:flex;justify-content:center;align-items:center;gap:3px;height:33px;width:99px;background:#fff7ee40;border-radius:25px;color:#55483b}.orbit-duration-input input#selected-duration{width:53px;padding:0;background:none!important;border:0!important;font-family:var(--orbit-font);font-size:16px;color:#55483b;font-weight:400;text-align:right;box-shadow:none;-moz-appearance:textfield;height:32px}.orbit-duration-input input::-webkit-inner-spin-button,.orbit-duration-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.orbit-duration-input span{font-size:15px}.orbit-range{display:block;width:100%;height:7px;padding:0;border:0;border-radius:20px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#ff7b20 0%,#ff7b20 var(--range-fill,27%),#d8c6b6 var(--range-fill,27%),#d8c6b6 100%);accent-color:#ff7922;margin:8px 0 10px;box-shadow:none}.orbit-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border:0;border-radius:50%;background:#fffaf5;box-shadow:0 5px 9px #76635222}.orbit-range::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#fffaf5;box-shadow:0 5px 9px #76635222}.duration-ticks{display:flex;align-items:center;justify-content:space-between}.duration-ticks button{font-size:11px;background:none;border:0;padding:2px 0;color:#9b8b7b;font-weight:400}.duration-ticks button:hover{color:var(--accent)}.orbit-small-link{border:0;background:none;color:#a96b3f;font-size:12px;display:block;margin:7px auto 0}.motion-card{left:119px;top:307px;width:214px;min-height:166px;transform:rotate(8deg);padding:25px 25px 24px;border-radius:36px 45px 45px 38px}.motion-card h2{gap:11px}.motion-card .orbit-card-note{margin-left:20px}.orbit-canvas.preview-panel{position:absolute;left:393px;top:17px;width:621px;height:647px;border:0;border-radius:25px;overflow:hidden;box-shadow:0 23px 35px #664a2e24;background:#e5d8c8}.orbit-canvas #stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;display:flex;justify-content:center;align-items:center;padding:0;background:transparent;border:0;border-radius:25px;overflow:hidden}.orbit-canvas #preview{flex:none;max-width:none;max-height:none;display:block;box-shadow:none;object-fit:contain;transition:transform .22s;transform:scale(var(--preview-zoom,1));transform-origin:center}.orbit-preview-tools{position:absolute;top:20px;left:17px;right:16px;height:38px;display:flex;justify-content:space-between;align-items:center;z-index:4;pointer-events:none}.orbit-preview-tools>*{pointer-events:auto}.orbit-preview-tools .custom-select{width:94px!important}.orbit-preview-tools .custom-select-btn{height:39px!important;padding:0 16px!important;background:#fffaf0de!important;border-radius:28px!important;box-shadow:none!important;color:#564b40!important;font-size:13px!important}.orbit-canvas-tools{display:flex;gap:3px;opacity:0;transition:opacity .18s}.orbit-canvas:hover .orbit-canvas-tools,.orbit-canvas:focus-within .orbit-canvas-tools{opacity:1}.orbit-canvas-tools .icon-button{background:#fff9eecc;width:34px;height:34px;border-radius:50%;color:#665949}.orbit-canvas-tools .icon{width:15px;height:15px}.orbit-canvas-tools #canvas-templates{background:#fff9eecc;max-width:126px;height:34px;border:0;padding:0 10px;border-radius:20px;font-size:11px;color:#665949}.orbit-canvas-tools .original-ratio-trigger{height:34px;border:0;border-radius:20px;padding:0 10px;background:#fff9eecc;color:#665949;font-size:10px;white-space:nowrap}.orbit-canvas-tools .original-ratio-trigger:hover:not(:disabled){background:#fff3e4;color:#b26b39}.orbit-canvas #source-position,.orbit-canvas #stage-counter{background:#fff7edc4;color:#655143;font-size:10px;bottom:14px;top:auto;box-shadow:none}.orbit-canvas #stage-counter{right:15px}.orbit-canvas #source-position{left:15px}.orbit-canvas .media-notice{z-index:5}.fps-card{left:1080px;top:29px;width:194px;height:162px;padding:27px 24px 18px;transform:rotate(-7deg);border-radius:44px 42px 40px 34px}.fps-card h2{margin-bottom:13px;gap:14px}.fps-presets{display:flex;justify-content:space-between;align-items:center;gap:2px;margin-top:9px}.fps-presets button{height:31px;min-width:29px;border-radius:50%;padding:0 3px;font-size:11px;border:0;color:#938170;background:transparent}.fps-presets button.selected{background:#ffe6ce;color:#a55d22;box-shadow:0 4px 9px #d0a16b19}.fps-presets button:hover{background:#ffefdf}.format-card{left:1060px;top:254px;width:202px;height:117px;transform:rotate(-5deg);padding:23px 23px 16px;border-radius:38px 40px 34px 39px}.format-card h2{margin-bottom:12px;gap:12px;font-size:14px}.quality-card{left:1110px;top:404px;width:180px;min-height:163px;transform:rotate(-6deg);padding:25px 21px 22px;border-radius:40px 41px 36px 38px}.quality-card h2{gap:15px}.quality-card .orbit-card-note{margin-left:10px}.orbit-export{position:absolute;left:1061px;top:593px;width:188px;height:69px}.orbit-export #export-button{border-radius:40px;width:100%;height:100%;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;font-weight:400;color:#fff;background:linear-gradient(112deg,#ff701e,#ff881d);border:1px solid #ff993450;box-shadow:0 12px 23px #f794422e,inset 0 1px 0 #ffb76944;transition:transform .18s,box-shadow .18s}.orbit-export #export-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 26px #ed893d3a}.orbit-export #export-button .icon{width:23px;height:23px}.orbit-export #export-button .export-arrow{width:21px;height:21px}.orbit-card .custom-select{width:100%}.orbit-card .custom-select-btn{height:40px;min-height:40px;border-radius:25px;padding:0 14px;border:1px solid #fffcf8c9;background:#fffcf34d;box-shadow:0 4px 9px #baa1870f;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#55493e;font-weight:400}.orbit-card .custom-select-btn .icon{width:13px;height:13px}.custom-select-list{font-family:var(--orbit-font);background:#fffcf8ed;backdrop-filter:blur(18px);border:1px solid #e8dfd580;box-shadow:0 16px 40px #6e4e3324;border-radius:18px;padding:7px;row-gap:4px;z-index:2000}.custom-select-option{font-size:13px;min-height:39px;line-height:1.4;padding:9px 12px;border-radius:11px;display:flex;align-items:center;gap:10px}.custom-select-option.is-active,.custom-select-option[aria-selected=true]{background:#faecdf;color:#ce6f30}.custom-select-option-meta,.custom-select-option-badge{font-size:10px;background:#f0e7db;color:#8f7560}.custom-select-option[aria-selected=true] .custom-select-option-meta,.custom-select-option[aria-selected=true] .custom-select-option-badge{background:#fff5e7;color:#d17939}
.orbit-timeline.timeline-panel{position:absolute;left:188px;top:842px;width:1030px;height:85px;border-radius:48px;background:#fff6e9d6;border:1px solid #fffaf08c;box-shadow:0 18px 31px #9e764525;padding:13px 18px 13px 22px;display:flex;align-items:center;gap:22px;overflow:visible;backdrop-filter:blur(14px)}.orbit-timeline-controls{display:flex;align-items:center;gap:18px;flex:0 0 auto}.orbit-timeline .playback-buttons{gap:0}.orbit-timeline #prev-frame,.orbit-timeline #next-frame{display:none}.orbit-timeline #play{width:50px;height:50px;border-radius:50%;background:#fffaf0;border:1px solid #fffaf099;color:#393126;box-shadow:0 4px 8px #b0946812;display:grid;place-items:center}.orbit-timeline #play .icon{width:21px;height:21px;fill:currentColor;stroke-width:0}.orbit-time{font-size:13px;color:#998571;white-space:nowrap;min-width:87px}.orbit-film{flex:1;min-width:0;height:55px;position:relative}.orbit-film .frames{display:flex;align-items:center;gap:4px;width:100%;height:55px;min-height:0;overflow-x:auto;overflow-y:hidden;padding:0;border-radius:10px;scrollbar-width:none}.orbit-film .frames::-webkit-scrollbar{display:none}.orbit-film .frame-card{position:relative;flex:1 0 76px;min-width:65px;width:90px;height:54px;max-height:54px;padding:0!important;margin:0!important;border-radius:7px;background:#efe4d3;border:2px solid transparent;box-shadow:none;overflow:hidden;cursor:grab}.orbit-film .frame-card.selected{border-color:#ff8523;box-shadow:0 0 0 1px #ffead3}.orbit-film .frame-top,.orbit-film .frame-caption,.orbit-film .frame-move{display:none}.orbit-film .asset-thumbnail{height:100%;width:100%;min-height:0;margin:0;border:0;border-radius:4px;background-repeat:repeat-x;background-position:left center;background-size:auto 100%;overflow:hidden}.orbit-film .frame-thumb{height:100%;width:100%;object-fit:cover;border-radius:4px}.orbit-film .asset-thumbnail[data-film=true] .frame-thumb{opacity:0}.orbit-film .frame-timing,.orbit-film .clip-duration{position:absolute;bottom:1px;right:2px;width:auto;height:18px;display:flex;gap:2px;padding:1px 4px;border:0;border-radius:4px;background:#fff7e3dd;color:#725a41;font-size:9px;opacity:0;transition:opacity .15s}.orbit-film .frame-card:hover .frame-timing,.orbit-film .frame-card:focus-within .frame-timing,.orbit-film .frame-card:hover .clip-duration{opacity:1}.orbit-film .frame-timing input{max-width:33px;width:28px;height:16px;padding:0;background:none;border:0;font-size:9px;appearance:textfield;box-shadow:none}.orbit-film .frame-timing .icon,.orbit-film .clip-duration .icon{width:10px;height:10px}.orbit-film .video-badge{font-size:7px;bottom:2px;top:auto;left:2px;padding:1px 3px;border-radius:3px}.orbit-film .video-badge .icon{width:9px;height:9px}.orbit-film .transition-bridge{flex:0 0 18px;width:18px;height:23px;margin:0;align-self:center;border-radius:8px;padding:1px;font-size:9px;border:0;background:#fff7e9;color:#ab967e}.orbit-film .transition-bridge.active{background:#ffdfba;color:#c87726}.orbit-film .transition-bridge span:not(.transition-mark){display:none}.orbit-film .transition-bridge .transition-mark{font-size:12px}.orbit-film .add-frame-tile{display:none}.orbit-film .empty-timeline{min-height:0;padding:0;display:flex;gap:8px;background:none;font-size:12px;color:#9c866f}.orbit-film .empty-timeline>span{display:none}.orbit-scrub{position:absolute;left:0;right:0;top:-14px;height:19px;z-index:6;pointer-events:none}.orbit-scrub .scrub-track{height:82px;position:relative;margin:0;overflow:visible;background:none;border-radius:0}.orbit-scrub #scrub-segments{display:none}.orbit-scrub #scrub{position:absolute;top:0;height:13px;left:0;width:100%;opacity:0;pointer-events:auto;cursor:ew-resize;z-index:2}.orbit-scrub #playhead{position:absolute;top:-4px;bottom:auto;height:94px;width:1.5px;background:#ff7c21;pointer-events:none;border-radius:0;box-shadow:none;transition:none}.orbit-scrub #playhead::before{content:'';position:absolute;top:-2px;left:-4.5px;width:11px;height:11px;border-radius:50%;background:#ff7b20;border:0;box-shadow:0 0 0 1px #ffb37930}.orbit-timeline #add-images{width:48px;height:48px;padding:0;flex-shrink:0;border:0;border-radius:50%;background:#fff7ecb0;color:#504233;box-shadow:0 5px 14px #b0987b14;display:grid;place-items:center}.orbit-timeline #add-images .icon{width:24px;height:24px}.orbit-assets-menu{position:absolute;right:-34px;width:24px;height:27px;color:#a3886d;background:none;border:0;opacity:.6}.orbit-asset-actions{position:absolute;bottom:calc(100% + 15px);right:12px;z-index:20;border-radius:22px;background:#fff9eff5;box-shadow:0 12px 30px #62402121;padding:9px}.orbit-asset-actions .timeline-actions{display:flex;gap:6px}.orbit-asset-actions .button{font-size:12px;height:34px;padding:0 10px}.orbit-asset-actions .icon{width:16px;height:16px}.orbit-footer{position:absolute;left:220px;right:220px;top:952px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#a18e79;font-size:11px;line-height:1.5}.orbit-footer p{display:flex;align-items:center;gap:25px;margin:0;font-size:10px;letter-spacing:1.1px}.orbit-footer .icon{height:17px;width:17px}.orbit-footer .orange{color:#ff812a;width:24px}
/* The same material language continues into real editor dialogs. */
.dialog{background:#fffaf3f5;border:1px solid #fffcf8;border-radius:32px;box-shadow:0 26px 95px #55402a30;color:var(--ink);font-family:var(--orbit-font);padding:28px;max-height:calc(100svh - 36px);backdrop-filter:blur(30px)}.dialog::backdrop{background:#6f5e4538;backdrop-filter:blur(9px)}.dialog h2{font-family:var(--orbit-serif);font-size:36px;line-height:1.05;font-weight:500;letter-spacing:-.65px;color:#514031}.dialog .dialog-top>div>p{font-size:12px;color:#9c8874;line-height:1.5}.dialog p{color:#968270}.dialog .button{border-radius:24px;font-size:12px;height:40px;box-shadow:none}.dialog .primary,.dialog .danger{background:linear-gradient(110deg,#ff731e,#ff881d);color:#fff;border:0}.dialog .secondary{background:#f7eee3;color:#7a614a;border:1px solid #e9dace}.dialog .icon-button{color:#9b8874;border-radius:50%}.dialog .icon-button:hover{background:#f4e7d8}.dialog .field-label{font-size:12px;color:#8c7762}.dialog .custom-select-btn,.dialog select,.dialog .text-input,.dialog input[type=number]{background:#fffdf8;border:1px solid #e9ddce;color:#61503f;border-radius:13px;font-size:13px}.orbit-inspector-dialog{width:490px}.orbit-inspector-dialog .inspector{width:auto;padding:0;border:0;background:none;box-shadow:none}.orbit-inspector-dialog .settings-section{padding:18px 0;border-bottom-color:#e8dacb}.orbit-inspector-dialog .setting-title h3{font-family:var(--orbit-font);font-size:15px;color:#73604f}.orbit-inspector-dialog .crop-settings{display:block!important}.orbit-inspector-dialog .privacy-note{padding:20px 0;background:none}.orbit-project-dialog{width:440px}.orbit-project-dialog #project-name{font-family:var(--orbit-font);background:#fffdf8;border:1px solid #e9ddce;height:44px;font-size:15px;border-radius:12px;width:100%;padding:0 13px}.orbit-project-status{display:flex;align-items:center;gap:9px;font-size:12px;color:#9b8b78;margin-top:17px}.orbit-project-status .icon{width:17px;height:17px}.orbit-version{font-size:10px;margin-top:25px!important;color:#af9d89!important}.orbit-legacy-status{display:none!important}.export-dialog{width:580px;padding:29px}.export-dialog .dialog-top{margin-bottom:22px}.export-dialog .export-overview{background:#f6ede2;border-color:#e7dccd;padding:14px;margin-bottom:21px;border-radius:18px}.export-dialog .export-overview img{height:60px;width:60px;border-radius:11px}.export-dialog .export-overview strong{font-size:15px;color:#705d48}.export-dialog .export-overview span{font-size:11px}.export-dialog #export-size-panel{border-color:#e5d6c5;border-radius:19px;background:#f6efe4;padding:16px;margin-top:18px}.export-dialog .export-file-size{font-size:23px}.export-dialog #export-size-progress{accent-color:var(--accent)}.export-dialog #export-size-detail,.export-dialog #export-size-bytes{font-size:11px}.export-dialog .export-option-grid{margin-top:14px}.export-dialog .export-dimension-note,.export-dialog .format-note{font-size:10px;color:#a28b73;line-height:1.5}.export-dialog .export-bottom{margin-top:20px}.export-dialog .export-dimension-label{margin-top:16px}#empty-state{color:#6a5340}#empty-state .empty-art{display:none}#empty-state h2{font-family:var(--orbit-serif);font-size:36px;font-weight:400}#empty-state p{font-size:13px;color:#9b836c}#empty-state .primary{background:var(--accent);border-radius:28px;font-weight:400;padding:0 22px}#empty-state .text-button{color:#ad805c}#empty-state .supported-types{font-size:10px;color:#ac957b}.orbit-canvas:has(#empty-state:not([hidden])){background:linear-gradient(130deg,#f9ebdb,#e0c6a9)}.orbit-canvas:fullscreen{position:fixed;width:100vw!important;height:100vh!important;border-radius:0;background:#281e16}.orbit-canvas:fullscreen #stage{border-radius:0}#toast{border-radius:28px;background:#4f3a28ed;font-family:var(--orbit-font);font-size:13px;color:#fff5e6;box-shadow:0 10px 30px #6441201a}#import-indicator{border-radius:25px;font-family:var(--orbit-font);background:#fffaf0;color:#8e7156}
@media(min-width:951px){body{height:100svh;overflow-y:hidden}.orbit-app{position:absolute;top:var(--scene-top,0px)}}
@media(max-width:950px){html,body{background:#f2ebe3}.orbit-app{left:0;margin:0;width:100%;height:auto;min-height:100svh;transform:none;position:relative;overflow:visible}.orbit-header.topbar{position:sticky;top:0;height:115px;width:100%;z-index:100;background:#eee3d6d9;backdrop-filter:blur(18px);border-bottom:1px solid #fff4e330}.orbit-brand{left:22px;top:17px;gap:10px}.orbit-logo{width:37px;height:37px}.orbit-wordmark{font-size:31px;letter-spacing:-.8px}.orbit-wordmark-old{font-size:30px;letter-spacing:-2.1px;font-weight:750}.orbit-tagline{font-size:6px;letter-spacing:2.6px;margin-top:6px}.orbit-utilities{top:19px;right:16px;gap:2px}.orbit-utilities .button,.orbit-utilities .icon-button{width:29px;height:29px}.orbit-tools{top:auto;bottom:10px;left:20px;width:calc(100% - 40px);height:42px;padding:4px}.orbit-tool{height:34px;font-size:11px;padding:0 8px;gap:8px}.orbit-tool .icon{height:16px;width:16px}.orbit-workspace{position:relative;top:auto;left:auto;width:100%;height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:row;gap:16px;padding:18px 22px 8px}.orbit-lines{display:none}.orbit-canvas.preview-panel{position:relative;left:auto;top:auto;grid-column:1/-1;grid-row:1;width:100%;height:auto;aspect-ratio:621/647;border-radius:23px;margin:0 0 5px;box-shadow:0 18px 28px #70543626}.orbit-card{position:relative;left:auto;top:auto;width:auto;height:auto;min-height:0;transform:none;padding:20px;border-radius:28px}.duration-card{grid-row:2;grid-column:1}.motion-card{grid-row:2;grid-column:2}.fps-card{grid-row:3;grid-column:1}.quality-card{grid-row:3;grid-column:2}.format-card{grid-row:4;grid-column:1}.orbit-export{grid-row:4;grid-column:2;position:relative;left:auto;top:auto;width:100%;height:68px;align-self:center}.orbit-card h2{font-size:13px;gap:9px;margin-bottom:12px}.orbit-card h2 .icon{width:18px;height:18px}.orbit-card .custom-select-btn{height:39px;min-height:39px;font-size:13px;padding:0 11px}.orbit-card-note{font-size:10px;margin-left:0!important}.orbit-duration-input{margin-top:-3px}.duration-ticks button{font-size:10px}.fps-presets{margin-top:8px}.fps-presets button{font-size:10px;min-width:25px;height:27px}.orbit-export #export-button{font-size:14px;padding:0 19px;gap:9px}.orbit-export #export-button .icon{width:19px;height:19px}.orbit-timeline.timeline-panel{position:sticky;bottom:12px;left:auto;top:auto;z-index:25;width:calc(100% - 28px);height:73px;padding:12px;gap:9px;margin:20px 14px 0;border-radius:35px;background:#fff5e7ef;box-shadow:0 9px 24px #82653b2e}.orbit-timeline #play{width:39px;height:39px}.orbit-timeline-controls{gap:7px}.orbit-time{display:none}.orbit-film,.orbit-film .frames{height:46px}.orbit-film .frame-card{height:44px}.orbit-timeline #add-images{height:37px;width:37px}.orbit-assets-menu{right:13px;top:-29px;width:23px;height:23px}.orbit-scrub{top:-11px}.orbit-scrub #playhead{height:71px;top:1px}.orbit-footer{position:relative;top:auto;left:auto;right:auto;width:auto;display:flex;gap:12px;margin:18px 23px;padding:0 0 25px;font-size:9px}.orbit-footer p{font-size:7px;gap:7px;letter-spacing:.5px}.orbit-footer .icon{width:13px;height:13px}.orbit-canvas-tools{opacity:1}.orbit-canvas-tools #undo,.orbit-canvas-tools #redo{display:none}.orbit-canvas-tools #canvas-templates{font-size:9px;max-width:95px}.orbit-canvas-tools .original-ratio-trigger{font-size:9px;padding:0 8px}.orbit-preview-tools{top:13px;left:12px;right:11px}.orbit-preview-tools .custom-select{width:80px!important}.orbit-preview-tools .custom-select-btn{font-size:11px!important;height:32px!important;padding:0 11px!important}.orbit-canvas-tools .icon-button{height:31px;width:31px}.dialog{max-width:calc(100vw - 28px);padding:22px;max-height:calc(100svh - 28px);border-radius:27px}.dialog h2{font-size:31px}.dialog .text-input,.dialog input[type=number],.dialog #project-name{font-size:16px!important}.export-dialog .export-option-grid{grid-template-columns:1fr}.orbit-inspector-dialog .settings-section{padding-top:12px}#empty-state h2{font-size:30px}#empty-state p{font-size:12px}.custom-select-list{max-width:calc(100vw - 20px)}.custom-select-option{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Match the approved canvas and filmstrip geometry without covering the image. */
.orbit-canvas #stage-counter{display:none!important}
.orbit-canvas #source-position{right:auto;width:auto;max-width:calc(100% - 30px)}
.orbit-canvas #source-position:empty{display:none}
@media(min-width:951px){.orbit-timeline.timeline-panel{margin:0}}


.export-dialog .custom-select{width:100%!important}
.export-dialog .custom-select-btn{height:54px!important;min-height:54px!important;width:100%!important;padding:0 18px!important;border:1px solid #e3d4c2!important;border-radius:18px!important;background:#fffdf8!important;color:#61503f!important;font-family:var(--orbit-font)!important;font-size:15px!important;font-weight:400!important;box-shadow:none!important}
.export-dialog .custom-select-btn:hover{background:#fff8ef!important;border-color:#dbc8b3!important}
.export-dialog .custom-select.open .custom-select-btn{background:#fff8ef!important;border-color:#d9b898!important;box-shadow:0 0 0 3px #ff8a4518!important}
.export-dialog .custom-select-btn .icon{width:18px!important;height:18px!important;color:#665749!important}
.export-dialog .custom-select-list{background:#fffcf8f2!important;backdrop-filter:blur(20px);border:1px solid #e4d7c9!important;border-radius:18px!important;padding:7px!important;box-shadow:0 18px 45px #6e4e3326!important;z-index:4000!important}
.export-dialog .custom-select-option{min-height:44px!important;padding:10px 12px!important;border-radius:12px!important;font-size:14px!important;color:#655343!important}
.export-dialog .custom-select-option:hover,.export-dialog .custom-select-option.is-active,.export-dialog .custom-select-option[aria-selected=true]{background:#faecdf!important;color:#c8672b!important}
.export-dialog .custom-select-option-meta,.export-dialog .custom-select-option-badge{font-size:10px!important;background:#f0e7db!important;color:#8f7560!important}
.export-dialog .custom-select-option[aria-selected=true] .custom-select-option-meta,.export-dialog .custom-select-option[aria-selected=true] .custom-select-option-badge{background:#fff5e7!important;color:#d17939!important}
@media(max-width:520px){
  .export-dialog .custom-select-btn{height:48px!important;min-height:48px!important;padding:0 14px!important;border-radius:15px!important;font-size:14px!important}
  .export-dialog .custom-select-option{min-height:42px!important;font-size:13px!important}
}

/* Seamless Orbit dialog morphing. Toolbar-triggered dialogs animate from the control that opened them. */
.dialog.orbit-morph-managed[open]{animation:none}
.dialog.orbit-morph-managed{will-change:transform,opacity,filter,border-radius;transform-origin:center center}
.dialog.orbit-morph-entering::backdrop{animation:orbit-backdrop-in .32s cubic-bezier(.22,1,.36,1) both}
.dialog.orbit-morph-leaving::backdrop{animation:orbit-backdrop-out .22s cubic-bezier(.4,0,.2,1) both}
@keyframes orbit-backdrop-in{from{background:#6f5e4500;backdrop-filter:blur(0)}to{background:#6f5e4538;backdrop-filter:blur(9px)}}
@keyframes orbit-backdrop-out{from{background:#6f5e4538;backdrop-filter:blur(9px)}to{background:#6f5e4500;backdrop-filter:blur(0)}}
@media(prefers-reduced-motion:reduce){
  .dialog.orbit-morph-managed,.dialog.orbit-morph-entering::backdrop,.dialog.orbit-morph-leaving::backdrop{animation:none!important;transition:none!important}
}

/* Floating cards straighten on hover without changing their resting composition. */
@media (hover:hover) and (pointer:fine){
.duration-card,.motion-card,.fps-card,.format-card,.quality-card{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}
.duration-card:hover,.motion-card:hover,.fps-card:hover,.format-card:hover,.quality-card:hover,
.motion-card:has(.custom-select.open),.fps-card:has(.custom-select.open),.format-card:has(.custom-select.open),.quality-card:has(.custom-select.open){transform:rotate(0deg) translateY(-3px);box-shadow:0 27px 46px #72523e18}
}