@font-face{font-family:DM Sans;src:url(/fonts/dm-sans.ttf) format("truetype");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk.ttf) format("truetype");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Anton;src:url(/fonts/anton.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}:root{font-family:DM Sans,sans-serif;color:#e9e9ed;background:#101114;font-synthesis:none;font-weight:400;font-size:13px;--muted:#85858f;--line:#2b2c33;--purple:#b9a3ff;--panel:#191a1f;--deep:#141519;--green:#b8e4b5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.3;cursor:not-allowed}button:not(:disabled),a{transition:background .16s,color .16s,border-color .16s,opacity .16s}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:3px}a{color:inherit;text-decoration:none}svg{flex-shrink:0}input,textarea,select{color:inherit;background:#202127;border:1px solid #33343e;border-radius:5px;outline:0;width:100%;padding:9px 10px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:#b9a3ff}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239b9ba7' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:25px;font-size:12px}textarea{resize:vertical;min-height:73px;line-height:1.6}kbd{font-family:inherit;font-size:10px;font-weight:400;background:#2c2d35;color:#9a9aa5;padding:2px 5px;border:1px solid #3b3c45;border-radius:3px}.icon-button{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;flex-shrink:0;color:#94949f}.icon-button:hover:not(:disabled){background:#30313b;color:#eee}.icon-button.active{color:var(--purple);background:#373044}.button{display:inline-flex;gap:8px;justify-content:center;align-items:center;padding:10px 15px;border:1px solid #3c3c47;background:#24252c;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;min-height:37px}.button:hover:not(:disabled){background:#30313a;border-color:#65616e}.button.primary{background:var(--purple);color:#211a35;border-color:var(--purple)}.button.primary:hover:not(:disabled){background:#cbbaff;border-color:#cbbaff}.full-width{width:100%}.text-button{display:flex;align-items:center;justify-content:center;gap:6px;color:#9999a5;font-size:11px;padding:10px}.text-button:hover,.purple{color:var(--purple)}.muted-text{font-size:11px;line-height:1.7;color:var(--muted)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topbar{height:76px;border-bottom:1px solid #26272d;display:flex;align-items:center;padding:0 38px;gap:75px;background:#141519}.brand{display:flex;align-items:center;font-family:Space Grotesk,sans-serif;font-size:25px;letter-spacing:-1.4px;font-weight:700}.brand-icon{width:35px;height:35px;background:var(--purple);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#241e35;margin-right:9px}.brand-light{font-weight:400}.beta{font-family:DM Sans,sans-serif;letter-spacing:1px;font-size:8px;color:#aaa2bf;border:1px solid #3f374e;background:#25202f;border-radius:4px;padding:3px 5px;margin-left:10px;align-self:center}.topbar nav{display:flex;gap:26px;height:100%;align-items:center}.topbar nav button{height:100%;position:relative;font-size:12px;color:#8d8e98;display:flex;gap:7px;align-items:center;padding:0 3px}.topbar nav button:hover{color:#e6e1f0}.topbar nav .nav-active{color:#e9e6f2}.nav-active:after{position:absolute;content:"";bottom:0;height:2px;background:var(--purple);left:0;right:0}.nav-count{font-size:9px;padding:1px 5px;background:#2d2d36;border-radius:4px;color:#a3a2af}.topbar-end{margin-left:auto;display:flex;align-items:center;gap:25px}.local-badge{font-size:10px;color:#9d9ca5;display:flex;align-items:center;gap:7px}.local-badge>span{width:5px;height:5px;background:#b4d5ac;border-radius:100%;box-shadow:0 0 8px #91bb7740}.help-button{color:#a7a5af;display:flex;align-items:center;gap:7px;font-size:11px}.help-button:hover{color:var(--purple)}.avatar{width:29px;height:29px;border:1px solid #68604d;background:#3a3426;color:#e1d0a6;border-radius:50%;position:relative;display:grid;place-items:center;font-size:11px}.avatar>span{position:absolute;width:6px;height:6px;border:2px solid #141519;background:#b4d5ac;border-radius:50%;right:-1px;bottom:0}main{max-width:1660px;margin:auto;padding:20px 38px 24px}.intro{height:168px;display:flex;align-items:center;justify-content:space-between;padding-top:2px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#92909f;font-weight:500;display:flex;align-items:center;gap:7px}.eyebrow>span{height:5px;width:5px;background:var(--purple);border-radius:2px;transform:rotate(45deg)}h1{font-family:Space Grotesk,sans-serif;font-size:33px;letter-spacing:-1.3px;font-weight:500;margin:10px 0 8px;line-height:1.2}h1>span{color:var(--purple)}.intro p{font-size:12px;color:#8c8b97;margin:0}.intro-note{color:#9e96b3;display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.6;transform:rotate(-3deg);margin-right:18px;margin-top:3px}.intro-note>svg:first-child{color:var(--purple)}.intro-note strong{font-weight:400;color:#c9c2d7}.intro-note>svg:last-child{align-self:flex-end;margin-left:-4px;margin-bottom:-17px;color:#726387}.workspace{border:1px solid #33333b;border-radius:10px;background:var(--panel);box-shadow:0 10px 70px #00000015;overflow:hidden}.project-bar{height:65px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 19px;border-bottom:1px solid var(--line)}.project-name{display:flex;align-items:center;gap:10px;min-width:0}.project-icon{height:28px;width:28px;display:grid;place-items:center;background:#26232e;color:#b6a4d4;border:1px solid #3a3346;border-radius:6px}.project-name input{background:transparent;border:1px solid transparent;font-size:12px;font-weight:500;max-width:180px;padding:5px 2px}.project-name input:hover{border-color:#45404d}.project-dot{font-size:9px;color:#5f606a}.draft-badge{font-size:8px;letter-spacing:.8px;color:#8b8996}.project-actions{display:flex;align-items:center;gap:9px}.project-actions>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#83848c;margin-right:10px}.upload-button{background:#202127}.project-actions .primary{min-width:124px}.editor-grid{display:grid;grid-template-columns:237px minmax(300px,1fr) 260px;min-height:704px}.toolbox{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.panel-heading{font-size:9px;font-weight:600;letter-spacing:1px;color:#a5a3b0;display:flex;justify-content:space-between;padding:21px 17px 17px}.panel-heading>span{font-size:7px;letter-spacing:.8px;color:#656573;font-weight:400}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 12px 18px;border-bottom:1px solid var(--line)}.tool-button{height:61px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px solid transparent;border-radius:6px;color:#888793;font-size:9px;position:relative}.tool-button:hover{background:#25252d;color:#cecad7}.tool-button.active{background:#2d273c;color:#c4b1ff;border:1px solid #4a3d65}.tool-dot{position:absolute;width:3px;height:3px;background:var(--purple);border-radius:50%;top:6px;right:6px}.tool-content{padding:20px 17px;min-height:370px;flex:1}.section-title{margin-bottom:17px}.section-title h3{font-size:12px;font-weight:500;margin:0 0 7px;color:#dcdae2;letter-spacing:-.15px}.section-title p{font-size:10px;color:#7e7d8b;margin:0;line-height:1.6}.add-text-button{width:100%;background:#b8a2ff;color:#21182f;border-color:#b8a2ff;justify-content:flex-start;min-height:38px;font-weight:600}.add-text-button:hover:not(:disabled){background:#cabbff;border-color:#cabbff}.add-text-button kbd{margin-left:auto;font-size:9px;background:#a68fe9;border-color:#a18cde;color:#392555}.small-label{font-size:8px;letter-spacing:1.15px;color:#797786;margin:22px 0 10px}.text-presets{display:flex;flex-direction:column;gap:8px}.text-presets>button{background:#202127;border:1px solid #32313c;border-radius:6px;text-align:left;position:relative;display:flex;flex-direction:column;padding:12px 13px;gap:6px;height:72px}.text-presets>button:hover{background:#29272f;border-color:#6a587f}.text-presets>button>span:nth-child(2){color:#73717e;font-size:9px}.text-presets>button>svg{position:absolute;right:13px;top:28px;color:#77717f}.preset-classic{font-family:Anton,Impact,Arial Black,sans-serif;font-size:23px;line-height:1;letter-spacing:.4px;-webkit-text-stroke:1px #f4f0fa;color:#f4f0fa;text-shadow:2px 2px #000}.preset-clean{font-size:19px;font-weight:500;letter-spacing:-.8px;line-height:1.1;color:#ded9e9}.preset-bold{font-family:Anton,Impact,Arial Black,sans-serif;font-size:23px;font-weight:900;letter-spacing:-.3px;color:#d7ed9e;line-height:1}.tip{display:flex;gap:8px;color:#73717f;font-size:9px;line-height:1.8;padding-top:19px}.tip>svg{margin-top:3px;color:#8b819d}.upload-zone{border:1px dashed #5a4b6d;background:#24202e;border-radius:7px;padding:28px 10px;display:flex;align-items:center;flex-direction:column;gap:12px;width:100%;margin-bottom:13px;color:var(--purple)}.upload-zone:hover{background:#30273e}.upload-zone strong{font-size:11px;font-weight:500}.upload-zone span{font-size:8px;color:#8f849f}.ratio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:20px}.ratio-grid>button{border:1px solid #3b3746;background:#24222b;display:flex;align-items:center;justify-content:center;flex-direction:column;height:61px;gap:7px;color:#a49aaf;font-size:9px;border-radius:5px}.ratio-grid>button:hover{border-color:var(--purple)}.ratio-grid>button>span{width:25px;display:block;border:1px solid #b8a3da;border-radius:1px}.animate-steps{display:flex;flex-direction:column;gap:18px;margin-bottom:24px;font-size:10px;color:#aaa3b6}.animate-steps>span{display:flex;align-items:center;gap:8px}.animate-steps b{width:20px;height:20px;border:1px solid #4b3e60;background:#2e253b;border-radius:50%;color:var(--purple);display:grid;place-items:center;font-size:9px}.keyframe-button{background:#33283f;border-color:#55416c;color:#c5aaf1;margin-bottom:20px;font-size:10px;padding:9px}.keyframe-button>span{font-size:8px;margin-left:auto;color:#a78abb}.keyframe-list>div{display:flex;align-items:center;border-bottom:1px solid #292630;font-size:9px}.keyframe-list>div>button:first-child{display:flex;gap:6px;align-items:center;color:var(--purple);padding:9px 0}.keyframe-list>div>span{color:#867b96;margin-left:auto;margin-right:5px}.layers-panel{border-top:1px solid var(--line);padding:10px 10px 11px;background:#17181d}.layers-heading{display:flex;align-items:center;justify-content:space-between;padding:0 3px 5px 6px}.layers-heading>span{font-size:10px;color:#b7b3c2;display:flex;gap:7px;align-items:center}.layers-heading b{font-size:8px;font-weight:400;display:grid;place-items:center;min-width:15px;height:15px;background:#292831;color:#8a8397;border-radius:3px;margin-left:2px}.layer-list{max-height:128px;overflow:auto}.layer-row{height:37px;display:flex;align-items:center;border:1px solid transparent;border-radius:4px;margin-bottom:3px;padding-right:3px}.layer-row.selected{background:#2c2739;border-color:#4c3e65}.layer-select{display:flex;align-items:center;gap:7px;min-width:0;text-align:left;flex:1;font-size:9px;color:#a39aaf;padding:0 5px;height:100%}.layer-select>.grip{color:#55505f}.layer-select>span:nth-of-type(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.layer-type{width:24px;height:24px;background:#35303e;border:1px solid #4b4159;border-radius:4px;display:grid;place-items:center;color:#c6b4dd}.layer-row>.icon-button{width:23px;height:23px;color:#71667f}.base-layer{display:flex;align-items:center;font-size:9px;color:#81798d;gap:10px;padding:7px 11px 0}.base-layer>span:last-child{margin-left:auto;font-size:7px;letter-spacing:.6px;color:#67616f}.canvas-column{display:flex;flex-direction:column;min-width:0;background:#141519}.canvas-toolbar{height:51px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 17px;border-bottom:1px solid #27272f;background:#18191e}.file-label{display:flex;align-items:center;gap:7px;min-width:0;color:#a6a3af;font-size:10px}.file-label>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.file-dot{width:5px;height:5px;background:#b2d1a9;border-radius:50%;flex-shrink:0}.gif-dot{background:#b9a3ff}.file-kind{font-size:7px;letter-spacing:.7px;border:1px solid #3a3741;border-radius:3px;padding:3px 4px;color:#8e879d}.canvas-controls{display:flex;align-items:center;gap:2px}.divider{height:16px;width:1px;background:#36343d;margin:0 5px}.zoom-control{font-size:10px;color:#a5a0af;display:flex;align-items:center;gap:8px;padding:5px}.canvas-workarea{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:440px;padding:31px 32px 22px;background-color:#15161a;background-image:radial-gradient(#49414f36 .7px,transparent .7px);background-size:13px 13px;overflow:hidden}.canvas-dimensions{font-size:8px;letter-spacing:.8px;color:#746e80;display:flex;gap:6px;margin-bottom:13px}.canvas-dimensions>span{color:#4f4958}.canvas-fit{max-width:740px;transition:width .2s;flex-shrink:0}.canvas-surface{position:relative;box-shadow:0 10px 40px #0006;background:repeating-conic-gradient(#2a2931 0,#2a2931 25%,#211f27 0,#211f27 50%) 50%/14px 14px;touch-action:none;isolation:isolate}.canvas-surface>canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.selection-box{position:absolute;z-index:2;border:1.5px solid #c0a4ff;cursor:move;touch-action:none}.selection-label{display:flex;align-items:center;gap:4px;font-size:8px;position:absolute;left:-1.5px;top:-21px;height:19px;padding:3px 6px;background:#c3a7ff;color:#362448;border-radius:3px 3px 0 0;white-space:nowrap;font-weight:500}.selection-handle{position:absolute;width:7px;height:7px;border:1px solid #fff;background:#c3a7ff;z-index:3}.selection-handle.tl{top:-4px;left:-4px;cursor:nwse-resize}.selection-handle.tr{top:-4px;right:-4px;cursor:nesw-resize}.selection-handle.bl{bottom:-4px;left:-4px;cursor:nesw-resize}.selection-handle.br{bottom:-4px;right:-4px;cursor:nwse-resize}.canvas-hint{display:flex;align-items:center;gap:6px;font-size:9px;color:#78717e;margin:18px 0 16px}.canvas-quick{display:flex;align-items:center;border:1px solid #3b3544;border-radius:6px;background:#24212b;padding:4px;box-shadow:0 3px 10px #0002}.canvas-quick button{display:flex;align-items:center;gap:6px;font-size:10px;color:#b8afc4;padding:7px 10px;border-radius:3px}.canvas-quick button:hover{background:#38303f;color:#dcc7ff}.canvas-quick>span{height:12px;width:1px;background:#43394d}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#141218bb;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--purple);font-size:12px}.empty-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:var(--purple);z-index:4}.empty-canvas>strong{font-size:17px;font-weight:500}.empty-canvas>span{font-size:12px;color:#aca0bd}.crop-preview{position:absolute;border:2px solid #ddff9c;z-index:4;box-shadow:0 0 0 5000px #0009;pointer-events:none;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.crop-preview>span:first-child{position:absolute;top:33.333%;width:100%;border-top:1px solid #fff6}.crop-preview>span:nth-child(2){position:absolute;top:66.666%;width:100%;border-top:1px solid #fff6}.crop-preview>span:nth-child(3){position:absolute;left:33.333%;height:100%;border-left:1px solid #fff6}.crop-preview>span:nth-child(4){position:absolute;left:66.666%;height:100%;border-left:1px solid #fff6}.crop-preview>div{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:10px;color:#ddff9c;background:#141912bd;border-radius:3px;padding:5px 8px;white-space:nowrap}.timeline{background:#19191f;border-top:1px solid #302c38;padding:0 17px;min-height:151px}.timeline-top{display:flex;align-items:center;justify-content:space-between;height:40px}.timeline-title{display:flex;align-items:center;gap:7px;color:#aaa0b8}.timeline-title strong{font-size:10px;font-weight:500;color:#c6bfce}.timeline-badge{font-size:6px;letter-spacing:.6px;border-radius:3px;background:#2b2534;color:#a08bb9;border:1px solid #3d314b;padding:3px 5px;margin-left:1px}.timeline-actions{display:flex;align-items:center;gap:12px;color:#8b7d98;font-size:9px}.timeline-actions>button{display:flex;align-items:center;gap:5px;font-size:9px;color:#a591b8;padding:0}.timeline-actions>button:hover{color:#d4baff}.timeline-actions>span{font-size:8px;color:#9b90a6;background:#28222e;border:1px solid #3b3044;padding:3px 5px;border-radius:3px}.timeline-body{display:flex;align-items:center;gap:16px}.playback-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px;width:92px;flex-shrink:0;padding-top:12px}.playback-controls>.icon-button{width:19px;height:24px;color:#82758f}.play-button{width:31px;height:31px;display:grid;place-items:center;background:#b9a3ff;border-radius:50%;color:#342047}.play-button:hover{background:#cfbbff}.play-button svg{width:13px}.time-display{font-size:8px;font-variant-numeric:tabular-nums;color:#c5b3d7;width:100%;text-align:center;margin-top:6px;white-space:nowrap}.time-display>span{color:#796a88}.timeline-track-area{flex:1;min-width:0}.timeline-ruler{display:flex;justify-content:space-between;font-size:7px;color:#81708f;padding:1px 0 8px}.filmstrip{height:43px;border:1px solid #8970ac;border-radius:4px;position:relative;touch-action:none;cursor:crosshair;background:#2b2433}.thumbnail-row{display:flex;height:100%;overflow:hidden;border-radius:3px;opacity:.65}.thumbnail-row>canvas{width:10%;object-fit:cover;border-right:1px solid #1c162977}.playhead{position:absolute;top:-6px;bottom:-7px;border-left:1.5px solid #d0afff;pointer-events:none;z-index:3}.playhead>span{position:absolute;top:-3px;left:-4px;width:7px;height:8px;background:#d0afff;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.trim-shade{position:absolute;top:0;bottom:0;background:#0b071bd1;pointer-events:none;z-index:1}.trim-shade.start{left:0;border-right:2px solid #c2a0ff}.trim-shade.end{right:0;border-left:2px solid #c2a0ff}.timeline-keyframe{position:absolute;bottom:0;color:#e0bfff;z-index:4;transform:translate(-50%);padding:0;height:13px;display:flex}.timeline-bottom{display:flex;align-items:center;justify-content:space-between;margin:14px 0 13px;gap:10px;color:#766a83;font-size:8px}.timeline-bottom>span{display:flex;gap:5px;align-items:center}.timeline-bottom kbd{font-size:7px;padding:1px 4px;background:#282130;border-color:#41344e;color:#a38bb6}.green-dot{width:4px;height:4px;border-radius:50%;background:#a2b896;display:inline-block;margin-right:1px}.inspector{border-left:1px solid var(--line);display:flex;flex-direction:column;background:#1a1a20;min-height:0;max-height:850px}.inspector-tabs{height:51px;display:flex;align-items:stretch;border-bottom:1px solid var(--line);padding:0 17px;flex-shrink:0;gap:18px}.inspector-tabs>button{display:flex;align-items:center;gap:7px;font-size:11px;color:#7e7689;position:relative;padding:0 2px}.inspector-tabs>button.active{color:#c7b2e3}.inspector-tabs>button.active:after{position:absolute;content:"";height:2px;left:0;right:0;bottom:0;background:#baa0e6}.inspector-scroll{padding:19px 17px 14px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#39303f transparent;min-height:0;max-height:604px}.inspector-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.inspector-heading>span:first-child{display:flex;align-items:center;gap:7px;font-size:11px;color:#c7bdcf;font-weight:500}.editing-badge{font-size:6px;letter-spacing:.7px;color:#9a88ae;background:#2d2635;border:1px solid #40344c;border-radius:3px;padding:3px 4px}.field{margin-bottom:14px;min-width:0}.field>label{display:flex;align-items:center;justify-content:space-between;color:#968a9f;font-size:10px;margin-bottom:8px;gap:5px}.field>label>.field-value{color:#b8a3cf;font-size:9px}.field>textarea{font-size:11px;background:#242129;border-color:#3d3445;color:#d3c8df;line-height:1.7}.field>select,.field>input{background-color:#242129;border-color:#3c3344;font-size:11px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#a68ac4}.field>label:has(+textarea){font-size:8px;letter-spacing:.8px}.font-tools{display:flex;align-items:center;gap:6px;margin-top:-2px;margin-bottom:19px}.number-stepper{display:flex;align-items:center;height:30px;background:#25212c;border:1px solid #3f354b;border-radius:4px}.number-stepper button{padding:5px;color:#9683a9;display:grid;place-items:center}.number-stepper input{padding:0;background:none;border:0;font-size:10px;width:27px;text-align:center;color:#b9a4cc}.bold-button{height:29px;width:29px;border:1px solid #41364b;border-radius:4px;font-family:Georgia,serif;font-size:14px;font-weight:700;color:#9683a9}.bold-button.active{background:#3a2d49;border-color:#705384;color:#cbb0ea}.alignment-buttons{display:flex;gap:1px;margin-left:auto}.alignment-buttons>.icon-button{width:25px;height:29px;border:1px solid transparent;color:#907a9e}.alignment-buttons>.icon-button.active{border-color:#574062;background:#302538;color:#c4a3de}.inspector-divider{height:1px;background:#362d3e;margin:18px 0}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#8b7a9a;margin-bottom:18px}.section-label>svg{color:#756082}.color-input{display:flex;align-items:center;padding:5px 8px;gap:8px;border-radius:4px;background:#25202c;border:1px solid #40334c;height:32px}.color-input input[type=color]{width:19px;height:19px;padding:0;overflow:hidden;border:1px solid #675473;cursor:pointer;border-radius:3px;background:none}.color-input input::-webkit-color-swatch-wrapper{padding:0}.color-input input::-webkit-color-swatch{border:0;border-radius:1px}.color-input>span{font-size:10px;color:#b0a0c0;flex:1;letter-spacing:.4px}.color-input>svg{color:#857091}.field:has(.color-input){display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.field:has(.color-input)>label{margin:0;color:#a490b3;font-size:10px}.field:has(.color-input)>.color-input{width:132px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:4px;padding:0;border:0;background:linear-gradient(to right,#a184c0 0%,#a184c0 var(--range),#3e304c var(--range),#3e304c 100%);cursor:pointer;display:block;margin:10px 0 18px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;border:2px solid #d1bbe6;background:#b49acb;border-radius:50%;box-shadow:0 0 0 3px #2a2035}input[type=range]::-moz-range-thumb{width:7px;height:7px;border:2px solid #d1bbe6;background:#b49acb;border-radius:50%}.position-fields .field>label{font-size:8px}.object-actions{display:flex;gap:8px;padding-top:1px}.object-actions>.icon-button{flex:1;border:1px solid #403148;background:#27202e;color:#ac8dc2}.object-actions>.delete-button:hover{background:#442b38;color:#ffa8bb;border-color:#78445a}.inspector-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px 5px;color:#927ca6}.inspector-empty h3{font-family:Space Grotesk,sans-serif;color:#c6b3d8;font-size:16px;font-weight:500}.inspector-empty p{font-size:11px;line-height:1.7;margin:0 0 20px}.canvas-info{display:flex;flex-direction:column;gap:15px;margin:0 0 25px}.canvas-info>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8f7e9e}.canvas-info strong{font-size:10px;font-weight:500;color:#bca3cd}.export-panel{padding:17px 17px 14px;border-top:1px solid #352b3d;background:#1b1820;flex-shrink:0}.export-panel .section-label{margin-bottom:15px}.export-panel .field{margin:0}.export-panel .field>label{font-size:9px}.export-panel .field>select{font-size:9px;padding:8px 21px 8px 7px;background-position:right 7px center}.export-panel>p{display:flex;align-items:center;justify-content:center;font-size:8px;color:#897d91;gap:5px;margin:12px 0 0}.export-panel>p>svg{color:#b7c99e}.page-footer{height:56px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#6c6974}.page-footer>span{display:flex;align-items:center;gap:7px}.page-footer>span:first-child>svg{color:#8a7d99}.footer-star{font-size:21px;color:#a08ab9;line-height:1;padding-left:4px}.trim-shortcut{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;background:#3a2c49;color:#d7bbf7;border:1px solid #73528c;border-radius:30px;padding:11px 18px;font-size:11px;z-index:9;box-shadow:0 5px 30px #0007}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#2f2839;border:1px solid #5d4b70;color:#ddc7f2;padding:13px 15px;border-radius:8px;box-shadow:0 8px 35px #0006;font-size:12px;z-index:30;max-width:calc(100% - 28px);animation:toast-in .2s ease-out}.toast>svg{color:#bbd6a8}.toast>button{display:grid;place-items:center;color:#aa92bd;margin-left:10px}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#171020e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;border:3px dashed #bda1de;margin:15px;border-radius:16px;pointer-events:auto}.drop-overlay>div{pointer-events:none;text-align:center;color:#c6a5ef}.drop-overlay h2{font-family:Space Grotesk,sans-serif;font-size:34px;letter-spacing:-1px;font-weight:500;color:#ece0fa}.drop-overlay p{color:#b79acb}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#08070bd4;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:25px;z-index:20;overflow-y:auto;animation:fade-in .15s}.modal{width:540px;max-width:100%;max-height:calc(100dvh - 50px);overflow-y:auto;position:relative;padding:34px;background:#1d1924;border:1px solid #4b3c58;border-radius:14px;box-shadow:0 20px 100px #0009;scrollbar-width:thin;scrollbar-color:#5c436c transparent}.modal-close{position:absolute;right:15px;top:15px;color:#9d85ad}.modal-eyebrow{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.2px;color:#bba0d2;margin-bottom:15px}.modal h2{font-family:Space Grotesk,sans-serif;font-weight:500;letter-spacing:-1px;font-size:29px;margin:0 0 9px;color:#e7d9f4}.modal>p{font-size:11px;line-height:1.7;color:#a491b2;margin:0 0 25px}.result-image-wrap{background:repeating-conic-gradient(#302638 0,#302638 25%,#261e2e 0,#261e2e 50%) 50%/14px 14px;border:1px solid #4c3a58;border-radius:7px;overflow:hidden;display:flex;justify-content:center}.result-image-wrap>img{max-width:100%;max-height:48dvh;object-fit:contain;display:block;user-select:auto;-webkit-user-select:auto}.result-meta{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#8e789e;gap:10px;margin-top:10px}.result-meta>span:last-child{display:flex;align-items:center;gap:3px;color:#a4b08e}.copy-tip{font-size:10px;color:#bda5d0;display:flex;align-items:center;justify-content:center;gap:7px;background:#2b2234;border:1px solid #42314e;border-radius:5px;padding:12px 9px;margin:22px 0 15px}.result-actions{display:flex;gap:10px}.result-actions>.button{flex:1}.result-modal>.text-button{margin-top:9px}.help-steps{display:flex;flex-direction:column;gap:23px;margin:25px 0 30px}.help-steps>div{display:flex;gap:16px}.help-steps>div>span{font-family:Space Grotesk,sans-serif;font-size:17px;color:#a485bf;background:#30243b;border:1px solid #4a355a;border-radius:7px;padding:8px;height:39px;flex-shrink:0}.help-steps h3{font-size:13px;font-weight:500;color:#cdb7df;margin:1px 0 6px}.help-steps p{font-size:11px;color:#a18aae;line-height:1.8;margin:0}.gallery-empty{display:flex;flex-direction:column;align-items:center;padding:38px 0 20px;color:#9974b5;text-align:center}.gallery-empty h3{font-weight:500;font-size:16px;color:#c6a9dc;margin:19px 0 0}.gallery-empty p{font-size:11px;color:#9f83b3;margin:10px 0 20px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.gallery-grid>button{border:1px solid #4b365b;border-radius:6px;overflow:hidden;padding:0;background:#2a2033;text-align:left}.gallery-grid>button:hover{border-color:#a279c2}.gallery-grid img{height:150px;object-fit:contain;width:100%;background:#151019;display:block}.gallery-grid>button>span{display:flex;justify-content:space-between;padding:10px;font-size:10px;color:#c1a4d5;gap:8px}.gallery-grid b{font-size:8px;letter-spacing:.7px;font-weight:400;color:#9673ad}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.editor-grid{grid-template-columns:260px minmax(300px,1fr) 280px;min-height:770px}.tool-content{padding:23px}.inspector-scroll{padding:22px;max-height:671px}.export-panel{padding:18px 22px}.canvas-workarea{padding-left:45px;padding-right:45px}.canvas-fit{max-width:800px}.topbar{padding-left:max(38px,calc((100vw - 1584px)/2));padding-right:max(38px,calc((100vw - 1584px)/2))}}@media(max-width:1200px){main{padding:20px 24px 24px}.topbar{padding:0 24px;gap:45px}.editor-grid{grid-template-columns:210px minmax(260px,1fr) 237px}.tool-content{padding:18px 13px}.panel-heading{padding-left:13px;padding-right:13px}.panel-heading>span{display:none}.tool-grid{padding-left:8px;padding-right:8px}.inspector-scroll{padding:17px 13px}.export-panel{padding-left:13px;padding-right:13px}.inspector-tabs{padding-left:13px;gap:14px}.canvas-workarea{padding-left:24px;padding-right:24px;min-height:410px}.file-label>span:nth-child(2){max-width:110px}.canvas-toolbar{padding-left:12px;padding-right:10px}.timeline{padding-left:12px;padding-right:12px}.timeline-body{gap:8px}.playback-controls{width:75px}.timeline-actions{gap:7px}.timeline-badge{display:none}.project-actions>span{display:none}.topbar-end{gap:20px}.intro-note{margin-right:0}}@media(max-width:1000px){.local-badge{display:none}.intro{height:150px}.intro-note{display:none}.editor-grid{grid-template-columns:180px minmax(220px,1fr) 215px}.tool-content{padding:17px 11px}.section-title h3{font-size:11px;line-height:1.5}.section-title p{font-size:9px}.tool-grid{gap:1px;padding-left:4px;padding-right:4px}.tool-button{font-size:8px;height:54px}.tool-button>svg{width:17px}.text-presets>button{padding-left:10px}.preset-classic{font-size:21px}.preset-clean{font-size:16px}.preset-bold{font-size:21px}.tip{font-size:8px}.text-presets>button>span:nth-child(2){font-size:8px}.layers-panel{padding-left:5px;padding-right:5px}.layer-select{gap:4px;font-size:8px}.layer-select>.grip{display:none}.inspector-scroll{padding-left:11px;padding-right:11px}.inspector-heading>span:first-child{font-size:10px}.editing-badge{display:none}.field:has(.color-input)>.color-input{width:116px}.color-input{padding:5px;gap:6px}.color-input>span{font-size:9px}.alignment-buttons{gap:0}.alignment-buttons>.icon-button{width:22px}.font-tools{gap:4px}.bold-button{width:25px}.number-stepper button{padding:4px}.number-stepper input{width:23px}.canvas-workarea{min-height:370px;padding-left:21px;padding-right:21px}.canvas-controls>.icon-button{width:24px}.zoom-control{font-size:9px;gap:3px}.canvas-toolbar .file-kind{display:none}.file-label>span:nth-child(2){max-width:87px;font-size:9px}.canvas-controls .divider{margin-left:2px;margin-right:2px}.canvas-hint{font-size:7px}.canvas-hint>svg{width:11px}.canvas-quick button{font-size:9px;padding:6px 7px}.timeline-actions>button{font-size:0;gap:0}.timeline-actions>button>svg{width:14px}.timeline-body{display:block}.playback-controls{padding:0;display:flex;width:100%;justify-content:flex-start;gap:6px;margin:3px 0 12px}.time-display{width:auto;margin:0 0 0 auto}.play-button{width:25px;height:25px}.play-button>svg{width:10px}.timeline-ruler{font-size:6px}.filmstrip{height:35px}.timeline-bottom{font-size:7px;margin-top:10px}.timeline-bottom>span:last-child{display:none}.timeline{min-height:172px}.export-panel .two-fields{grid-template-columns:1fr;gap:9px}.export-panel .field{display:flex;align-items:center;gap:7px}.export-panel .field>label{width:40px;flex-shrink:0;margin:0}.export-panel .field>select{flex:1;min-width:0}.export-panel .section-label{font-size:7px}.project-name{gap:7px}.project-name input{max-width:160px}.project-name .project-dot,.project-name .draft-badge{display:none}.upload-button{padding:9px 10px}.project-bar{padding-left:14px;padding-right:14px}.animate-steps{font-size:9px;gap:15px}.keyframe-button{padding-left:6px;padding-right:6px;font-size:9px}.keyframe-button>span{display:none}.ratio-grid{grid-template-columns:repeat(2,1fr)}.inspector-scroll{max-height:592px}.topbar{height:67px}}@media(max-width:760px){main{padding:16px 12px 20px}.topbar{padding:0 16px;gap:24px;height:63px}.brand{font-size:23px}.brand-icon{width:31px;height:31px;border-radius:8px}.beta{display:none}.topbar nav{gap:14px}.topbar nav button{font-size:10px}.topbar-end{gap:12px}.help-button span,.avatar{display:none}.intro{height:136px;padding-left:4px}.eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:28px;margin-top:11px}.intro p{font-size:10px}.editor-grid{grid-template-columns:160px minmax(0,1fr);min-height:0}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid #3a2b43;max-height:unset;display:grid;grid-template-columns:1fr 220px}.inspector-tabs{grid-column:1/-1;height:45px;padding-left:17px}.inspector-scroll{max-height:460px;padding:18px}.export-panel{border-top:0;border-left:1px solid #36283e;display:flex;flex-direction:column;justify-content:flex-start;padding:25px 18px}.export-panel .section-label{font-size:8px;margin-bottom:20px}.export-panel .two-fields{grid-template-columns:1fr;gap:18px}.export-panel .field{display:block}.export-panel .field>label{width:auto;margin-bottom:8px}.export-panel .field>select{width:100%;font-size:10px}.export-panel>p{justify-content:flex-start;margin-top:20px}.inspector-heading{margin-bottom:17px}.field:has(.color-input)>.color-input{width:145px}.font-tools{max-width:300px}.alignment-buttons{margin-left:12px}.alignment-buttons>.icon-button{width:29px}.number-stepper input{width:40px}.number-stepper button{padding:6px}.object-actions{max-width:300px}.editing-badge{display:block}.project-bar{height:61px;padding:0 10px;gap:6px}.project-name{gap:5px;flex:1}.project-icon{display:none}.project-name input{font-size:10px;max-width:145px;min-width:50px;padding:4px}.project-actions{gap:6px}.project-actions .button{font-size:10px;min-height:33px;padding:8px 9px;gap:5px}.project-actions .primary{min-width:105px}.project-actions .button>svg{width:13px}.project-actions .primary>svg:last-child{display:none}.tool-content{padding:17px 9px;min-height:345px}.section-title h3{font-size:10px}.section-title p{font-size:8px}.tool-button{font-size:7px}.tool-grid{padding-bottom:12px}.panel-heading{font-size:8px;padding:16px 11px 12px}.tool-button>svg{width:16px}.add-text-button{font-size:10px;padding:8px 9px;gap:5px}.add-text-button>svg{width:14px}.small-label{font-size:7px}.text-presets>button{height:63px;padding:10px 9px}.text-presets>button>svg{right:8px;width:11px}.preset-classic{font-size:19px}.preset-clean{font-size:14px}.preset-bold{font-size:19px}.text-presets>button>span:nth-child(2){font-size:7px}.tip{font-size:7px;gap:5px}.tip>svg{width:12px}.layers-heading>span{font-size:9px;gap:5px}.layer-type{width:21px;height:21px}.layer-select{font-size:7px;gap:5px}.layer-row>.icon-button{width:20px}.layer-row>.icon-button>svg{width:12px}.base-layer{font-size:8px;padding-left:7px;padding-right:7px;gap:6px}.canvas-toolbar{padding:0 8px;height:43px;gap:3px}.file-label{gap:4px}.file-label>span:nth-child(2){font-size:8px;max-width:105px}.canvas-controls>.icon-button{width:23px}.canvas-controls>.icon-button>svg{width:13px}.canvas-controls .divider,.zoom-control,.canvas-controls>.icon-button:last-child{display:none}.canvas-workarea{min-height:350px;padding:27px 17px 22px}.canvas-fit{max-width:500px}.canvas-hint{text-align:center;font-size:7px;gap:5px}.canvas-hint>svg{display:none}.canvas-quick button{font-size:8px;padding:5px 6px;gap:5px}.canvas-quick button>svg{width:12px}.selection-label{font-size:7px;top:-18px;height:16px}.timeline{padding:0 11px;min-height:168px}.timeline-title{gap:5px}.timeline-title strong{font-size:9px}.timeline-title>svg{width:12px}.timeline-top{height:36px}.timeline-actions>span{font-size:7px}.timeline-bottom{font-size:7px}.page-footer{font-size:8px;height:50px}.page-footer>span:last-child{display:none}.section-title{margin-bottom:15px}.animate-steps{font-size:8px;gap:13px}.animate-steps>span{gap:5px}.animate-steps b{width:17px;height:17px;font-size:8px}.keyframe-button{font-size:8px;gap:4px}.keyframe-button svg{width:12px}.tool-content .field>label{font-size:9px}.tool-content .field>select{font-size:9px;padding-left:6px}.keyframe-list>div{font-size:7px}.keyframe-list>div>button:first-child{gap:3px}.keyframe-list>div>span{margin-right:0}.keyframe-list .icon-button{width:20px}.tool-content .two-fields{gap:7px}.tool-content .two-fields input{font-size:10px;padding:8px}.ratio-grid>button{height:52px}.tool-content .text-button{font-size:9px}.upload-zone{padding:22px 8px}.upload-zone strong{font-size:10px}.upload-zone span{font-size:7px;line-height:1.6}.tool-content>.button{font-size:9px}.modal{padding:27px 22px}.modal h2{font-size:26px}.modal-backdrop{padding:15px}.modal{max-height:calc(100dvh - 30px)}.result-actions{gap:7px}.result-actions .button{font-size:10px;padding:10px}.result-meta{font-size:7px}.copy-tip{font-size:9px}.trim-shortcut{bottom:10px;font-size:10px;padding:10px 13px;white-space:nowrap}.toast{font-size:10px;width:max-content;bottom:18px;padding:11px 12px}}@media(max-width:430px){.topbar{gap:18px;padding:0 14px}.topbar nav{gap:12px}.topbar nav button{font-size:9px}.nav-count{font-size:7px;padding:1px 4px}.topbar-end{margin-left:auto}.help-button{padding:0}.brand{font-size:21px}.brand-icon{width:28px;height:28px;margin-right:7px}.brand-icon>svg{width:19px}.intro{height:127px}h1{font-size:25px}.intro p{font-size:9px}.editor-grid{grid-template-columns:130px minmax(0,1fr)}.project-name input{max-width:120px;font-size:9px}.project-actions .button{font-size:9px;padding:8px}.project-actions .primary{min-width:92px}.upload-button{font-size:0!important;gap:0!important}.upload-button>svg{width:15px!important}.tool-grid{grid-template-columns:1fr 1fr;gap:4px;padding:0 10px 12px}.tool-button{height:43px;gap:3px;font-size:7px}.tool-button>svg{height:17px}.tool-content{padding:15px 8px}.section-title h3{font-size:10px;line-height:1.6}.section-title p{font-size:8px}.section-title{margin-bottom:12px}.add-text-button{font-size:9px;gap:4px;padding:8px 7px}.add-text-button kbd{display:none}.text-presets{gap:6px}.text-presets>button{height:55px;padding:10px 8px;gap:5px}.preset-classic{font-size:16px}.preset-clean{font-size:12px;letter-spacing:-.5px}.preset-bold{font-size:17px}.text-presets>button>span:nth-child(2){font-size:6px}.text-presets>button>svg{display:none}.small-label{font-size:6px;letter-spacing:.8px;margin-top:18px}.tip{font-size:7px;line-height:1.7}.tip>svg{display:none}.canvas-workarea{min-height:326px;padding:29px 13px 23px}.canvas-dimensions{font-size:7px;margin-bottom:13px}.canvas-hint{font-size:6px;line-height:1.7;margin:15px 0 12px;max-width:140px}.canvas-quick button{font-size:7px;padding:5px;gap:3px}.canvas-quick>span{height:9px}.canvas-quick button>svg{width:10px}.file-label>span:nth-child(2){font-size:7px;max-width:73px}.canvas-controls>.icon-button{width:19px}.canvas-controls>.icon-button>svg{width:12px}.file-dot{width:4px;height:4px}.canvas-toolbar{padding:0 7px}.layer-select .layer-type{width:18px;height:19px}.layer-type>svg{width:11px}.layer-select{gap:4px;font-size:6px;padding-left:3px}.layers-panel{padding:8px 4px}.layers-heading{padding-left:4px}.layers-heading>span{font-size:8px;gap:5px}.layers-heading>span>svg{width:12px}.layers-heading .icon-button{width:19px}.layer-row{height:32px}.base-layer{font-size:7px;gap:4px;padding-left:4px;padding-right:4px}.base-layer>span:last-child{font-size:6px}.base-layer>svg{width:11px}.inspector{grid-template-columns:1fr 155px}.inspector-scroll{padding:17px 13px;max-height:450px}.inspector-heading>span:first-child{font-size:10px;gap:5px}.inspector-heading>span:first-child>svg{width:13px}.editing-badge{display:none}.export-panel{padding:20px 12px}.export-panel .section-label{font-size:7px;line-height:1.7;letter-spacing:.7px;gap:7px}.export-panel .section-label>svg{width:11px}.export-panel .field>select{font-size:9px}.field:has(.color-input)>.color-input{width:106px}.field:has(.color-input)>label{font-size:9px}.color-input>span{font-size:8px}.color-input{gap:5px}.color-input input[type=color]{width:15px;height:15px}.font-tools{gap:4px;flex-wrap:wrap}.alignment-buttons{margin-left:auto}.alignment-buttons>.icon-button{width:20px}.number-stepper input{width:23px}.number-stepper button{padding:4px}.number-stepper button>svg{width:10px}.bold-button{width:22px}.field>label{font-size:9px}.field>select{font-size:10px}.section-label{font-size:7px}.field>textarea{font-size:10px}.timeline-ruler{font-size:5px}.timeline-bottom{font-size:6px}.animate-steps>span{font-size:7px;line-height:1.7;align-items:flex-start}.animate-steps b{flex-shrink:0}.keyframe-button{font-size:7px;padding:8px 5px}.tool-content .field>select{font-size:8px}.tool-content .field>label{font-size:8px}.keyframe-list>div>span{display:none}.keyframe-list>div>.icon-button{margin-left:auto}.ratio-grid{gap:4px}.ratio-grid>button{height:47px;font-size:8px}.ratio-grid>button>span{max-height:18px!important}.tool-content .two-fields{grid-template-columns:1fr;gap:0}.tool-content .field{margin-bottom:12px}.tool-content input[type=range]{margin-bottom:15px}.tool-content .full-width,.upload-zone strong{font-size:8px}.upload-zone span{font-size:6px}.upload-zone>svg{width:21px}.gallery-grid{gap:9px}.gallery-grid img{height:105px}.gallery-grid>button>span{font-size:8px;padding:8px}.modal-eyebrow{font-size:7px}.copy-tip{font-size:8px}.help-steps{gap:20px}.help-steps>div{gap:12px}.help-steps h3{font-size:12px}.help-steps p{font-size:10px}.result-meta{font-size:6px}.result-actions>.button{font-size:9px;padding:9px 7px}}.trim-handle{position:absolute;top:-1px;bottom:-1px;width:10px;padding:0;background:#b99bdf;border:1px solid #ddc4ff;border-radius:2px;z-index:5;transform:translate(-50%);cursor:ew-resize;touch-action:none;display:grid;place-items:center}.trim-handle>span{height:13px;border-left:1px solid #503568}.trim-handle:hover{background:#e3ccff}.trim-handle-0{transform:translate(-100%)}.trim-handle-1{transform:none}.source-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#15111b;border:1px solid #3c2f48;border-radius:7px;padding:5px;margin-bottom:20px}.source-tabs>button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#9f8caf;padding:11px 6px;border-radius:4px}.source-tabs>button:hover{background:#30243c}.source-tabs>button[aria-selected=true]{background:#382b46;color:#dcc2fa;box-shadow:0 1px 4px #0003}.source-panel{min-height:235px}.paste-zone{border:1px dashed #5d466f;border-radius:8px;background:#251d2e;display:flex;align-items:center;flex-direction:column;text-align:center;padding:25px 12px}.paste-zone:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.source-hero-icon{color:#c2a4df;background:#382944;border:1px solid #584068;display:grid;place-items:center;width:53px;height:53px;border-radius:13px;margin-bottom:12px}.paste-zone h3{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.5px;color:#d6bfeb;margin:0 0 9px}.paste-zone p{color:#b29ac3;font-size:11px;line-height:1.9;margin:0 0 20px}.paste-zone p>span{font-size:10px;color:#937ca5}.paste-zone kbd{background:#382941;border-color:#594067;color:#cdb1e1;font-size:9px}.paste-zone .button{font-size:11px;min-width:200px}.source-url-label{display:block;font-size:11px;color:#bea4d1;margin:0 0 9px}.source-url-input{display:flex;align-items:center;position:relative;gap:8px}.source-url-input>svg{position:absolute;left:12px;color:#997ba9;pointer-events:none}.source-url-input>input{padding:12px 12px 12px 38px;background:#282030;border-color:#554062;color:#e0c7f5;font-size:12px}.source-detection{display:flex;gap:10px;align-items:center;min-height:74px;font-size:10px;line-height:1.7;color:#8f779f;padding:15px 0}.source-detection>span{display:flex;flex-direction:column;flex:1}.source-detection strong{font-weight:500;font-size:11px;color:#c3a7d7}.source-detection>svg:last-child:not(:first-child){color:#b9d3a4}.source-detection.youtube-detection>svg:first-child{color:#f39eab}.source-detection.youtube-detection strong{color:#e6b2c0}.url-source-note{font-size:10px;line-height:1.8;color:#9279a2;margin:12px 0 0}.source-formats{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:23px 0 12px}.source-formats>span{display:flex;align-items:center;gap:4px;font-size:8px;letter-spacing:.3px;color:#aa8ebe;border:1px solid #44304f;background:#2b2033;border-radius:4px;padding:4px 7px}.source-formats>.youtube-format{color:#da9daf;border-color:#533340;background:#30212a}.new-image-modal .source-privacy{font-size:9px;text-align:center;line-height:1.8;color:#8b739b;margin:0}.import-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#cdb2e3;margin-top:15px;line-height:1.8}.import-error{font-size:11px;line-height:1.8;padding:11px 13px;background:#3b2430;color:#f2b1c1;border:1px solid #754052;border-radius:6px;margin-top:15px}.new-image-modal .modal-close{z-index:1}@media(max-width:430px){.source-tabs>button{font-size:10px;gap:5px;padding:10px 4px}.source-tabs>button>svg{width:13px}.paste-zone{padding:22px 10px}.paste-zone h3{font-size:17px}.source-formats{gap:5px}.source-formats>span{font-size:7px;padding:4px 6px}.new-image-modal .source-privacy{font-size:8px}.source-detection{font-size:9px}.source-detection strong{font-size:10px}.url-source-note{font-size:9px}.import-status,.import-error{font-size:10px}}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-button{height:65px}.inspector-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 9px;height:58px}.inspector-tabs>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 1px;font-size:9px;min-width:0}.inspector-tabs>button:only-child{grid-column:1/-1}.inspector-tabs>button.active:after{left:8px;right:8px}.text-alignment-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:8px}.text-alignment-row>span{font-size:10px;color:#aa94ba}.text-alignment-row .alignment-buttons{margin-left:auto}.font-size-hint{color:#887197;font-size:9px;margin-left:auto}.number-stepper input{width:45px}.number-stepper button{touch-action:none}.apply-formatting{font-size:9px;white-space:normal;line-height:1.5;padding:9px 7px;text-align:left}.selection-handle.t{top:-4px;left:calc(50% - 4px);cursor:ns-resize}.selection-handle.b{bottom:-4px;left:calc(50% - 4px);cursor:ns-resize}.selection-handle.l{left:-4px;top:calc(50% - 4px);cursor:ew-resize}.selection-handle.r{right:-4px;top:calc(50% - 4px);cursor:ew-resize}.preview-playback{display:flex;align-items:center;justify-content:center;gap:10px;background:#1c1821;border-top:1px solid #342b3b;padding:14px 12px}.preview-playback .time-display{width:auto;margin:0;font-size:10px}.preview-playback>.text-button{font-size:10px;padding:5px;margin-left:auto}.preview-playback .play-button{width:29px;height:29px}.inspector .timeline{padding:0 0 8px;border:0;background:none;min-height:0}.inspector .timeline-top{height:auto;padding:0 0 12px;flex-wrap:wrap;gap:10px}.inspector .timeline-title strong{font-size:10px}.inspector .timeline-badge{display:none}.inspector .timeline-actions{margin-left:auto}.inspector .timeline-actions>button{font-size:0;gap:0}.inspector .timeline-actions>span{font-size:8px}.inspector .timeline-body{display:flex;flex-direction:column;gap:12px;align-items:stretch}.inspector .playback-controls{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;padding:0;margin:0}.inspector .playback-controls .time-display{margin:0 0 0 auto;width:auto;font-size:9px}.inspector .timeline-ruler{font-size:6px}.inspector .filmstrip{height:46px}.inspector .timeline-bottom{font-size:8px;line-height:1.6;margin-bottom:0}.inspector .timeline-bottom>span:last-child{display:none}.animation-playback{display:flex;align-items:center;gap:13px;margin-top:18px}.animation-playback>.field{flex:1}.animation-playback>.play-button{flex-shrink:0;margin-top:9px}.animation-layer-name{display:flex;align-items:center;gap:7px;border:1px solid #493452;background:#2a2031;border-radius:5px;padding:10px 9px;font-size:10px;color:#b89ccb;margin:20px 0}.animation-layer-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.keyframe-list>.keyframe-row{display:block;padding:9px 0;border-bottom:1px solid #43304d}.keyframe-row-heading{display:flex;align-items:center;gap:8px;font-size:9px}.keyframe-row-heading>button:first-child{color:#c0a0dd;display:flex;align-items:center;gap:5px;padding:0}.keyframe-row-heading>span{color:#93799f;margin-left:auto;font-size:8px}.keyframe-row-heading .icon-button{width:23px;height:23px}.keyframe-row>select{width:100%;font-size:10px;margin-top:5px;background-color:#28202f;border-color:#48334f;padding:7px 22px 7px 8px}.crop-active-note{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.7;color:#d5e7ac;border:1px solid #4b5141;background:#272c23;padding:9px;border-radius:5px}.inspector .ratio-grid{margin-top:15px;grid-template-columns:repeat(4,1fr)}.inspector .ratio-grid>button{height:54px;font-size:8px}.inspector .ratio-grid>button>span{width:22px}.canvas-column{min-height:620px}.inspector-scroll{max-height:640px}.inspector{max-height:900px}@media(max-width:760px){.inspector-tabs{padding:0 10px;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:56px}.inspector-tabs>button{font-size:10px;gap:5px}.inspector-tabs>button.active:after{left:16px;right:16px}.preview-playback{gap:4px;flex-wrap:wrap}.preview-playback .time-display{font-size:8px}.preview-playback>.text-button{font-size:8px;width:100%;justify-content:center;margin-left:0}.canvas-column{min-height:550px}.number-stepper input{width:45px}.font-size-hint{font-size:8px}.inspector-scroll{max-height:570px}.inspector .ratio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.inspector-tabs>button{font-size:9px}.text-alignment-row>span{font-size:9px}.text-alignment-row .alignment-buttons>.icon-button{width:24px}.apply-formatting{font-size:8px;padding:9px 6px;gap:6px}.font-size-hint{font-size:7px}.number-stepper input{width:35px}.preview-playback>.icon-button{width:23px}.preview-playback .play-button{width:25px;height:25px}.canvas-column{min-height:530px}.animation-layer-name{font-size:9px}.keyframe-row-heading>span{font-size:7px}}.export-size-summary{display:flex;justify-content:space-between;gap:7px;color:#a98ebd;font-size:9px;margin-top:11px}.export-suggestions-heading{font-size:10px;color:#bca3cf;margin:17px 0 9px}.gif-scale-suggestions{display:flex;flex-direction:column;gap:5px}.gif-scale-suggestions>button{display:grid;grid-template-columns:32px 1fr;column-gap:8px;row-gap:3px;text-align:left;border:1px solid #47344e;border-radius:4px;background:#261e2c;padding:8px 9px;color:#c6acd9}.gif-scale-suggestions>button:hover{border-color:#9875b5;background:#32233d}.gif-scale-suggestions>button[aria-pressed=true]{border-color:#b9a3ff;background:#382847}.gif-scale-suggestions strong{font-size:10px;font-weight:500;grid-row:span 2;align-self:center}.gif-scale-suggestions>button>span{font-size:10px}.gif-scale-suggestions small{font-size:8px;color:#9b82aa}.export-panel .export-advice-note{display:block;text-align:left;font-size:8px;line-height:1.7;color:#9b85aa;margin:10px 0 0}.inspector .export-panel{max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#493252 transparent}@media(max-width:760px){.inspector .export-panel{max-height:570px}.gif-scale-suggestions>button{grid-template-columns:26px 1fr;padding:8px 6px;column-gap:6px}.gif-scale-suggestions strong,.gif-scale-suggestions>button>span{font-size:9px}.gif-scale-suggestions small{font-size:7px}.export-size-summary{flex-direction:column;gap:4px}.export-suggestions-heading{font-size:9px}.export-panel .export-advice-note{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.selection-rotation-stem{position:absolute;left:50%;top:-29px;height:28px;border-left:1px solid #c3a7ff;pointer-events:none}.selection-rotate{position:absolute;top:-47px;left:calc(50% - 10px);width:20px;height:20px;border-radius:50%;border:1px solid #fff;background:#c3a7ff;color:#362448;display:grid;place-items:center;padding:0;cursor:grab;touch-action:none}.selection-rotate:active{cursor:grabbing}.filmstrip[role=slider]:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.copy-tip>span{line-height:1.6}.result-actions{flex-wrap:wrap}.result-actions>.button{min-width:125px}.trim-shade.start,.trim-shade.end{border:0}.trim-boundary{position:absolute;top:0;bottom:0;width:1px;background:#c2a0ff;pointer-events:none;z-index:2}.filmstrip .playhead{z-index:6}.keyframe-transfer{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.keyframe-transfer>.button{flex:1;min-width:120px;padding:8px 6px;font-size:10px}.export-panel .field>input{min-width:0;flex:1}