/* WTDO Travel Studio · preview-first workspace */
.editor.studio-editor{--ink:#eef3f8;--muted:#a3b7ca;--navy:#071829;--panel:#0c2135;--line:#294258;--copper:#dfaa82;--moment-width:86px;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--navy);color:var(--ink);color-scheme:dark;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;box-sizing:border-box}.editor.studio-editor:not([open]){display:none}.studio-editor *{box-sizing:border-box}.studio-editor button{font-family:inherit;cursor:pointer;letter-spacing:0}.studio-editor button:disabled{opacity:.4;cursor:default}.studio-editor button,.studio-editor input,.studio-editor select{transition:border-color .15s,background .15s}.studio-editor button:focus-visible,.studio-editor a:focus-visible,.studio-popup :focus-visible{outline:2px solid #e6b58d;outline-offset:3px}.studio-editor .control-icon{width:18px;height:18px;flex-shrink:0}.studio-brandbar{height:48px;min-height:48px;padding:6px 32px;background:#fafafa;color:#0c2135;display:flex;align-items:center;justify-content:space-between}.studio-brandbar img{width:145px;height:35px;object-fit:contain}.studio-brandbar nav{display:flex;gap:32px}.studio-brandbar a{text-decoration:none;color:inherit;font-size:12px}.studio-brandbar button{display:flex;gap:7px;align-items:center;background:none;color:#163149;font-size:11px;border:0}.studio-editor .editor-top{min-height:57px;height:57px;display:flex;align-items:center;gap:16px;margin:0;padding:8px 28px;background:linear-gradient(100deg,#0b1e32,#10283e);border-bottom:1px solid var(--line)}.studio-editor .editor-top>div:first-child{display:flex;align-items:center;min-width:0;gap:22px;flex:1}.studio-editor .editor-top .eyebrow{font-size:9px;letter-spacing:3px;white-space:nowrap;color:#dce6ef;padding-right:22px;border-right:1px solid #385064}.studio-editor .editor-top h2{margin:0;min-width:0;font-size:17px;font-weight:400}.studio-editor #projectNameButton{display:flex;align-items:center;gap:10px;background:none;border:0;color:#f8f3ec;padding:0;max-width:310px;font:17px Georgia;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-top-actions{display:flex;align-items:center;gap:10px}.studio-top-actions>button,.studio-editor #closeEditor{min-width:34px;height:34px;border:0;background:none;color:#d4e1ed;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;border-radius:5px}.studio-editor #studioHelp{border:1px solid #42617b;padding:0 10px}.studio-editor #studioSaveState{display:flex;align-items:center;gap:6px;font-size:10px;color:#bdcedd;white-space:nowrap;margin-right:20px}.studio-editor #studioSaveState svg{color:#69ccb3;width:15px}.studio-editor .studio-top-actions .header-save{border:1px solid #60788e;padding:0 16px}.studio-editor .studio-top-actions .finish-studio{background:linear-gradient(#eab88d,#ba7750);color:#121c29;font-weight:600;padding:0 16px;box-shadow:inset 0 1px #f4d0b6}.studio-editor #closeEditor{width:30px;min-width:30px;border:1px solid #40576b;font-size:15px;padding:6px}.studio-steps{height:36px;min-height:36px;display:flex;align-items:center;justify-content:center;gap:17px;font-size:10px;color:#849bb0}.studio-steps button{padding:0;background:none;border:0;color:#adc0d0;display:flex;align-items:center;gap:8px;font-size:10px}.studio-steps i{font-style:normal;display:grid;place-items:center;border:1px solid #456077;border-radius:50%;height:23px;width:23px;background:#183047;color:#d5e6f1}.studio-steps .active{color:#efbc96}.studio-steps .active i{background:#cc8e62;border-color:#eeb989;color:#fff}.studio-editor .editor-layout{display:grid;grid-template-columns:minmax(190px,25%) minmax(0,1fr) minmax(220px,25%);grid-template-rows:minmax(0,1fr) 136px;gap:10px 8px;min-height:0;flex:1;padding:0 24px;overflow:hidden}.studio-library,.studio-inspiration{background:linear-gradient(120deg,#10263b,#091d30);border:1px solid var(--line);border-radius:9px;min-height:0;overflow:auto;padding:15px;scrollbar-width:thin;scrollbar-color:#48637b transparent}.studio-editor h3{font:20px/1.2 Georgia,serif;color:#f4eee5;margin:0 0 13px}.studio-library>h3,.studio-inspiration>h3{display:flex;align-items:center;gap:9px;font-size:19px}.media-library{display:grid;grid-template-columns:1fr 1fr;gap:9px}.studio-editor .library-moment{position:relative;aspect-ratio:1.45;border:1px solid #314c63;border-radius:6px;overflow:hidden;padding:0;background:#0c243b;min-width:0}.library-moment>img,.library-moment>video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.studio-editor .library-moment[aria-pressed=true]{border-color:#e4ab80;box-shadow:0 0 0 1px #e4ab80}.library-moment>b{position:absolute;left:5px;top:5px;font-size:10px;padding:3px 5px;border-radius:3px;background:#102b42da;color:#fff}.library-moment>span{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:12px 6px 5px;background:linear-gradient(transparent,#000b);font-size:10px;color:#fff}.library-moment>span svg{width:14px;height:14px}.studio-editor .outline-wide{background:#0e263b;color:#e9eef5;border:1px solid #738a9e;border-radius:5px;min-height:37px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;font-size:11px}.studio-editor #libraryAdd{margin-top:13px;border-color:#e0a779}.library-tip{font-size:10px!important;text-align:center;color:#a8bfd0;line-height:1.5;margin:10px 0 19px}.sample-card{margin-top:18px;padding:16px 14px;background:#142c42;border:1px solid #34516a;border-radius:8px}.sample-card .eyebrow{font-size:8px;letter-spacing:1.6px;color:#e5b28d}.sample-card h3{font-size:20px;margin:8px 0}.sample-card p,.inspiration-card>p{font-size:10px;line-height:1.6;color:#b7c9d7;margin:8px 0 13px}.sample-card button{width:100%;font-size:10px;color:#dfeaf2;border:1px solid #698397;background:none;padding:9px;border-radius:4px}.sample-card #reloadSample{border:0;margin-top:5px;color:#acbfd0;padding:6px}.studio-center{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid var(--line);border-radius:8px;background:radial-gradient(ellipse at 50% 15%,#142e46,#051321 70%);overflow:hidden}.studio-editor .edit-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:150px;width:100%;height:auto;overflow:hidden;border:0;border-radius:0;background:none;margin:0;padding:0 8px}.studio-editor .edit-stage canvas{max-height:100%;max-width:100%;height:auto;width:auto;display:block;object-fit:contain}.stage-ui{pointer-events:none;position:absolute;inset:0}.stage-ui button{pointer-events:auto;border:1px solid #a8b6c38c;background:#071829b5;color:#f7f4ee;display:flex;align-items:center;gap:5px;border-radius:18px;padding:6px 10px;font-size:9px;backdrop-filter:blur(8px)}.stage-ui .sample-pill{position:absolute;top:11px;left:13px;font-size:7px;letter-spacing:1.7px;border:1px solid #748a9d60;padding:5px 8px;border-radius:3px;color:#dbe6ef;background:#0b1b2b8a}.stage-ui .stage-full{position:absolute;right:12px;top:9px;padding:7px;border-radius:5px}.stage-ui .edit-on-stage{position:absolute;left:14px;bottom:12px}.stage-ui .edit-on-stage svg{width:12px;height:12px}.studio-editor .edit-playbar{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:5px 12px;background:#081a2b}.studio-editor #previewMovie{display:flex;align-items:center;justify-content:center;width:31px;height:31px;min-width:31px;min-height:31px;border-radius:50%;border:1px solid #53728b;background:#16324a;color:#f4f6f8;padding:6px}.studio-editor #previewMovie>span{display:none}.studio-editor .edit-playbar>label:not(.story-scrub):not(.studio-scrub){display:none}.story-scrub{flex:1;display:flex!important;align-items:center;gap:10px;margin:0!important;letter-spacing:0!important}.story-scrub input{flex:1;min-width:20px;width:auto!important;margin:0!important}.story-scrub output{white-space:nowrap;color:#d0dde9;font:10px system-ui;min-width:68px}.studio-editor #sequenceLength{display:none}.studio-scrub{display:none!important}.studio-tools{display:flex;justify-content:space-around;gap:2px;min-height:41px;background:#0b2033;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 6px;flex-shrink:0}.studio-tools button{position:relative;flex:1;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#cbd8e4;min-width:0;padding:9px 3px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px}.studio-tools button svg{width:16px;height:16px}.studio-tools button[aria-selected=true]{color:#e7b38c;border-bottom-color:#e4a77a}.studio-tools button:hover{background:#1b354d}.studio-sheet{background:#0e2439;min-height:0;flex-shrink:0}.sheet-heading{display:none;align-items:center;justify-content:space-between;padding:8px 12px;position:relative}.sheet-heading h3{margin:0;font-size:20px}.sheet-heading button{padding:5px;background:none;border:0;color:#eaf1f7}.sheet-handle{display:none}.sheet-actions{display:none}.studio-editor .edit-controls{height:150px;min-height:150px;max-height:150px;overflow:auto;overscroll-behavior:contain;padding:12px 14px;color:#c7d9e7;background:none;scrollbar-width:thin;scrollbar-color:#41617d transparent}.studio-editor .studio-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;max-width:none;margin:0}.studio-editor [hidden]{display:none!important}.studio-editor .studio-panel label{font:9px/1.6 system-ui;letter-spacing:1px;display:block;margin:0;color:#c0d2e2}.studio-editor .studio-panel label+label{margin:0}.studio-editor .studio-panel input:not([type=range]),.studio-editor .studio-panel select{width:100%;color:#e9f1f7;background:#081a2d;border:1px solid #42617b;border-radius:5px;padding:8px 9px;margin:4px 0 0;font:11px system-ui;min-height:34px}.studio-editor input[type=range]{accent-color:#dfad88;background:#4a637a;height:3px;padding:0;margin:12px 0 6px;width:100%;cursor:pointer;border:0}.studio-editor input[type=range]::-webkit-slider-thumb{background:#f5f3ef;border-color:#fff;width:15px;height:15px}.studio-editor .studio-panel fieldset{border:0;margin:0;padding:0;min-width:0}.studio-editor .studio-panel legend{display:none}.studio-editor .studio-panel small{font-size:9px;line-height:1.5;color:#a3b9cd;display:block;margin:4px 0}.studio-editor .studio-panel button{font-size:10px;min-height:30px;padding:7px 10px;background:#142f46;border:1px solid #4f6e86;color:#e6eef5;border-radius:4px}.studio-editor .studio-panel .terracotta{background:#d69b71;color:#13263a;border-color:#e6ae84}.studio-editor .studio-panel .subtle{color:#e0eaf2}.studio-editor .studio-panel select option,.studio-editor .studio-panel optgroup{background:#0d263d;color:#edf4f9}.studio-editor .project-looks{grid-column:1/-1}.studio-editor .project-looks>small{display:none}.studio-editor .look-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.studio-editor .look-grid button{min-height:35px;background:linear-gradient(120deg,#2e4b60,#102238)}.studio-editor .look-grid button[aria-pressed=true]{border-color:#e2ad86;color:#f1caa9}.studio-editor .filter-choices{display:flex;gap:5px;margin:0 0 9px;grid-column:1/-1}.studio-editor .filter-choices button{flex:1;min-height:33px;padding:6px}.studio-editor .filter-choices button.selected{background:#d5a17a;color:#10243a;border-color:#e4b68f}.studio-editor #panel-adjust{display:block}.studio-editor #panel-adjust fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.studio-editor #panel-adjust .range-pair{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.studio-editor #panel-adjust .edit-actions:empty{display:none}.studio-editor .clip-actions{display:flex;flex-wrap:wrap;gap:6px;grid-column:1/-1}.studio-editor .clip-actions button{display:flex;align-items:center;justify-content:center;gap:5px}.studio-editor .range-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.clip-mark-actions{display:flex;gap:7px;margin-top:7px}.studio-editor #panel-motion{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.motion-choices{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;grid-column:1/-1;overflow:auto;padding:1px 1px 4px}.studio-editor .motion-choices button{background:none;padding:0;border:0;min-width:49px;min-height:0;color:#e4edf4}.effect-art{position:relative;display:grid;place-items:center;height:53px;background-image:linear-gradient(#081d2c22,#081d2c55),var(--effect-photo);background-size:cover;background-position:center;border-radius:5px;border:2px solid #5f788b;overflow:hidden}.effect-art svg{height:22px!important;width:22px!important;filter:drop-shadow(0 1px 3px #000)}.effect-postcard:before{content:'';position:absolute;inset:7px;border:3px solid #fff4e2;transform:rotate(-10deg)}.effect-trail:before{content:'';position:absolute;inset:12px;border-bottom:2px dashed #f4c092;transform:rotate(-35deg)}.effect-horizon:before{content:'';position:absolute;inset:21px 0;background:#f4dfba70}.effect-fade{opacity:.8}.studio-editor .motion-choices b{display:block;font-size:9px;font-weight:400;margin-top:4px}.studio-editor .motion-choices [aria-pressed=true] .effect-art{border-color:#e4a575;box-shadow:0 0 0 1px #e4a575}.studio-editor .transition-select-label{display:none!important}.motion-duration{display:flex;align-items:center;gap:12px;grid-column:1/-1}.motion-duration label{flex:1;display:flex!important;align-items:center;gap:8px;letter-spacing:0!important}.motion-duration input{flex:1;min-width:25px;margin:0!important}.motion-duration output{white-space:nowrap;font-size:10px;color:#fff}.studio-editor #panel-motion #previewTransition{grid-column:1;display:flex;align-items:center;justify-content:center}.studio-editor #panel-motion .signature-note{display:none}.studio-editor #panel-motion>label:not(.transition-select-label){grid-column:2}.studio-editor #panel-motion>label select{min-height:29px;padding:4px}.caption-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;grid-column:1/-1}.studio-editor #panel-text>label:first-child{grid-column:1/-1}.studio-editor #panel-music{grid-template-columns:1.5fr 1fr}.studio-editor #panel-music>label:first-child{grid-column:1}.studio-editor #panel-music .music-listen{grid-column:2}.studio-editor #panel-music #audioName,.studio-editor #panel-music #musicCredit{grid-column:1/-1}.studio-editor #musicVolumeValue{float:right}.studio-editor #panel-music #chooseAudio{margin:0}.studio-editor .music-listen button{margin:0;min-height:34px}.studio-editor .editor-save{grid-column:1/-1;margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr 2fr;gap:8px}.studio-editor .editor-save .export-pair{display:flex;gap:7px;margin:0}.studio-editor .export-pair button{flex:1;min-height:34px}.studio-editor .editor-save>small{grid-column:1/-1}.studio-editor #sharePlace{display:none!important}.studio-editor #shareFinishedStory{grid-column:1/-1}.studio-editor .upload-welcome{background:#0e253a;color:#f5f0e8;padding:25px;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.studio-editor .upload-welcome>span{display:none}.studio-editor .upload-welcome h3{font-size:29px}.studio-editor .upload-welcome p{font-size:12px;color:#b5c8d8}.studio-editor .upload-welcome small{font-size:9px;color:#91adc4}.studio-editor .upload-welcome button{background:#dcaa82;color:#12283a;border:0;border-radius:6px;padding:12px;margin:12px 0}.studio-inspiration{padding:14px;display:flex;flex-direction:column;gap:10px}.studio-inspiration>h3{font-size:18px;margin:0 0 2px}.inspiration-card{border:1px solid #34506a;border-radius:8px;padding:13px 12px;background:linear-gradient(120deg,#142d44,#0c2135)}.inspiration-card h3{display:flex;align-items:center;gap:9px;font-size:18px;margin:0 0 8px}.inspiration-card>p{font-size:9px;margin:4px 0 10px}.signature-art{height:74px;display:flex;align-items:center;position:relative;overflow:hidden;background:#ecdfcb;border-radius:5px;padding:10px;gap:10px}.signature-art>svg:first-child{width:66%;height:64px;position:absolute;left:0;opacity:.8}.signature-art>span{position:relative;transform:rotate(-6deg);border:1px solid #3b5261;font-size:10px;letter-spacing:1.5px;padding:6px 8px;color:#16364e;margin-left:auto;background:#f4ead9}.signature-art>.control-icon{color:#c1d0dc;background:#0d2439;width:47px;height:52px;padding:6px}.signature-chips{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.studio-editor .signature-chips button{padding:5px 7px;min-height:27px;border:1px solid #6b8092;border-radius:20px;background:none;color:#e4eaf1;font-size:9px}.track-summary{display:flex;align-items:center;gap:10px;margin:10px 0}.track-art{height:53px;width:53px;min-width:53px;display:grid;place-items:center;background:linear-gradient(145deg,#efc59d,#926547 55%,#12304b);border-radius:5px}.track-art svg{width:25px!important;height:25px!important}.track-summary strong{display:block;font:13px Georgia;margin:4px 0;color:#f4eadf}.track-summary small{font-size:9px;color:#9ebbd1}.studio-editor .sound-preview{display:flex;gap:10px;align-items:center;width:100%;padding:6px 0 12px;background:none;border:0;color:#e0ebf4;font-size:10px}.finishing-card>button{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;padding:9px 0;background:none;border:0;border-top:1px solid #2b475e;color:#d8e5ef;text-align:left}.finishing-card>button svg{width:13px!important;height:13px!important}.studio-inspiration>#sideShare{margin-top:auto}.studio-timeline{grid-column:1/-1;min-width:0;overflow:hidden;background:#091e31;padding:8px 0 6px;border-top:1px solid #2d4559}.timeline-top{height:26px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px;color:#afc5d8;font-size:10px}.timeline-top>span:first-child{display:flex;align-items:center;gap:8px}.timeline-top>div{display:flex;gap:14px;align-items:center}.timeline-top button{border:0;background:none;color:#bfcede;display:flex;align-items:center;gap:5px;padding:2px;font-size:9px}.timeline-top button svg{width:13px!important;height:13px!important}.timeline-row{display:flex;gap:12px;min-width:0;align-items:center}.track-label{font-size:9px;width:49px;min-width:49px;color:#a7c0d4}.timeline-scroll{display:flex;align-items:center;gap:7px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#47647e transparent;padding:2px 0 4px}.studio-editor .timeline{display:flex;gap:5px;overflow:visible;min-height:0;min-width:0;flex:1;margin:0;padding:0;height:58px}.studio-editor .timeline>button[data-moment]{border:1px solid #52708b;border-radius:5px;height:56px;flex:1 0 var(--moment-width);min-width:var(--moment-width);max-width:200px;margin:0;background:#183249;padding:0;position:relative;overflow:hidden}.studio-editor .timeline>button[data-moment]>img,.studio-editor .timeline>button[data-moment]>video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.studio-editor .timeline>button[aria-pressed=true]{border-color:#efb68a;box-shadow:0 0 0 1px #e8ad81}.studio-editor .timeline>button.playing:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:3px;background:#eda36d;box-shadow:0 0 0 1px #1c2e3e}.studio-editor .timeline small{position:absolute;bottom:3px;left:4px;background:#0a2139c9;color:#fff;border-radius:3px;padding:2px 4px;font-size:8px}.studio-editor .timeline>.transition-node{padding:0;width:16px;min-width:16px;flex:0 0 16px;height:25px;align-self:center;border:1px solid #6d8093;border-radius:3px;background:#39526a;color:#faf6ee;font-size:16px}.studio-editor #addMedia{display:grid;place-items:center;flex:0 0 42px;width:42px;min-width:42px;min-height:50px;padding:7px;border:1px solid #55718a;background:#112b41;color:#e8f0f7;border-radius:5px}.studio-editor #addMedia span{display:none}.waveform-track{height:26px;margin:2px 0 0 61px;width:calc(100% - 61px);display:flex;align-items:center;gap:10px;background:#073447;border:1px solid #165166;border-radius:3px;padding:0 7px;color:#56b3c8;overflow:hidden}.waveform-track>span{display:flex;align-items:center;gap:6px;white-space:nowrap;min-width:130px;font-size:8px;color:#d3eaf2}.waveform-track b{font-weight:400}.waveform-track svg:not(.control-icon){height:22px;flex:1;min-width:0}.waveform-track .control-icon{height:13px!important;width:13px!important}.studio-editor .editor-status{height:22px;min-height:22px;margin:0;padding:4px 26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#061624;color:#8eacc1;font:9px system-ui;border:0;border-radius:0;position:static}.studio-editor #downloadReady{padding:6px 25px;background:#1c3c51;color:#edf4fb}.studio-editor #downloadReady a{font-size:11px;color:#f1c39e}.studio-footer{height:34px;min-height:34px;display:flex;align-items:center;gap:24px;padding:0 30px;background:#0b2033;border-top:1px solid #274258;color:#d6e1ea}.studio-footer>span{font:15px Georgia;margin-right:10px}.studio-footer a{color:#bccbd8;font-size:9px;text-decoration:none}.studio-footer button{margin-left:auto;background:none;border:0;color:#c8d8e6;font-size:9px;display:flex;align-items:center;gap:7px}.studio-footer a[aria-label]{font-size:19px;color:#e0eaf3}.studio-editor .edit-stage:fullscreen{background:#03111e;padding:20px}.studio-editor .edit-stage:fullscreen canvas{height:100%;width:auto}.studio-popup{color-scheme:dark;width:min(500px,calc(100vw - 26px));max-height:88dvh;overflow:auto;padding:24px;background:#10283e;color:#e2edf6;border:1px solid #526c82;border-radius:15px;box-shadow:0 30px 100px #0009;font:13px/1.6 system-ui}.studio-popup::backdrop{background:#020c18bd;backdrop-filter:blur(5px)}.studio-popup header{display:flex;align-items:center;justify-content:space-between}.studio-popup .eyebrow{font-size:9px;letter-spacing:2px;color:#edba93}.studio-popup header button{background:none;border:0;color:#e5eef5;padding:4px}.studio-popup .control-icon{width:18px;height:18px}.studio-popup h2{font:31px/1.15 Georgia;color:#f6eee5;margin:16px 0}.studio-popup p{font-size:12px;color:#b9ccdb;line-height:1.6}.studio-popup ol{padding-left:20px;color:#b9ccdb;font-size:12px}.studio-popup li{margin:13px 0;padding-left:4px}.studio-popup li b{color:#f0ece6}.studio-popup button:not(header button){min-height:39px;padding:9px 12px;background:#15354f;color:#e8f0f7;border:1px solid #658198;border-radius:5px;font:12px system-ui;cursor:pointer}.studio-popup .popup-primary{background:linear-gradient(#e4b18b,#c0865d)!important;color:#10263a!important;border-color:#e5b58e!important;width:100%;font-weight:600!important;margin:10px 0;display:flex;align-items:center;justify-content:center;gap:9px}.studio-popup details{font-size:11px;padding:11px;border:1px solid #3a5972;border-radius:5px}.share-tabs{display:flex;gap:7px;margin:18px 0}.share-tabs button{flex:1}.share-tabs button[aria-pressed=true]{border-color:#e8b18a!important;color:#efbe98!important}.studio-popup section>button{width:100%;margin:5px 0}.share-note{font-size:10px!important}.share-social-links{display:flex;gap:12px;margin:15px 0}.share-social-links a{color:#e6bd9c;font-size:12px}.studio-popup #studioShareStatus{color:#f0c7a6;font-size:11px}
@media(min-width:1500px){.studio-editor .editor-layout{grid-template-columns:minmax(240px,24%) minmax(0,1fr) minmax(260px,25%)}.studio-editor .edit-controls{height:177px;min-height:177px;max-height:177px}.effect-art{height:68px}.studio-editor .editor-layout{grid-template-rows:minmax(0,1fr) 145px}.studio-library,.studio-inspiration{padding:18px}.inspiration-card{padding:16px}.media-library{gap:11px}.studio-editor .library-moment{aspect-ratio:1.5}.studio-inspiration{gap:14px}}
@media(min-width:761px) and (max-width:1100px){.studio-editor .editor-layout{grid-template-columns:180px minmax(0,1fr) 210px;padding:0 12px}.studio-editor .editor-top{padding:7px 15px;gap:9px}.studio-editor #studioSaveState{display:none}.studio-editor .editor-top .eyebrow{display:none}.studio-editor #projectNameButton{font-size:15px;max-width:200px}.studio-library,.studio-inspiration{padding:10px}.studio-library>h3,.studio-inspiration>h3{font-size:15px}.inspiration-card h3{font-size:16px}.signature-chips{gap:4px}.signature-chips button{font-size:8px!important}.motion-choices{grid-template-columns:repeat(8,54px)}.studio-tools button{flex-direction:column;font-size:8px;gap:3px;padding:5px 1px}.studio-tools{min-height:44px}.studio-editor .edit-controls{height:160px;min-height:160px;max-height:160px}.studio-inspiration>h3 svg{display:none}.sample-card{padding:11px}.sample-card h3{font-size:17px}.studio-editor .library-moment{aspect-ratio:1.15}}
@media(min-width:761px) and (max-height:760px){.studio-brandbar{min-height:38px;height:38px}.studio-brandbar img{height:29px}.studio-editor .editor-top{height:47px;min-height:47px}.studio-steps{height:29px;min-height:29px}.studio-editor .editor-layout{grid-template-rows:minmax(0,1fr) 111px;gap:6px}.studio-editor .edit-controls{height:128px;min-height:128px;max-height:128px;padding:8px 12px}.effect-art{height:38px}.studio-tools{min-height:36px}.studio-editor .timeline>button[data-moment]{height:43px}.studio-editor .timeline{height:45px}.timeline-top{height:20px}.waveform-track{height:21px}.studio-footer{height:27px;min-height:27px}.studio-editor .edit-stage{min-height:100px}.studio-inspiration{gap:7px}.inspiration-card{padding:9px}.signature-art{height:53px}.inspiration-card>p{display:none}.sample-card{margin-top:12px}.studio-library .library-tip{margin-bottom:8px}}
@media(max-width:760px){.editor.studio-editor{--moment-width:65px}.studio-brandbar,.studio-steps,.studio-footer,.studio-library,.studio-inspiration{display:none!important}.studio-editor .editor-top{height:51px;min-height:51px;padding:7px 10px;gap:7px;order:0}.studio-editor .editor-top>div:first-child{display:block;flex:1;min-width:0}.studio-editor .editor-top .eyebrow{display:none}.studio-editor #projectNameButton{font:13px Georgia;max-width:42vw;gap:5px}.studio-editor #projectNameButton svg{display:none}.studio-top-actions{gap:4px}.studio-editor #studioSaveState,.studio-editor #headerSave,.studio-editor #redoStudio{display:none}.studio-editor .studio-top-actions>button{min-width:28px;height:33px;font-size:10px;padding:5px}.studio-editor #studioHelp{padding:5px 7px;font-size:13px;border:0}.studio-editor #studioHelp span{display:none}.studio-editor .studio-top-actions .finish-studio{padding:7px 11px}.studio-editor .finish-studio svg{display:none}.studio-editor #closeEditor{width:25px;min-width:25px;height:27px;border:0;padding:4px}.studio-editor .editor-layout{display:flex;flex-direction:column;flex:1;padding:0;gap:0;min-height:0}.studio-center{display:contents;border:0}.studio-editor .edit-stage{order:0;flex:1;min-height:125px;max-height:none;margin:0;padding:0 8px;background:radial-gradient(ellipse,#142d43,#061523)}.studio-editor .edit-stage canvas{max-height:100%;width:auto;max-width:100%;object-fit:contain}.studio-editor .edit-playbar{order:1;height:36px;min-height:36px;padding:3px 12px;gap:12px}.studio-editor #previewMovie{height:28px;min-height:28px;width:28px;min-width:28px;background:none;border-color:transparent}.story-scrub{gap:8px}.story-scrub output{font-size:9px;min-width:65px}.studio-timeline{order:2;flex-shrink:0;grid-column:auto;height:97px;min-height:97px;padding:5px 9px 2px;border-top:1px solid #27465f}.timeline-top{height:15px;min-height:15px;font-size:8px;margin:0 0 3px}.timeline-top>span:first-child{font-size:8px}.timeline-top>span:first-child svg{width:12px;height:12px}.timeline-top>div{gap:12px}.timeline-top button{font-size:9px}.timeline-top button>span{display:none}.timeline-top #timelineHint{display:none}.track-label{display:none}.timeline-scroll{gap:5px;padding-bottom:3px}.studio-editor .timeline{height:46px;gap:3px}.studio-editor .timeline>button[data-moment]{height:44px;min-width:var(--moment-width);flex-basis:var(--moment-width);flex-grow:0}.studio-editor .timeline small{font-size:8px;padding:1px 3px}.studio-editor .timeline>.transition-node{width:14px;min-width:14px;flex-basis:14px;height:19px;font-size:13px}.studio-editor #addMedia{width:32px;min-width:32px;flex-basis:32px;height:42px;min-height:42px}.waveform-track{margin:0;height:20px;min-height:20px;width:100%;padding:0 6px}.waveform-track>span{min-width:95px;font-size:7px}.waveform-track svg:not(.control-icon){height:17px}.waveform-track .control-icon{width:10px!important;height:10px!important}.studio-tools{order:4;min-height:62px;padding:4px 4px max(5px,env(safe-area-inset-bottom));border:1px solid #33516b;border-radius:13px 13px 0 0;margin:0;background:#0e2438}.studio-tools button{flex-direction:column;gap:6px;font-size:9px;padding:5px 1px;min-height:48px;border-bottom:0;border-radius:6px}.studio-tools button svg{width:21px;height:21px}.studio-tools button[aria-selected=true]{background:#24415b;color:#efb78b}.studio-tools #tool-project{display:none}.studio-sheet{display:none;order:3;flex-shrink:0;border:1px solid #395670;border-bottom:0;border-radius:17px 17px 0 0;max-height:42dvh;background:linear-gradient(120deg,#132d43,#0c2137);overflow:hidden;flex-direction:column}.studio-editor.tool-open .studio-sheet{display:flex}.sheet-heading{display:flex;padding:17px 15px 8px;min-height:48px;flex-shrink:0}.sheet-heading h3{font-size:21px}.sheet-handle{display:block;width:34px;height:4px;border-radius:5px;background:#577188;position:absolute;top:6px;left:calc(50% - 17px)}.sheet-heading button{border:0;background:none;color:#e2edf7;padding:3px;min-height:28px}.studio-editor .edit-controls{height:auto;min-height:0;max-height:none;flex:1;overflow:auto;padding:6px 15px 10px}.studio-editor .studio-panel{gap:12px}.studio-editor .studio-panel label{font-size:9px}.studio-editor .studio-panel input:not([type=range]),.studio-editor .studio-panel select{min-height:36px;font-size:12px;padding:8px}.studio-editor .studio-panel button{min-height:36px;font-size:11px}.studio-editor .studio-panel small{font-size:9px}.sheet-actions{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:5px 15px 9px;background:#0d2338;gap:10px}.sheet-actions>span{font-size:9px;color:#b5c7d7}.sheet-actions>button{min-width:93px;min-height:31px;border:1px solid #e0a77c;background:linear-gradient(#dda87e,#be8058);border-radius:5px;color:#0b2338;padding:6px 20px;font-size:11px}.studio-editor.tool-open .studio-tools{min-height:49px;padding:3px 4px max(3px,env(safe-area-inset-bottom));border-radius:0}.studio-editor.tool-open .studio-tools button{min-height:40px;gap:3px;font-size:8px}.studio-editor.tool-open .studio-tools button svg{width:17px;height:17px}.studio-editor.tool-open .waveform-track{display:none}.studio-editor.tool-open .studio-timeline{height:75px;min-height:75px}.studio-editor #panel-motion{gap:9px 10px}.motion-choices{grid-template-columns:repeat(8,70px);gap:9px;overflow-x:auto;padding:3px 2px 7px;scrollbar-width:none}.effect-art{height:58px}.studio-editor .motion-choices button{font-size:10px;min-height:0}.studio-editor .motion-choices b{font-size:10px;margin-top:5px}.motion-duration{gap:8px}.motion-duration label{font-size:10px!important;gap:8px}.motion-duration input{min-width:30px}.studio-editor .motion-duration button{font-size:10px;min-height:28px;padding:5px 8px}.studio-editor #panel-motion>label:not(.transition-select-label){grid-column:2;font-size:8px}.studio-editor #panel-motion>label select{min-height:32px;font-size:10px}.studio-editor #panel-motion #previewTransition{min-height:33px;font-size:10px}.studio-editor #panel-trim{grid-template-columns:1fr}.studio-editor .clip-actions{gap:6px}.studio-editor .clip-actions button{min-height:34px}.studio-editor #panel-music{grid-template-columns:1fr 1fr}.studio-editor #panel-music>label:first-child{grid-column:1/-1}.studio-editor #panel-music .music-listen{grid-column:1}.studio-editor #panel-music>label:nth-of-type(2){grid-row:2;grid-column:2}.studio-editor #panel-music #audioName{display:none}.studio-editor #panel-text{grid-template-columns:1fr 1fr}.studio-editor #panel-text>label:first-child{grid-column:1/-1}.studio-editor #panel-looks{grid-template-columns:1fr}.studio-editor .editor-save{display:flex;flex-wrap:wrap;gap:7px}.studio-editor .editor-save>button{width:auto}.studio-editor .editor-save>small{font-size:9px}.studio-editor .editor-save .export-pair{flex:1}.studio-editor #panel-project{grid-template-columns:1fr 1fr}.studio-editor #panel-project>label:first-child{grid-column:1/-1}.studio-editor .editor-status{height:20px;min-height:20px;font-size:8px;padding:4px 10px;order:5}.studio-editor #downloadReady{order:4;padding:5px 10px}.studio-editor .upload-welcome{padding:18px}.studio-editor .upload-welcome h3{font-size:24px}.studio-editor .upload-welcome p{font-size:11px}.studio-editor .upload-welcome small{display:none}.stage-ui .sample-pill{font-size:6px;left:12px;top:9px}.stage-ui .edit-on-stage{left:16px;bottom:10px;font-size:9px}.stage-ui .stage-full{right:14px;top:7px}.studio-popup{padding:20px}.studio-popup h2{font-size:29px}}
@media(max-width:760px) and (max-height:680px){.studio-editor .editor-top{height:44px;min-height:44px}.studio-editor.tool-open .studio-sheet{max-height:41dvh}.studio-editor .edit-stage{min-height:95px}.studio-editor.tool-open .studio-timeline{height:62px;min-height:62px}.studio-editor.tool-open .timeline-top{display:none}.sheet-heading{min-height:39px;padding-top:12px}.sheet-heading h3{font-size:18px}.sheet-actions{min-height:35px;padding-bottom:5px}.studio-editor.tool-open .edit-controls{padding-top:4px}.effect-art{height:43px}.studio-editor .motion-choices button b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.studio-editor *,.studio-popup *{scroll-behavior:auto!important;transition:none!important}}
html:has(.studio-editor[open]),body:has(.studio-editor[open]){overflow:hidden}.studio-editor .motion-choices{grid-row:1}.studio-editor #panel-motion .motion-duration{grid-row:2}.studio-editor #panel-motion #previewTransition,.studio-editor #panel-motion>label:not(.transition-select-label){grid-row:3}.studio-editor .studio-brandbar a{color:#17344d}.studio-editor .studio-panel .motion-choices button:hover .effect-art{border-color:#e4b38b}@media(max-width:760px){.studio-editor.tool-open .studio-sheet{max-height:37dvh}.studio-editor #panel-motion{row-gap:9px}.studio-editor .studio-top-actions #studioHelp{min-width:30px}.studio-editor .motion-duration label{font-size:9px!important}}
/* WTDO daylight shell: warm site chrome, light editing panels, navy media stage. */
.editor.studio-editor{--ink:#18364c;--muted:#607b8e;--line:#d4dfe5;--panel:#f8fafb;background:#f5f2ec;color:#18364c;color-scheme:light}.studio-brandbar{background:#fffdf9;border-bottom:1px solid #e3dfd5}.studio-editor .editor-top{background:#f9f7f2;border-color:#dedfd9}.studio-editor .editor-top .eyebrow{color:#7b614d;border-color:#d5d9d6}.studio-editor .editor-top h2,.studio-editor #projectNameButton{color:#19394f}.studio-top-actions>button,.studio-editor #closeEditor{color:#35566d}.studio-editor #studioHelp,.studio-editor #closeEditor,.studio-editor .studio-top-actions .header-save{border-color:#aebfc9;background:#fffdf9;color:#294d65}.studio-editor #studioSaveState{color:#657d8c}.studio-editor #studioSaveState svg{color:#21866f}.studio-editor .studio-top-actions .finish-studio{color:#173147}.studio-steps{color:#9badb5}.studio-steps button{color:#57748a}.studio-steps i{background:#e5edf1;border-color:#c1d0da;color:#35546c}.studio-steps .active{color:#985e39}.studio-steps .active i{background:#cc9067;border-color:#b77951;color:#fff}.studio-library,.studio-inspiration{background:#fffdf9;border-color:#d9dfdf;box-shadow:0 3px 14px #19344806;scrollbar-color:#bacbd3 transparent}.studio-editor h3{color:#17374e}.studio-editor .library-moment{border-color:#c0cfd6;background:#e8eff2}.studio-editor .library-moment[aria-pressed=true]{border-color:#b87c52;box-shadow:0 0 0 1px #bb8059}.studio-editor .outline-wide{background:#fdfbf7;color:#284d66;border-color:#b2c3cd}.studio-editor .outline-wide:hover{background:#eef3f5;border-color:#a77754}.studio-editor #libraryAdd{border-color:#b9835e}.library-tip{color:#668091}.sample-card{background:#edf3f6;border-color:#d0dfe6}.sample-card .eyebrow{color:#9b6843}.sample-card p,.inspiration-card>p{color:#607c8f}.sample-card button{color:#2b5069;border-color:#a6bac7;background:#fffdf9}.sample-card #reloadSample{color:#688191;background:none}.studio-center{border-color:#b6c6d1;background:radial-gradient(ellipse at 50% 15%,#18334c,#071829 75%)}.studio-center .edit-stage,.studio-editor .edit-playbar{color:#edf4fa}.studio-tools{background:#f1f5f7;border-color:#cbdbe3}.studio-tools button{color:#426078}.studio-tools button[aria-selected=true]{color:#9c613c;border-bottom-color:#bd8258;background:#f2e9de}.studio-tools button:hover{background:#e5edf1;color:#173e58}.studio-sheet{background:#edf3f7}.sheet-heading h3{color:#193a52}.sheet-heading button{color:#355c75}.sheet-handle{background:#a7bfce}.studio-editor .edit-controls{color:#294b64;scrollbar-color:#adc4d1 transparent}.studio-editor .studio-panel label{color:#4e6d82}.studio-editor .studio-panel input:not([type=range]),.studio-editor .studio-panel select{background:#fffefa;color:#23465e;border-color:#b9ccd7;color-scheme:light}.studio-editor .studio-panel input::placeholder{color:#8296a4}.studio-editor .studio-panel select option,.studio-editor .studio-panel select optgroup{background:#fffefa;color:#23465e}.studio-editor .studio-panel small{color:#657f91}.studio-editor .studio-panel button{background:#fdfcf8;color:#2c536d;border-color:#aabfcd}.studio-editor .studio-panel button:hover{background:#e5eef3;border-color:#bc8c6b}.studio-editor .studio-panel .terracotta{background:#d6a07a;color:#16374d;border-color:#bc845f}.studio-editor .studio-panel .subtle{color:#2c536d}.studio-editor .look-grid button{background:linear-gradient(120deg,#fdfaf4,#dfeaf0);color:#34556d}.studio-editor .look-grid button[aria-pressed=true]{border-color:#bc8058;color:#8a512f;background:#f3e6d7}.studio-editor .filter-choices button.selected{background:#dfb38e;color:#233f54;border-color:#ba8058}.studio-editor .motion-choices button{background:none;border:0;color:#36566d}.studio-editor .motion-choices button:hover{background:none}.studio-editor .motion-choices [aria-pressed=true] .effect-art{border-color:#b67c53;box-shadow:0 0 0 1px #be865f}.studio-editor .effect-art{color:#fff9f0}.studio-editor .motion-duration output{color:#294b64}.studio-editor input[type=range]{background:#c0d1dc;accent-color:#b87a50}.studio-editor input[type=range]::-webkit-slider-thumb{background:#bd825a;border:2px solid #fff;box-shadow:0 1px 4px #12364e30}.studio-editor input[type=range]::-moz-range-thumb{background:#bd825a;border:2px solid #fff}.studio-editor .story-scrub input[type=range]{background:#4a637a}.sheet-actions{background:#e9f1f5;border-top:1px solid #d1e0e7}.sheet-actions>span{color:#668195}.sheet-actions>button{color:#17394f}.inspiration-card{border-color:#d3dfe5;background:linear-gradient(120deg,#f6f9fb,#eef4f7)}.studio-editor .signature-chips button{color:#355b73;border-color:#aec2ce;background:#fffefa}.track-summary strong{color:#1d4058}.track-summary small{color:#648095}.studio-editor .sound-preview{color:#365e79}.finishing-card>button{color:#3c6078;border-top-color:#d7e2e8}.studio-editor .editor-layout>.studio-timeline{border-top:0;border-radius:8px 8px 0 0;padding:8px 12px 6px;background:#0a2035;color:#dceaf6}.studio-timeline .timeline-top{color:#b5c9da}.studio-timeline .track-label{color:#afc8da}.studio-editor .editor-status{background:#f5f2ec;color:#6b8190}.studio-editor #downloadReady{background:#e3eee9;color:#214f44}.studio-editor #downloadReady a{color:#285c4b}.studio-footer{background:#fffdf9;border-top-color:#dddcd5;color:#21475f}.studio-footer a{color:#5b7689}.studio-footer button{color:#41667f}.studio-footer a[aria-label]{color:#284f68}.studio-editor :focus-visible{outline-color:#b67a52}.studio-popup{background:#f9faf8;color:#24465d;border-color:#b6cad5;color-scheme:light}.studio-popup h2{color:#173a52}.studio-popup p,.studio-popup ol{color:#5d798d}.studio-popup li b{color:#244c65}.studio-popup header button{color:#3c6078}.studio-popup .eyebrow{color:#97633f}.studio-popup button:not(header button){background:#f1f5f7;border-color:#b5c8d4;color:#2c556f}.studio-popup details{border-color:#c4d4dd;background:#eef4f7}.share-tabs button[aria-pressed=true]{background:#f2e5d7!important;border-color:#b98058!important;color:#855231!important}.share-social-links a{color:#8f5b36}.studio-popup #studioShareStatus{color:#446e61}.studio-popup .popup-primary{color:#173b50!important}
@media(max-width:760px){.studio-editor .editor-top{background:#fcfaf5}.studio-editor .edit-stage{background:radial-gradient(ellipse,#17344d,#071829)}.studio-editor .studio-tools{background:#f1f5f7;border-color:#c4d7e2}.studio-editor .studio-tools button{color:#46677e}.studio-editor .studio-tools button[aria-selected=true]{background:#eadbca;color:#8a5735}.studio-editor .studio-sheet{background:linear-gradient(120deg,#f4f8fa,#eaf2f6);border-color:#b6cdda;box-shadow:0 -5px 20px #05182720}.studio-editor .sheet-heading button{background:none;color:#375f79}.studio-editor .editor-layout>.studio-timeline{border-radius:0;padding:5px 9px 2px;border-top:1px solid #2c465f}.studio-editor .edit-playbar{background:#091e32}.studio-editor #previewMovie{background:none;color:#f4f6f8}.studio-editor .story-scrub input[type=range]::-webkit-slider-thumb{background:#f5f3ef;border-color:#f5f3ef}.studio-editor .editor-status{background:#f1f5f7;color:#5f7e92}.studio-editor #studioHelp{background:transparent;color:#355b74}.studio-editor .studio-top-actions>button{color:#345972}.studio-editor .studio-top-actions .finish-studio{color:#15364b}.studio-editor #closeEditor{background:none}}