.studio-app.composition-editor{height:100dvh;min-height:560px;overflow:hidden}.composition-editor .app-header{flex-shrink:0;gap:24px!important;height:60px!important}.sliick-lockup{flex-shrink:0;align-items:center;gap:12px;display:flex}.sliick-lockup h1{align-items:center;margin:0;line-height:1;display:flex}.sliick-lockup h1 img{width:68px;height:auto;display:block}.sliick-by-liinks{color:#8d8398;background:#faf9fc;border:1px solid #e9e6ee;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;display:flex}.sliick-by-liinks span{font-size:10px}.sliick-by-liinks img{opacity:.65;width:44px;height:13px}.live-stats-pill{color:#39714f;white-space:nowrap;background:#f6faf7;border:1px solid #dceae3;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;min-height:28px;padding:4px 9px;font-size:11px;line-height:1.2;text-decoration:none;display:inline-flex}.live-stats-pill:hover{background:#eaf4ee;border-color:#bddec9}.live-stats-pill:focus-visible{outline-offset:3px;outline:2px solid #39714f}.live-stats-dot{background:#46a46b;border-radius:50%;flex-shrink:0;width:5px;height:5px}.live-stats-count{font-variant-numeric:tabular-nums;font-weight:600}.live-stats-label{color:#617e6b}@media (max-width:1100px){.live-stats-label{display:none}.live-stats-pill{padding-inline:7px}}.editor-header-tools{flex:1;align-items:center;gap:10px;display:flex}.editor-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.save-preset-button{border-color:#e7e6ed;gap:7px;height:36px;font-size:12px}.my-presets-button{color:#7653a1;background:#faf8fc;border-color:#e7dfee;width:100%;min-height:42px;margin:20px 0 6px}.saved-dialog-loading{z-index:50;background:#fff;border:1px solid #e7dfee;border-radius:12px;align-items:center;gap:10px;padding:22px;font-size:13px;display:flex;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #27173225}.editor-header-tools>button{background:#fff;border-color:#e7e6ed;gap:8px;height:33px;font-size:12px}.editor-header-tools>button[aria-expanded=true]{color:#64518d;background:#efebfb;border-color:#d9cdea}.history-buttons{border-left:1px solid #e8e7ed;gap:2px;padding-left:12px;display:flex}.history-buttons button{color:#73717e;width:30px;height:30px}.editor-workbench{flex:1;grid-template-columns:200px minmax(0,1fr) 288px;min-height:0;display:grid;position:relative}.objects-panel{background:#fff;border-right:1px solid #e9e8ee;flex-direction:column;min-height:0;display:flex}.panel-heading{border-bottom:1px solid #efedf3;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:0 20px;font-size:12px;font-weight:600;display:flex}.panel-heading>div{align-items:center;gap:9px;min-width:0;display:flex}.panel-heading>div>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel-heading svg{flex-shrink:0;width:15px;height:15px}.panel-heading button{width:28px;height:28px}.inspector-selection{flex:1;align-items:center;gap:9px;min-width:0;display:flex;position:relative}.inspector-selection select{appearance:none;min-width:0;height:32px;color:inherit;font:inherit;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1;padding:0 22px 0 0}.inspector-selection select:hover{color:#78608f}.inspector-selection .selection-chevron{pointer-events:none;color:#93829d;width:13px;height:13px;position:absolute;right:2px}.object-count{color:#807b8c;background:#f4f3f7;border-radius:5px;place-items:center;min-width:22px;height:22px;font-size:12px;display:grid}.object-list{padding:10px 8px;overflow-y:auto}.object-row{color:#6b6678;border-radius:6px;align-items:center;min-height:39px;margin:2px 0;display:flex;position:relative}.object-row.selected{color:#64518d;background:#efebfb}.object-row.is-hidden .object-select{opacity:.45}.object-select{text-align:left;cursor:pointer;flex:1;align-items:center;gap:9px;min-width:0;padding:10px 8px;font-size:12px;display:flex}.object-select span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.object-select svg{color:#92889f;flex-shrink:0;width:15px;height:15px}.object-visibility{opacity:.5;cursor:pointer;flex-shrink:0;place-items:center;width:28px;height:30px;display:grid}.object-visibility:hover{opacity:1}.object-visibility svg{width:13px;height:13px}.object-lock-indicator{background:#efebfb;width:9px;height:9px;position:absolute;bottom:6px;left:19px}.scene-settings-link{text-align:left;color:#6b6678;cursor:pointer;border-top:1px solid #efedf3;align-items:center;gap:9px;margin:5px 8px;padding:13px 9px;font-size:12px;display:flex}.scene-settings-link.selected{color:#64518d;background:#f4f1fc;border-radius:6px}.scene-settings-link svg{width:15px;height:15px}.eyebrow{letter-spacing:.1em;color:#8c8397;font-size:12px;font-weight:500}.editor-stage{background:#f5f4f8;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;container:editor-stage/inline-size}.editor-stage-heading{color:#847c90;flex-shrink:0;justify-content:flex-end;align-items:center;gap:14px;height:58px;padding:0 24px;font-size:12px;display:flex}.canvas-format select{color:#82778f;cursor:pointer;background:0 0;border:0;max-width:130px;padding:6px 2px;font-size:12px}.editor-canvas-space{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;margin:0 20px;display:flex}.composition-editor .artboard{border-radius:3px;flex-shrink:0;overflow:hidden;box-shadow:0 6px 25px #3d254812}.composition-editor .viewport,.composition-editor .viewport canvas{touch-action:none}.canvas-toolbar{flex-shrink:0;justify-content:center;align-items:center;gap:12px;height:64px;padding:0 14px;display:flex}.tool-switch{background:#fff;border:1px solid #e8e3ef;border-radius:9px;gap:3px;padding:4px;display:flex;box-shadow:0 3px 8px #38244204}.tool-switch button{color:#80748f;cursor:pointer;border-radius:5px;align-items:center;gap:6px;height:30px;padding:0 11px;font-size:12px;display:flex}.tool-switch button[aria-pressed=true]{color:#fff;background:#302a3e}.tool-switch svg{width:13px;height:13px}.rotation-controls{border-left:2px solid #e9e3f2;margin:16px 0;padding-left:12px}.shape-library{color:#332c40;background:#fff;border:1px solid #e7e2ee;border-radius:16px;width:min(560px,100vw - 28px);max-height:calc(100dvh - 48px);margin:auto;padding:24px;overflow-y:auto;box-shadow:0 24px 100px #24123030}.shape-library::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24183240}.shape-library-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.shape-library h2{letter-spacing:-.8px;margin-top:5px;font-size:24px;font-weight:550}.shape-library>p{color:#81758e;margin:10px 0 16px;font-size:12px}.shape-library-section+.shape-library-section{margin-top:18px}.shape-library-section h3{color:#53495e;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 10px;font-size:12px;font-weight:600;display:flex}.shape-library-section h3>span{color:#94849f;font-size:11px;font-weight:400}.shape-library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.shape-library-featured .shape-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shape-library-grid>button{text-align:center;cursor:pointer;background:#faf9fc;border:1px solid #eeeaf3;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;transition:background .15s,border-color .15s;display:flex;position:relative}.shape-library-grid>button:hover{background:#f2edf9;border-color:#baa9d2}.shape-library-grid>button:focus-visible{outline-offset:3px;outline:2px solid #987db6}.shape-library-grid>button>span{font-size:12px;line-height:1.4}.shape-library-grid>button>svg{color:#a292b5;width:12px;height:12px;position:absolute;top:8px;right:8px}.shape-swatch{place-items:center;width:74px;height:50px;display:grid}.shape-swatch span{background:linear-gradient(130deg,#e0d5ed,#aa90c2);width:48px;height:48px;display:block;box-shadow:6px 7px 12px #61477518}.shape-sphere span{background:radial-gradient(circle at 28% 24%,#ede6f5,#b29bc8 66%,#947caf);border-radius:50%}.shape-cube span{border-top:7px solid #e2d5ee;border-right:9px solid #9b80b4;width:40px;height:40px;transform:rotate(-18deg)skew(8deg,8deg)}.shape-torus span{background:0 0;border:13px solid #ad92c4;border-color:#c6b0da #ad92c4 #ad92c4 #c6b0da;border-radius:50%}.shape-cylinder span{background:linear-gradient(90deg,#d7c5e7,#b497cb);border-top:8px solid #e8def1;border-radius:50%/15%;width:39px}.shape-cone span{clip-path:polygon(50% 0,100% 90%,84% 100%,16% 100%,0 90%)}.shape-disc span{border-bottom:6px solid #a88dbf;border-radius:50%;height:36px;transform:rotate(-25deg)}.shape-gem span{clip-path:polygon(50% 0,90% 22%,100% 68%,50% 100%,0 68%,10% 22%);background:conic-gradient(from 20deg at 55%,#c2aad5,#9d82b6,#e4d8ef,#b397c9)}.shape-arch span{background:0 0;border:13px solid #c6b0da;border-bottom:0;border-radius:40px 40px 0 0;height:37px}.shape-featured svg{width:64px;height:50px}.shape-library>.shape-library-note{margin:16px 0 0;font-size:11px}@media (max-width:480px){.shape-library{padding:20px}.shape-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shape-library-section h3>span{font-size:10px}}@media (max-width:700px){.composition-editor .app-header{gap:12px!important}.sliick-lockup{gap:7px}.sliick-lockup h1 img{width:60px}.sliick-by-liinks{padding:4px 6px}.sliick-by-liinks img{width:34px;height:10px}.editor-header-tools{gap:5px}.editor-header-tools>button{width:32px;padding:0}.editor-header-tools>button>span,.editor-header-tools>button>svg:last-child:not(:first-child){display:none}.history-buttons{border:0;gap:0;padding-left:0}.history-buttons button{width:26px}}@media (max-width:380px){.sliick-by-liinks{display:none}}@media (min-width:701px) and (max-width:820px){.editor-header-tools>button{width:33px;padding:0}.editor-header-tools>button>span,.editor-header-tools>button>svg:last-child:not(:first-child){display:none}}.motion-panel-trigger{color:#796987;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e8e3ef;border-radius:9px;align-items:center;gap:7px;height:40px;padding:0 12px;font-size:12px;display:flex}.motion-panel-trigger>svg{width:14px;height:14px}.motion-panel-trigger>svg:last-child{width:12px}.motion-panel-trigger[aria-expanded=true]{color:#654580;background:#eee7f5;border-color:#c9b7dc}.motion-panel-trigger.has-motion>svg:first-child{color:#8f65b5}.motion-summary{color:#805999;text-transform:capitalize;background:#f1eaf7;border-radius:4px;padding:2px 6px;font-size:10px}.editor-motion-panel{overscroll-behavior:contain;color:#64536f;background:#fff;border-top:1px solid #e2dae9;flex-shrink:0;max-height:min(36dvh,280px);padding:12px 20px 14px;overflow-y:auto}.motion-panel-heading{align-items:center;gap:10px;display:flex}.motion-panel-heading label{font-size:11px;font-weight:600}.motion-panel-heading select{color:#695479;cursor:pointer;background:#faf8fc;border:1px solid #e4dcec;border-radius:7px;width:180px;min-width:0;height:32px;padding:0 9px;font-size:12px}.motion-panel-heading>button{flex-shrink:0;width:30px;height:30px}.motion-panel-heading .motion-panel-close{color:#9a8ba5;margin-left:auto}.motion-panel-heading button svg{width:14px;height:14px}.motion-panel-note{color:#8b7d93;margin:10px 0 0;font-size:11px}.camera-record-launcher{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:10px;display:flex}.camera-record-launcher .motion-panel-note{flex:1;min-width:140px;margin:0;line-height:1.5}.camera-record-launcher>button{flex-shrink:0;gap:6px;height:32px;font-size:11px}.camera-record-launcher .camera-take-message{color:#796287;flex-basis:100%;font-size:10px}.motion-preset-settings{grid-template-columns:1fr 1fr;gap:24px;display:grid}.motion-preset-settings .editor-control{margin-top:14px;font-size:11px}.motion-preset-settings .editor-control>span{margin-bottom:8px}.motion-preset-settings .editor-control output{font-size:11px}.camera-take{color:#64536f;margin-top:10px;font-size:11px}.camera-take-heading,.camera-take-heading>div,.camera-take-actions{align-items:center;gap:8px;display:flex}.camera-take-heading{justify-content:space-between;gap:12px}.camera-take-heading strong{font-size:12px;font-weight:600}.camera-take svg{flex-shrink:0;width:14px;height:14px}.camera-take button{gap:6px;height:30px;font-size:11px}.camera-take .record-dot,.camera-record-launcher .record-dot{fill:#c46473;stroke:#c46473;width:9px;height:9px}.camera-take>p{color:#8b7d93;margin:7px 0 0;font-size:10px;line-height:1.5}.camera-take.is-recording{background:#fff6f7;border-top-color:#eccad0}.camera-take.is-recording .camera-take-heading>div:first-child{color:#a13e52}.recording-clock{font-variant-numeric:tabular-nums;color:#a13e52}.camera-take-transport{align-items:center;gap:7px;display:flex}.camera-take-transport>button{flex-shrink:0;width:28px}.camera-take output{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px}.camera-take-settings{gap:20px;margin:7px 0;display:grid}.camera-take-settings label{grid-template-columns:1fr auto;gap:10px;font-size:12px;display:grid}.camera-take-settings output{color:#887095;font-variant-numeric:tabular-nums;font-size:11px}.camera-take-settings input{accent-color:#8d7bae;cursor:pointer;grid-column:1/-1;width:100%;height:4px}.camera-take-loop{justify-content:space-between;align-items:center;gap:14px;font-size:12px;display:flex}.camera-take-loop label{cursor:pointer;grid-template-columns:1fr;gap:3px;display:grid}.camera-take-loop small{color:#95869e;font-size:10px;line-height:1.5}.camera-take-timeline{border-top:1px solid #eee9f2;margin-top:6px;padding:6px 0 0;font-size:10px}.camera-take .camera-adjust-trigger{gap:6px;padding:0 5px}.camera-adjust-trigger>span{color:#9a8aa5;margin-left:4px;font-size:10px;font-weight:400}.camera-adjust-popover,.editor-export-popover{color:#64536f;background:#fff;border:1px solid #e6dfed;border-radius:12px;width:min(310px,100vw - 24px);padding:16px;box-shadow:0 12px 40px #33203e20}.editor-popover-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-popover-heading [data-slot=popover-title]{font-size:13px;font-weight:600}.editor-popover-heading button{color:#9a8aa5;flex-shrink:0;width:28px;height:28px}.editor-popover-heading svg{width:14px;height:14px}.editor-export-popover [data-slot=popover-description]{color:#95869e;font-size:11px;line-height:1.5}.editor-export-popover .editor-segments{margin:3px 0}.editor-export-popover .editor-segments button{justify-content:center;align-items:center;gap:6px;min-height:36px;display:flex}.editor-export-popover .editor-segments svg{width:14px;height:14px}.editor-export-details{color:#95869e;grid-template-columns:1fr auto;gap:10px;padding:10px 0;font-size:11px;display:grid}.editor-export-details strong{color:#6c597c;font-variant-numeric:tabular-nums;font-weight:500}.editor-export-size{gap:8px;margin:4px 0 8px;font-size:11px;display:grid}.editor-export-size select{color:#695479;background:#faf8fc;border:1px solid #e4dcec;border-radius:7px;width:100%;min-height:38px;padding:0 10px;font-size:12px}.editor-export-submit{width:100%;min-height:38px;font-size:12px}.camera-adjust-popover input:focus-visible,.editor-export-popover button:focus-visible,.editor-export-popover select:focus-visible{outline-offset:3px;outline:2px solid #9774c0}.camera-take-transport>.camera-reset-trim{color:#796287;cursor:pointer;width:auto;margin-left:auto;padding:0 3px;font-size:10px}.camera-reset-trim:disabled{opacity:.4;cursor:default}.camera-reset-trim:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #9774c0}.camera-trim-times{color:#8b7d93;justify-content:space-between;align-items:center;gap:8px;display:flex}.camera-trim-times output{color:#64536f;margin-left:4px}.camera-timeline{border:0;min-width:0;height:40px;margin:2px 7px 0;padding:0;position:relative}.camera-timeline-control{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;height:40px;display:flex;position:relative}.camera-timeline-track{background:repeating-linear-gradient(135deg,#e9e3ee 0 3px,#f1ecf5 3px 6px);border-radius:3px;width:100%;height:18px;margin-top:10px;position:relative;overflow:hidden}.camera-timeline-selection{background:#b8a7cf;border-block:1px solid #a18abd;position:absolute;inset-block:0}.camera-timeline-playhead{cursor:ew-resize;width:22px;height:40px}.camera-timeline-playhead:before{content:"";background:#41314f;width:2px;position:absolute;top:7px;bottom:4px;left:10px;box-shadow:0 0 0 1px #ffffffb3}.camera-timeline-playhead:after{content:"";clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);background:#41314f;width:10px;height:10px;position:absolute;top:1px;left:6px}.camera-trim-slider{pointer-events:none;position:absolute;inset:0}.camera-trim-handle{cursor:ew-resize;pointer-events:auto;background:#806599;border:2px solid #fff;border-radius:4px;width:12px;height:24px;margin-top:5px;box-shadow:0 0 0 1px #806599}.camera-trim-handle:before{content:"";border-left:1px solid #ffffffb3;position:absolute;inset:4px 3px}.camera-trim-handle:after{content:"";position:absolute;inset:0 -6px}.camera-trim-handle:focus-within,.camera-timeline-playhead:focus-within{outline-offset:3px;border-radius:3px;outline:2px solid #9774c0}.camera-timeline[data-disabled]{opacity:.5}.camera-take-timeline p{color:#8b7d93;margin:4px 0 0;font-size:9px;line-height:1.4}.camera-take .camera-take-message{color:#796287;white-space:normal;margin-top:7px;font-size:10px;line-height:1.5;display:block}@media (max-width:700px){.camera-take-heading{gap:6px}.camera-take-heading strong{font-size:11px}.camera-take.is-recording .camera-take-heading{flex-wrap:wrap}}@container editor-stage (max-width:420px){.canvas-toolbar{gap:8px;padding-inline:10px}.tool-switch button{padding-inline:8px}.motion-panel-trigger{gap:6px;padding-inline:10px}.motion-summary,.camera-adjust-trigger>span{display:none}}@container editor-stage (max-width:340px){.tool-switch button>svg{display:none}}.editor-inspector.inspector{background:#fff;border-left:1px solid #e9e5ef;min-height:0;display:block;overflow-y:auto}.editor-inspector .panel-heading{z-index:2;background:#fff;position:sticky;top:0}.editor-section{border-bottom:1px solid #efedf3;padding:20px}.editor-section h3{color:#53495e;margin:0 0 16px;font-size:12px;font-weight:600}.editor-control{color:#797080;margin:19px 0 0;font-size:12px;display:block}.editor-control>span{justify-content:space-between;gap:12px;margin-bottom:11px;display:flex}.editor-control output{font-variant-numeric:tabular-nums;color:#796b85;font-size:12px}.editor-control input{accent-color:#8d7bae;cursor:pointer;width:100%;height:4px;margin:0 0 5px;display:block}.editor-select-field{color:#797080;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;font-size:12px;display:flex}.editor-select-field select{color:#786584;background:#faf9fc;border:1px solid #e9e3ee;border-radius:5px;max-width:145px;padding:6px 8px;font-size:12px}.editor-segments{background:#f7f5f9;border:1px solid #eee9f2;border-radius:6px;gap:3px;padding:3px;display:flex}.editor-segments button{color:#897a95;cursor:pointer;border-radius:4px;flex:1;padding:7px 3px;font-size:12px}.editor-segments button[aria-pressed=true]{color:#51435f;background:#fff;box-shadow:0 1px 4px #2b163315}.editor-segments button:hover{background:#fff}.color-field{color:#797080;align-items:center;gap:9px;font-size:12px;display:flex}.color-field>span:first-child{flex:1}.color-field>span:last-child{color:#796b85;min-width:58px;font-size:12px}.color-field input{cursor:pointer;background:0 0;border:0;border-radius:5px;width:25px;height:25px;padding:0}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:1px solid #0001;border-radius:5px}.editor-checkbox{color:#797080;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;display:flex}.editor-checkbox input{accent-color:#8d7bae;width:14px;height:14px}.position-details{margin-top:20px}.position-details summary{color:#93829d;cursor:pointer;font-size:12px}.position-inputs{gap:10px;margin-top:12px;display:flex}.position-inputs label{color:#796b85;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.position-inputs input{color:#766181;background:#faf9fc;border:1px solid #e9e2ef;border-radius:5px;width:100%;min-width:0;padding:7px}.editor-text-action{color:#796b85;cursor:pointer;align-items:center;gap:5px;margin-top:14px;font-size:12px;display:flex}.editor-text-action:hover{color:#614877}.editor-text-action svg{width:11px;height:11px}.object-properties:disabled{opacity:.5}.object-actions{gap:8px;display:flex}.object-actions button{height:30px;box-shadow:none;color:#8b749a;border-color:#e9e3ee;padding:0 9px;font-size:12px}.object-actions button svg{width:12px;height:12px}.editor-inspector .screen-section{border-bottom:1px solid #efedf3;padding:20px}.editor-inspector .section-title{margin-bottom:14px}.editor-inspector .section-title h2{color:#53495e;font-size:12px}.editor-inspector .small-label{font-size:12px}.editor-inspector .upload-card{background:#fcfbfd;border-style:dashed;border-color:#dbd4e4;gap:10px;padding:11px}.editor-inspector .screen-thumbnail{width:30px;height:54px}.editor-inspector .upload-copy strong{font-size:12px;font-weight:500;line-height:1.5}.editor-inspector .upload-copy>span{font-size:12px;line-height:1.5}.editor-inspector .upload-card>svg{color:#a995b7;width:14px;height:14px}.editor-inspector .capture-note{color:#796b85;font-size:12px;line-height:1.6}.editor-inspector .field-label,.editor-inspector .switch-row{color:#897a95;font-size:12px}.editor-inspector .field-label output{font-size:12px}.editor-inspector .island-fit-action{color:#796b85;font-size:12px}.editor-inspector .sample-action,.editor-inspector .filename{font-size:12px}.editor-inspector [data-slot=slider-range]{background:#9b85b0}.editor-inspector [data-slot=slider-thumb]{border-color:#aa94bd}.palette-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.palette-options button{cursor:pointer;border:2px solid #fff;border-radius:6px;height:26px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ece5f1}.palette-options button[aria-pressed=true]{box-shadow:0 0 0 1px #8e71a6}.palette-options button:disabled{opacity:.3;cursor:default}.palette-options span{flex:1}.palette-options svg{color:#fff;filter:drop-shadow(0 1px 2px #0009);width:12px;height:12px;position:absolute;top:5px;right:4px}.editor-note{color:#796b85;margin-top:14px;font-size:12px;line-height:1.6}.object-selection{pointer-events:none;z-index:2;border:1px solid #9572dc;position:absolute}.object-selection[hidden]{display:none}.object-selection.is-locked{border-style:dashed}.object-selection.is-locked .object-handle{display:none}.object-handle{pointer-events:auto;touch-action:none;background:#fff;border:1px solid #9572dc;width:9px;height:9px;position:absolute}.object-handle:after{content:"";position:absolute;inset:-8px}.handle-nw{cursor:nwse-resize;top:-5px;left:-5px}.handle-ne{cursor:nesw-resize;top:-5px;right:-5px}.handle-sw{cursor:nesw-resize;bottom:-5px;left:-5px}.handle-se{cursor:nwse-resize;bottom:-5px;right:-5px}.handle-rotate{cursor:grab;border-radius:50%;top:-25px;left:calc(50% - 5px)}.handle-rotate:before{content:"";background:#9572dc;width:1px;height:15px;position:absolute;top:8px;left:3px}.preset-drawer{background:#fff;border:0;border-right:1px solid #e2dce9;width:min(460px,100vw);max-width:100%;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 60px #27173222}.preset-drawer::backdrop{background:#2a203638}.preset-drawer-content{padding:27px 24px}.preset-drawer-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.preset-drawer-heading h2{letter-spacing:-.04em;color:#30263d;margin-top:6px;font-size:23px}.preset-drawer-heading button{color:#796b85;width:30px;height:30px}.preset-description{color:#796b85;max-width:330px;margin:15px 0 22px;font-size:12px;line-height:1.8}.device-only-preset{text-align:left;color:#796b85;cursor:pointer;border:1px solid #eae3f1;border-radius:10px;align-items:center;gap:14px;width:100%;margin-bottom:24px;padding:15px;display:flex}.device-only-preset>svg:first-child{width:22px;height:26px}.device-only-preset>div{flex-direction:column;flex:1;gap:5px;display:flex}.device-only-preset strong{color:#6b557e;font-size:12px;font-weight:500}.device-only-preset span{font-size:12px}.device-only-preset>svg:last-child:not(:first-child){width:14px;height:14px}.preset-grid{grid-template-columns:1fr 1fr;gap:22px 14px;display:grid}.preset-section+.preset-section{margin-top:30px}.preset-section h3{color:#51435f;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;font-size:13px;font-weight:500;display:flex}.preset-section h3 span{color:#8b7e96;font-size:11px;font-weight:400}.preset-tile{text-align:left;cursor:pointer;min-width:0}.preset-tile>div{aspect-ratio:640/520;outline-offset:3px;border-radius:9px;outline:1px solid #3018400c;place-items:center;display:grid;overflow:hidden}.preset-tile.active>div,.device-only-preset.active{outline-offset:3px;outline:2px solid #b19cc6}.preset-tile:hover>div{outline-color:#a080bb}.preset-tile img{object-fit:cover;width:100%;height:100%}.preset-tile>div>svg{color:#fff8;width:26px;height:26px}.preset-tile>span{color:#655075;justify-content:space-between;align-items:center;margin:10px 0 4px;font-size:12px;display:flex}.preset-tile>span svg{width:12px;height:12px}.preset-tile small{color:#796b85;font-size:12px}.simple-looks{color:#796b85;margin-top:28px;font-size:12px}.simple-looks summary{cursor:pointer;margin-bottom:12px}.simple-looks button{cursor:pointer;border:1px solid #e9e1ef;border-radius:5px;margin:3px;padding:7px 10px;font-size:12px}.composition-editor button:focus-visible,.composition-editor input:focus-visible,.composition-editor select:focus-visible{outline-offset:3px;outline:2px solid #9774c0}.mobile-close,.mobile-objects-trigger{display:none!important}.panel-heading>.mobile-inspector-actions,.objects-backdrop{display:none}@media (max-width:1100px){.editor-workbench{grid-template-columns:170px minmax(0,1fr) 260px}.panel-heading,.editor-section,.editor-inspector .screen-section{padding-left:16px;padding-right:16px}.editor-stage-heading{padding:0 18px}}@media (max-width:820px){.editor-workbench{grid-template-columns:minmax(0,1fr) 270px}.objects-panel{display:none}.mobile-objects-trigger{display:inline-flex!important}.objects-panel.mobile-open{z-index:10;width:min(300px,100% - 48px);display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:10px 0 40px #26133220}.objects-panel.mobile-open .mobile-close{display:flex!important}.objects-backdrop{z-index:9;cursor:pointer;background:#2a203638;display:block;position:absolute;inset:0}.object-list{overscroll-behavior:contain}.editor-header-tools{gap:8px}.history-buttons{padding-left:6px}.composition-editor .app-header{gap:14px!important}.composition-editor .wordmark a,.composition-editor .wordmark h1 span{display:none}}@media (max-width:600px){.studio-app.composition-editor{height:100dvh;min-height:0;padding-bottom:env(safe-area-inset-bottom);overflow:hidden}.composition-editor .app-header{grid-template-rows:48px 48px;grid-template-columns:minmax(0,1fr) auto;display:grid;height:auto!important;padding:calc(4px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left))!important;gap:0 12px!important}.sliick-lockup{gap:9px;min-width:0}.sliick-lockup h1 img{width:64px}.sliick-by-liinks{background:0 0;border:0;padding:4px 6px;display:flex}.sliick-by-liinks img{width:36px;height:11px}.editor-header-tools{grid-area:2/1/auto/-1;gap:6px;min-width:0}.editor-header-tools>button{border-radius:9px;gap:6px;width:auto;min-width:44px;height:44px;padding:0 10px;font-size:12px}.editor-header-tools>button>span{display:inline}.editor-header-tools>button>svg{width:17px;height:17px;display:block}.editor-header-tools>button>svg:last-child:not(:first-child),.editor-header-tools>.mobile-objects-trigger>span{display:none}.editor-header-tools>.mobile-objects-trigger{padding:0}.history-buttons{border:0;gap:0;margin-left:auto;padding:0}.history-buttons button{width:40px;height:44px}.history-buttons svg{width:17px;height:17px}.composition-editor .app-header .export-button{border-radius:10px;grid-area:1/2;gap:7px;width:auto;min-width:0;height:40px!important;padding:0 13px!important;font-size:13px!important}.editor-header-actions{grid-area:1/2;gap:5px}.save-preset-button{width:40px;height:40px;padding:0}.save-preset-button span{display:none}.composition-editor .app-header .export-button span{display:inline}.composition-editor .export-button svg{width:16px;height:16px}.editor-workbench{--inspector-height:min(30dvh,280px);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--inspector-height);display:grid}.editor-workbench[data-inspector-size=expanded]{--inspector-height:min(50dvh,440px)}.editor-workbench[data-inspector-size=collapsed]{--inspector-height:52px}.editor-stage-heading{height:38px;padding:0 16px;font-size:12px}.canvas-format select{max-width:180px;min-height:36px;font-size:14px}.editor-canvas-space{margin:0 8px}.composition-editor .artboard{border-radius:8px}.canvas-toolbar{gap:8px;height:60px}.tool-switch{border-radius:12px;padding:3px}.tool-switch button{border-radius:8px;height:36px;padding:0 8px;font-size:12px}.tool-switch svg{width:15px;height:15px}.motion-panel-trigger{border-radius:10px;height:44px}.editor-motion-panel{padding:10px 14px 12px}.motion-panel-heading select{height:36px;font-size:14px}.motion-panel-heading>button{width:36px;height:36px}.camera-take button{min-height:34px}.camera-take-timeline p{display:none}.camera-adjust-popover input{height:24px}.editor-export-size select{min-height:44px;font-size:16px}.editor-export-submit{min-height:44px}.editor-inspector.inspector{border-top:1px solid #e4ddea;border-left:0;border-radius:18px 18px 0 0;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 -4px 18px #3b224206}.editor-inspector .panel-heading{background:#fff;gap:6px;min-height:52px;padding:0 10px 0 16px;position:static}.inspector-selection select{height:44px;font-size:14px}.editor-inspector .scene-settings-shortcut{display:none}.panel-heading>.mobile-inspector-actions{gap:2px;display:flex}.mobile-inspector-actions button{width:40px;height:44px}.mobile-inspector-actions svg{width:18px;height:18px}.inspector-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9d2e2 transparent;flex:1;min-height:0;overflow-y:auto}[data-inspector-size=collapsed] .inspector-content{display:none}.editor-inspector .screen-section,.editor-section{padding:16px}.editor-inspector .section-title{margin-bottom:12px}.editor-inspector .upload-card{border-radius:12px;gap:12px;padding:12px}.editor-inspector .upload-copy strong{font-size:14px}.editor-inspector .upload-copy>span{font-size:11px;line-height:1.6}.editor-inspector .capture-note{margin:10px 0 0;font-size:11px}.editor-inspector .range-field{margin-top:18px}.editor-control input[type=range]{height:24px}.editor-select-field select,.position-inputs input{min-height:40px;font-size:16px}.editor-segments button,.object-actions button{min-height:40px}.editor-checkbox{min-height:40px;margin-top:6px}.palette-options button{height:36px}.object-select{min-height:46px;font-size:14px}.object-visibility{width:44px;height:44px}.object-visibility svg{width:16px;height:16px}.objects-panel .panel-heading button{width:40px;height:44px}.scene-settings-link{min-height:46px;font-size:14px}.composition-editor button,.composition-editor select{touch-action:manipulation}.preset-drawer,.shape-library{overscroll-behavior:contain}.preset-drawer-content{padding:24px 18px max(24px,env(safe-area-inset-bottom))}.preset-drawer-heading button,.shape-library-heading button{min-width:44px;min-height:44px}}@container studio (min-width:601px) and (max-width:700px){.composition-editor.is-compact .editor-workbench{grid-template-columns:minmax(0,1fr) 260px}.composition-editor.is-compact .objects-panel:not(.mobile-open){display:none}.composition-editor.is-compact .mobile-objects-trigger{display:flex!important}}@media (max-width:600px){.studio-app.composition-editor.is-compact{height:100dvh;min-height:0;overflow:hidden}.composition-editor.is-compact .editor-inspector.inspector{border-top:1px solid #e4ddea;border-left:0;display:flex;overflow:hidden}}.composition-editor .position-details:first-child{margin-top:0}@media (max-width:360px){.editor-header-tools>.add-object-button>span{display:none}.editor-header-tools>.add-object-button{padding:0}.sliick-by-liinks{gap:4px}}@media (max-width:600px) and (max-height:650px){.studio-app.composition-editor,.studio-app.composition-editor.is-compact{height:650px}}.editor-add-menu{color:#62586f;background:#fff;border-radius:9px;min-width:180px;padding:5px;box-shadow:0 8px 28px #32284220}.editor-add-menu [role=menuitem]{cursor:pointer;gap:10px;padding:10px 12px;font-size:12px}.editor-add-menu [role=menuitem][data-highlighted]{color:#64518d;background:#efebfb}.extra-screen-upload{cursor:pointer;border:1px dashed #cfc4dc;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex;position:relative}.extra-screen-upload:focus-within{outline-offset:2px;outline:2px solid #b69fce}.extra-screen-upload img{object-fit:contain;width:42px;height:65px}.extra-screen-upload span{flex-direction:column;gap:5px;display:flex}.extra-screen-upload strong{font-size:12px;font-weight:500}.extra-screen-upload small{color:#8c8297;font-size:10px;line-height:1.5}.extra-screen-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.editor-upload-message{color:#78608f;padding:12px 20px;font-size:12px}.text-inspector{flex-direction:column;gap:12px;display:flex}.text-inspector-heading,.text-box-heading{justify-content:space-between;align-items:center;display:flex}.text-inspector .text-inspector-heading h3{margin:0}.text-inspector-heading>span{color:#aaa0b5}.text-inspector-heading svg{width:15px;height:15px}.text-inspector textarea{resize:vertical;color:#403747;width:100%;min-height:76px;max-height:180px;font:inherit;background:#fff;border:1px solid #e4dfe9;border-radius:7px;padding:10px 12px;font-size:13px;line-height:1.5}.typeface-row select,.text-box-dimensions label{background:#faf9fc;border:1px solid #e8e3ed;border-radius:6px;min-width:0;min-height:34px}.typeface-row select{color:#64566f;width:100%;padding:0 8px;font-size:12px}.text-inspector .text-font-size{margin:0}.text-readability{color:#797080;min-width:0;font-size:12px}.text-readability legend{margin-bottom:8px}.text-box-dimensions label{color:#a095ac;align-items:center;gap:5px;padding:0 8px;font-size:10px;display:flex}.text-box-dimensions input{appearance:textfield;color:#65566f;outline-offset:4px;background:0 0;border:0;width:100%;min-width:0;font-size:12px}.text-box-dimensions input::-webkit-inner-spin-button{appearance:none}.text-format-toolbar{align-items:center;gap:4px;display:flex}.text-format-toolbar button{color:#94859f;cursor:pointer;border-radius:5px;place-items:center;width:32px;height:32px;display:grid}.text-format-toolbar button[aria-pressed=true]{color:#654b7c;background:#efe9f7}.text-format-toolbar button:hover{background:#f5f1f9}.text-format-toolbar svg{width:16px;height:16px}.toolbar-divider{background:#ece6f1;width:1px;height:18px;margin:0 4px}.text-color-input{align-items:center;margin-left:auto;display:flex}.text-color-input input{appearance:none;cursor:pointer;background:0 0;border:1px solid #e5dfeb;border-radius:6px;width:28px;height:28px;padding:0;overflow:hidden}.text-color-input input::-webkit-color-swatch-wrapper{padding:0}.text-color-input input::-webkit-color-swatch{border:0}.text-box-heading{color:#8c7d98;border-top:1px solid #eee9f3;padding-top:9px;font-size:11px}.text-box-heading button{color:#79618f;cursor:pointer;align-items:center;gap:5px;font-size:11px;display:flex}.text-box-heading svg{width:13px;height:13px}.text-box-dimensions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.text-box-dimensions label>span:first-child{color:#877792}.transform-details>summary{color:#766682;cursor:pointer;font-size:12px;font-weight:500}.transform-details[open]>summary{margin-bottom:16px}.text-inspector :is(button,input,select,textarea):focus-visible{outline-offset:2px;outline:2px solid #b69fce}@media (max-width:600px){.typeface-row select,.text-inspector textarea,.text-box-dimensions input{font-size:16px}.text-format-toolbar button{width:38px;height:38px}}
