:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:filter .2s ease,border-color .25s}button:hover{filter:brightness(1.08)}button:focus,button:focus-visible{outline:none}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.effect-card{display:flex;flex-direction:column;width:90px;background:#252525;border:1px solid #333;border-radius:6px;cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease,opacity .15s ease;-webkit-user-select:none;user-select:none}.effect-card:hover{border-color:#555;transform:translateY(-1px)}.effect-card--selected{border-color:var(--accent, #007bff);box-shadow:0 0 0 1px var(--accent, #007bff)}.effect-card--accented{background:linear-gradient(180deg,rgb(var(--card-accent-rgb) / .18),rgb(var(--card-accent-rgb) / .08));border-color:rgb(var(--card-accent-rgb) / .4)}.effect-card--accented.effect-card--selected{box-shadow:0 0 0 1px rgb(var(--card-accent-rgb) / .9)}.effect-card--disabled{opacity:.5}.effect-card--disabled .effect-card__name{text-decoration:line-through;color:#666}.effect-card--dummy{background:#1f1f1f;border-color:#2b2b2b;cursor:default}.effect-card--dummy:hover{border-color:#2f2f2f;transform:none}.effect-card--drop-target{border-color:#fffffff2;box-shadow:0 0 0 1px #fffffff2}.effect-card--dummy.effect-card--drop-target:hover{border-color:#fffffff2}.effect-card__dummy-content{min-height:138px;display:flex;align-items:center;justify-content:center}.effect-card__dummy-icon{color:#3f3f3f;font-size:1.1rem;line-height:1}.effect-card--layer{cursor:grab}.effect-card--layer:active{cursor:grabbing}.effect-card__action-bar{display:flex;justify-content:space-between;align-items:center;height:20px;padding:2px 4px;background:transparent}.effect-card__remove-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:3px;color:#888;cursor:pointer;transition:color .15s ease,background .15s ease}.effect-card__remove-btn:hover{color:#ff6b6b;background:#ff6b6b26}.effect-card__visibility-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:3px;color:#888;cursor:pointer;transition:color .15s ease,background .15s ease}.effect-card__visibility-btn:hover{color:#fff;background:#ffffff1a}.effect-card--disabled .effect-card__visibility-btn{color:#666}.effect-card__thumbnail{width:100%;aspect-ratio:1 / 1;background:#151515;overflow:hidden}.effect-card__thumbnail-img{width:100%;height:100%;object-fit:cover;display:block}.effect-card__thumbnail-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#333 25%,#252525 25%,#252525 50%,#333 50%,#333 75%,#252525 75%,#252525);background-size:16px 16px}.effect-card__name{padding:6px 4px;font-size:.7rem;color:#ccc;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent}.effect-card__mask-connection-arrow{position:absolute;right:calc(var(--layer-card-gap, 8px) * -1);top:50%;width:var(--layer-card-gap, 8px);height:16px;transform:translateY(-50%);background:linear-gradient(180deg,#7dafffe6,#588cffe6);clip-path:polygon(0 0,100% 50%,0 100%);pointer-events:none;z-index:6}.cropContainer{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#121212;display:flex;flex-direction:column;z-index:10000}.cropWorkspace{flex:1;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(45deg,#1a1a1a 25%,transparent 25%),linear-gradient(-45deg,#1a1a1a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1a1a1a 75%),linear-gradient(-45deg,transparent 75%,#1a1a1a 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;cursor:grab;min-height:0}.cropWorkspace.dragging{cursor:grabbing}.cropToolbar{flex-shrink:0;padding:8px 16px;background:#1e1e1e;z-index:20;border-top:1px solid #333;box-shadow:0 -4px 10px #0003}.cropToolbar-inner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%}.cropToolbar-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.cropToolbar-group--right{margin-left:auto;gap:8px}.cropToolbar-divider{width:1px;height:28px;background:#444;flex-shrink:0;align-self:center}.cropToolbar-label{font-size:12px;color:#aaa;white-space:nowrap;-webkit-user-select:none;user-select:none}.cropToolbar-angleValue{width:46px;text-align:right;font-size:12px;color:#fff;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;white-space:nowrap}.cropToolbar-slider{width:clamp(80px,18vw,280px)}@media(max-width:480px){.cropToolbar-slider{width:clamp(60px,30vw,160px)}}.cropBtn{padding:7px 13px;background:#2c2c2c;color:#fff;border:1px solid #444;cursor:pointer;border-radius:6px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:background .2s,border-color .2s;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.cropBtn:hover{background:#3a3a3a;border-color:#666}.cropBtn:active{background:#222}.cropBtn--active{background:#06c!important;border-color:#005bb5!important}.cropBtn--primary{padding:8px 20px;background:#06c;color:#fff;border:1px solid #005bb5;font-weight:700;font-size:13px}.cropBtn--primary:hover{background:#07e;border-color:#006bcc}.cropIconLandscape{display:inline-block;width:14px;height:9px;border:2px solid currentColor;border-radius:1px}.cropIconPortrait{display:inline-block;width:9px;height:14px;border:2px solid currentColor;border-radius:1px}.cropSelect{padding:6px 10px;background:#2c2c2c;color:#fff;border:1px solid #444;border-radius:6px;font-size:13px;cursor:pointer}@media(max-width:600px){.cropToolbar{padding:6px 10px}.cropToolbar-inner{gap:6px 8px}.cropBtn{padding:6px 10px;font-size:12px}.cropBtn--primary{padding:6px 14px}.cropSelect{padding:5px 8px;font-size:12px}.cropToolbar-label{font-size:11px}.cropToolbar-angleValue{font-size:11px;width:40px}}.cropLoading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-size:16px}.tags-input{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:36px;padding:5px 8px;background:#1e1e1e;border:1px solid #555;border-radius:4px;cursor:text}.tags-input:focus-within{border-color:var(--accent, #007bff)}.tags-input__tag{display:inline-flex;align-items:center;gap:3px;padding:2px 4px 2px 2px;background:#3a3a3a;border:1px solid #555;border-radius:3px;font-size:.78rem;color:#ddd;-webkit-user-select:none;user-select:none;touch-action:none}.tags-input__tag-drag{width:10px;height:14px;flex-shrink:0;cursor:grab;background-image:radial-gradient(circle,#666 1px,transparent 1px);background-size:4px 4px;background-repeat:repeat;background-position:center;border-radius:2px}.tags-input__tag-drag:active{cursor:grabbing}.tags-input__tag-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tags-input__tag-remove{display:flex;align-items:center;justify-content:center;width:15px;height:15px;padding:0;margin-left:1px;flex-shrink:0;background:transparent;border:none;border-radius:2px;color:#888;font-size:.85rem;line-height:1;cursor:pointer}.tags-input__tag-remove:hover{color:#fff;background:#ffffff26}.tags-input__input{flex:1;min-width:80px;background:transparent;border:none;outline:none;color:#eee;font-size:.8rem;padding:1px 4px}.tags-input__input::placeholder{color:#555}.shortcuts-tab{display:flex;flex-direction:column;gap:18px}.shortcut-group-title{margin:0 0 6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#aaa}.shortcut-list{display:flex;flex-direction:column;gap:2px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-radius:4px;transition:background .12s}.shortcut-row:hover{background:#ffffff0d}.shortcut-action-label{font-size:.82rem;color:#ddd;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shortcut-key-cell{display:flex;align-items:center;gap:4px;flex-shrink:0}.shortcut-key-btn{background:#383838;border:1px solid #555;border-radius:4px;color:#eee;font-size:.78rem;font-family:inherit;padding:3px 10px;min-width:60px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.shortcut-key-btn:hover{background:#444;border-color:#777}.shortcut-key-btn--recording{border-color:#6cf;background:#2a3a4a;color:#6cf;animation:shortcut-pulse 1s ease-in-out infinite}@keyframes shortcut-pulse{0%,to{opacity:1}50%{opacity:.6}}.shortcut-reset-btn{background:none;border:none;color:#888;font-size:.85rem;cursor:pointer;padding:2px 4px;border-radius:3px;line-height:1;transition:color .12s}.shortcut-reset-btn:hover{color:#fff}.shortcut-reset-all-btn{align-self:flex-start;background:none;border:1px solid #555;border-radius:4px;color:#ccc;font-size:.78rem;padding:4px 12px;cursor:pointer;margin-top:4px;transition:border-color .12s,color .12s}.shortcut-reset-all-btn:hover{border-color:#888;color:#fff}.pref-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0000008c;display:flex;justify-content:center;align-items:center}.pref-window{background:#2a2a2a;border:1px solid #444;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 48px #0009}.pref-window--wide{width:620px;max-width:90vw;height:440px;max-height:85vh}.pref-window--narrow{width:100vw;height:100vh;border-radius:0;border:none}.pref-header{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #3a3a3a;flex-shrink:0;gap:8px}.pref-header-title{flex:1;font-size:.85rem;font-weight:600;color:#ddd}.pref-close-btn{background:transparent;border:none;color:#888;font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.pref-close-btn:hover{color:#fff;background:#ffffff1a}.pref-back-btn{background:transparent;border:none;color:#aaa;font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.pref-back-btn:hover{color:#fff;background:#ffffff1a}.pref-body{display:flex;flex:1;overflow:hidden}.pref-sidebar{width:150px;flex-shrink:0;border-right:1px solid #3a3a3a;display:flex;flex-direction:column;padding:8px 0;overflow-y:auto}.pref-sidebar-tab{text-align:left;padding:8px 16px;background:transparent;border:none;color:#aaa;font-size:.8rem;cursor:pointer;transition:background .15s,color .15s}.pref-sidebar-tab:hover{color:#fff;background:#ffffff0f}.pref-sidebar-tab.active{color:#fff;background:#ffffff1a;border-left:2px solid var(--accent, #007bff)}.pref-content,.pref-body-full{flex:1;overflow-y:auto;padding:16px 20px}.pref-mobile-tab-list{flex:1;overflow-y:auto;display:flex;flex-direction:column}.pref-mobile-tab-item{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:transparent;border:none;border-bottom:1px solid #333;color:#ccc;font-size:.9rem;cursor:pointer;text-align:left}.pref-mobile-tab-item:hover{background:#ffffff0d}.pref-mobile-chevron{color:#666;font-size:1.1rem}.pref-footer{display:flex;justify-content:flex-end;gap:10px;padding:10px 16px;border-top:1px solid #3a3a3a;flex-shrink:0}.pref-btn{padding:6px 18px;border-radius:4px;border:1px solid #555;font-size:.8rem;cursor:pointer;transition:background .15s}.pref-btn--cancel{background:#333;color:#ccc}.pref-btn--cancel:hover{background:#444}.pref-btn--save{background:var(--accent, #007bff);color:#fff;border-color:var(--accent, #007bff)}.pref-btn--save:hover{filter:brightness(1.1)}.pref-btn--reset{background:transparent;color:#888;border-color:#444}.pref-btn--reset:hover:not(:disabled){color:#ccc;border-color:#666}.pref-btn--reset:disabled{opacity:.35;cursor:not-allowed}.preference-tab-content{font-size:.85rem;color:#ccc}.ui-settings-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.ui-settings-label{color:#ccc;font-size:.85rem}.ui-settings-select{padding:4px 8px;background:#333;color:#fff;border:1px solid #555;border-radius:4px;font-size:.85rem;cursor:pointer}.ui-settings-select:focus{outline:none;border-color:var(--accent, #007bff)}.ui-settings-checkbox-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;cursor:pointer;font-size:.85rem;color:#ccc}.ui-settings-checkbox-row input[type=checkbox]{transform:scale(1.15);cursor:pointer;flex-shrink:0}.ui-settings-group-names{margin-top:20px;display:flex;flex-direction:column;gap:6px}.ui-settings-row--bottom{margin-top:20px}.color-swatch{position:relative;width:28px;height:18px;border-radius:3px;border:1px solid #666;cursor:pointer;padding:0;flex-shrink:0;overflow:hidden}.color-swatch:hover{border-color:#aaa}.color-swatch__input{position:absolute;width:0;height:0;opacity:0;border:none;padding:0;pointer-events:none}.ui-settings-hint{margin:0;font-size:.75rem;color:#777;line-height:1.4}.export-limit-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.export-limit-label{display:flex;align-items:center;gap:6px;cursor:pointer}.export-limit-checkbox{transform:scale(1.2);cursor:pointer}.export-limit-input{width:64px;padding:3px 6px;border:1px solid #555;border-radius:3px;background:#1e1e1e;color:#fff;font-size:.85rem;text-align:right}.export-limit-input.disabled{color:#555;background:#252525;cursor:not-allowed}.export-limit-input:focus{outline:none;border-color:var(--accent, #007bff)}.export-limit-unit{color:#ccc}.export-limit-unit.disabled{color:#555}.export-format-row{display:flex;align-items:center;gap:8px;margin-top:14px}.export-format-label{color:#ccc;font-size:.85rem;white-space:nowrap}.export-format-select{padding:3px 6px;background:#1e1e1e;color:#fff;border:1px solid #555;border-radius:3px;font-size:.85rem;cursor:pointer}.export-format-select:focus{outline:none;border-color:var(--accent, #007bff)}.export-quality-section{margin-top:12px}.export-quality-section.disabled{opacity:.4;pointer-events:none}.export-quality-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.export-quality-label{color:#ccc;font-size:.85rem}.export-quality-number{width:46px;padding:3px 6px;border:1px solid #555;border-radius:3px;background:#1e1e1e;color:#fff;font-size:.85rem;text-align:right}.export-quality-number:focus{outline:none;border-color:var(--accent, #007bff)}.export-quality-slider{width:100%;accent-color:var(--accent, #007bff);cursor:pointer}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 0;border:1px solid #555;border-radius:4px;background:#333;color:#ddd;font-size:.85rem;cursor:pointer;transition:background .15s}.auth-google-btn:hover{background:#444}.auth-google-icon{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0}.auth-divider-line{flex:1;height:1px;background:#444}.auth-divider-text{font-size:.75rem;color:#666;text-transform:uppercase}.auth-email-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;flex-direction:column;gap:4px}.auth-label{font-size:.75rem;color:#999}.auth-input{padding:8px 10px;border:1px solid #555;border-radius:4px;background:#1e1e1e;color:#fff;font-size:.85rem}.auth-input:focus{outline:none;border-color:var(--accent, #007bff)}.auth-input::placeholder{color:#555}.auth-error{margin:0;font-size:.78rem;color:#f44}.auth-info{font-size:.82rem;color:#aaa;line-height:1.5}.auth-submit-btn{padding:9px 0;border:none;border-radius:4px;background:var(--accent, #007bff);color:#fff;font-size:.85rem;cursor:pointer;transition:filter .15s}.auth-submit-btn:hover:not(:disabled){filter:brightness(1.15)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-submit-btn--danger{background:#c0392b}.auth-link-btn{background:transparent;border:none;color:#888;font-size:.78rem;cursor:pointer;text-align:center;padding:4px 0}.auth-link-btn:hover{color:#ccc;text-decoration:underline}.account-profile{display:flex;align-items:center;gap:12px;margin-bottom:20px}.account-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #444}.account-info{display:flex;flex-direction:column;gap:2px}.account-name{margin:0;font-size:.9rem;color:#eee;font-weight:600}.account-email{margin:0;font-size:.78rem;color:#888}.bc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0000008c;display:flex;justify-content:center;align-items:center}.bc-window{background:#2a2a2a;border:1px solid #444;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 48px #0009}.bc-window--wide{width:520px;max-width:90vw;max-height:85vh}.bc-window--narrow{width:100vw;height:100vh;border-radius:0;border:none}.bc-header{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #3a3a3a;flex-shrink:0;gap:8px}.bc-header-title{flex:1;font-size:.85rem;font-weight:600;color:#ddd}.bc-close-btn{background:transparent;border:none;color:#888;font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.bc-close-btn:hover{color:#fff;background:#ffffff1a}.bc-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.bc-dimensions{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.bc-project-name{display:flex;flex-direction:column;gap:3px}.bc-project-name-input{width:100%;padding:6px 8px;background:#1e1e1e;border:1px solid #444;border-radius:4px;color:#fff;font-size:.85rem;outline:none;box-sizing:border-box}.bc-project-name-input:focus{border-color:var(--accent, #007bff)}.bc-project-name-input::placeholder{color:#555}.bc-dim-field{display:flex;flex-direction:column;gap:3px}.bc-dim-label{font-size:.72rem;color:#888;text-transform:uppercase;letter-spacing:.04em}.bc-dim-input-wrap{display:flex;align-items:center;background:#1e1e1e;border:1px solid #444;border-radius:4px;overflow:hidden}.bc-dim-input{width:80px;padding:6px 8px;background:transparent;border:none;color:#fff;font-size:.85rem;font-variant-numeric:tabular-nums;outline:none;-moz-appearance:textfield}.bc-dim-input::-webkit-inner-spin-button,.bc-dim-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bc-dim-input:focus{box-shadow:inset 0 0 0 1px var(--accent, #007bff)}.bc-dim-unit{padding:0 8px;font-size:.75rem;color:#666;-webkit-user-select:none;user-select:none}.bc-dim-separator{font-size:.9rem;color:#555;padding-bottom:5px;-webkit-user-select:none;user-select:none}.bc-orient-group{display:flex;gap:2px;margin-left:4px;padding-bottom:1px}.bc-orient-btn{background:#333;border:1px solid #444;color:#777;cursor:pointer;padding:5px 8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.bc-orient-btn:hover{background:#3a3a3a;color:#bbb}.bc-orient-btn--active{background:#ffffff1f;color:#fff;border-color:#666}.bc-icon-landscape{display:inline-block;width:14px;height:9px;border:2px solid currentColor;border-radius:1px}.bc-icon-portrait{display:inline-block;width:9px;height:14px;border:2px solid currentColor;border-radius:1px}.bc-tabs{display:flex;gap:0;border-bottom:1px solid #3a3a3a}.bc-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#888;font-size:.78rem;padding:7px 14px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.bc-tab:hover{color:#ccc}.bc-tab--active{color:#fff;border-bottom-color:var(--accent, #007bff)}.bc-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.bc-preset-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#333;border:1px solid #444;border-radius:6px;color:#bbb;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.bc-preset-btn:hover{background:#3c3c3c;border-color:#666;color:#fff}.bc-preset-btn--active{background:#007bff26;border-color:var(--accent, #007bff);color:#fff}.bc-preset-icon{display:flex;align-items:center;justify-content:center;color:inherit;opacity:.7}.bc-preset-btn:hover .bc-preset-icon,.bc-preset-btn--active .bc-preset-icon{opacity:1}.bc-preset-name{font-size:.78rem;font-weight:500;text-align:center;line-height:1.2}.bc-preset-size{font-size:.68rem;color:#777}.bc-preset-btn--active .bc-preset-size{color:#aaa}.bc-footer{display:flex;justify-content:flex-end;gap:10px;padding:10px 16px;border-top:1px solid #3a3a3a;flex-shrink:0}.bc-btn{padding:6px 18px;border-radius:4px;border:1px solid #555;font-size:.8rem;cursor:pointer;transition:background .15s}.bc-btn--cancel{background:#333;color:#ccc}.bc-btn--cancel:hover{background:#444}.bc-btn--create{background:var(--accent, #007bff);color:#fff;border-color:var(--accent, #007bff)}.bc-btn--create:hover{filter:brightness(1.1)}.compact-trash-zone{display:flex;align-items:center;justify-content:center;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s ease;pointer-events:none;z-index:9999}.compact-trash-zone--over{background:#c82828a6}.compact-trash-zone__icon{width:36px;height:36px;flex-shrink:0;opacity:.9;transition:transform .15s ease,opacity .15s ease}.compact-trash-zone--over .compact-trash-zone__icon{transform:scale(1.15);opacity:1}.compact-layer-strip{height:72px;background:#1a1a1a;border-top:1px solid #2a2a2a;flex-shrink:0;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none;position:relative}.compact-layer-strip::-webkit-scrollbar{display:none}.compact-layer-strip__track{display:flex;flex-direction:row;gap:8px;padding:4px 8px;height:100%;align-items:center;position:relative;width:max-content}.compact-layer-strip--empty{display:flex;align-items:center;justify-content:center}.compact-layer-strip__empty-msg{color:#555;font-size:.75rem}.compact-strip-item{position:relative;flex-shrink:0}.compact-strip-item--category-start:before{content:"";position:absolute;left:-5px;top:15%;height:70%;width:1px;background:#555;pointer-events:none}.compact-strip-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:60px;padding:4px 2px;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s ease;box-sizing:border-box}.compact-strip-card:hover{background:#ffffff0f}.compact-strip-card--selected{background:#ffffff1a;outline:1px solid var(--accent, #007bff);outline-offset:-1px}.compact-strip-card--disabled{opacity:.4}.compact-strip-card__icon{width:32px;height:32px;border-radius:4px;overflow:hidden;flex-shrink:0}.compact-strip-card__icon-img{width:100%;height:100%;object-fit:cover;display:block}.compact-strip-card__icon-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#333 25%,#252525 25%,#252525 50%,#333 50%,#333 75%,#252525 75%);background-size:10px 10px}.compact-strip-card__label{font-size:.6rem;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58px;text-align:center;line-height:1.2}.compact-drop-indicator{position:absolute;top:4px;bottom:4px;width:2px;border-radius:2px;background:#ffffffd9;pointer-events:none;z-index:10}.compact-drop-indicator--inactive{background:#ffffff40}.compact-drop-indicator--library{background:var(--accent, #007bff);opacity:.9}.compact-effect-group-bar{height:28px;background:#111;border-top:1px solid #2a2a2a;display:flex;align-items:center;justify-content:space-between;padding:0 4px;flex-shrink:0;width:100%;box-sizing:border-box}.compact-effect-group-bar__arrow{width:28px;height:28px;background:none;border:none;color:#aaa;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;-webkit-tap-highlight-color:transparent}.compact-effect-group-bar__arrow:disabled{opacity:.3}.compact-effect-group-bar__label{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.05em;flex:1;text-align:center}.compact-lib-strip{height:72px;background:#111;border-bottom:1px solid #2a2a2a;flex-shrink:0;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none;position:relative}.compact-lib-strip::-webkit-scrollbar{display:none}.compact-lib-track{display:flex;flex-direction:row;gap:8px;padding:4px 8px;height:100%;align-items:center;position:relative;width:max-content}.compact-lib-strip--empty{display:flex;align-items:center;justify-content:center}.compact-lib-item{position:relative;flex-shrink:0}.compact-lib-item--category-start:before{content:"";position:absolute;left:-5px;top:15%;height:70%;width:1px;background:#3a3a3a;pointer-events:none}.compact-layout{display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden;flex-shrink:0}.editor-tabs{display:flex;align-items:flex-end;flex:0 0 auto;padding:4px 8px 0;background:#151515;border-bottom:1px solid #353535;overflow-x:auto;overflow-y:visible;gap:6px;box-sizing:border-box;min-height:36px;scrollbar-width:none}.editor-tabs::-webkit-scrollbar{display:none}.tab-bar-left-actions{display:flex;align-items:center;gap:4px;padding:0 4px 4px;flex-shrink:0}.tab-bar-left-actions__btn{background:transparent;border:none;color:#888;padding:4px 6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s}.tab-bar-left-actions__btn:hover{background:#2a2a2a;color:#ddd}.tab-bar-left-actions__btn:active{background:#333;color:#fff}.tab-group{display:flex;align-items:flex-end;flex:0 0 auto;border:1px solid #484848;border-bottom:none;border-radius:7px 7px 0 0;padding:4px 4px 0;background:#1c1c1c}.tab-subgroup{display:flex;align-items:flex-end;flex:0 0 auto;border:1px solid #2a2a2a;border-bottom:none;border-radius:5px 5px 0 0;padding:3px 3px 0;background:#191919;margin:0 2px}.tab-subgroup[data-depth="1"]{border-color:#484848;background:#232323}.tab-subgroup[data-depth="2"]{border-color:#404040;background:#1f1f1f}.tab-subgroup[data-depth="3"]{border-color:#383838;background:#1c1c1c}.tab-subgroup[data-depth="4"]{border-color:#303030;background:#1a1a1a}.tab-subgroup[data-depth="5"]{border-color:#292929;background:#181818}.editor-tab{display:flex;align-items:center;gap:6px;background:#262626;color:#999;font-size:12px;padding:5px 10px;border-radius:4px 4px 0 0;cursor:pointer;white-space:nowrap;height:26px;box-sizing:border-box;border:none;outline:none;flex:0 0 auto;-webkit-user-select:none;user-select:none;transition:background .1s,color .1s}.editor-tab:hover{background:#2d2d2d;color:#ddd}.editor-tab--active{background:#323232;color:#fff}.editor-tab--orphaned{color:#ffc5c5;background:#2a1515}.editor-tab--orphaned.editor-tab--active{background:#3a1c1c;color:#ffe0e0}.editor-tab__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.editor-tab__close{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:14px;height:14px;background:none;border:none;border-radius:3px;color:#555;font-size:14px;line-height:1;padding:0;cursor:pointer;transition:color .1s,background .1s}.editor-tab__close:hover{color:#ffb3b3;background:#ff64641a}.tab-divider{display:block;flex:0 0 auto;width:1px;height:12px;align-self:center;background:#ffffff12;border-radius:1px}.tab-bar-actions{margin-left:auto;display:flex;align-items:center;gap:4px;padding:0 4px 4px;flex-shrink:0}.tab-bar-actions__btn{background:transparent;border:none;color:#888;font-size:12px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap;transition:background .1s,color .1s}.tab-bar-actions__btn:hover{background:#2a2a2a;color:#ddd}.tab-bar-actions__btn:active{background:#333;color:#fff}.tab-bar-actions__btn--icon{padding:4px 6px;display:flex;align-items:center;justify-content:center}.tab-bar-actions__btn--snap-on{color:#888}.tab-bar-actions__btn--snap-on:hover{color:#ddd}.tab-bar-actions__btn--snap-off{color:#555}.tab-bar-actions__btn--snap-off:hover{color:#888}.tab-bar-actions__btn--saving{color:#555;cursor:default;pointer-events:none}.tab-bar-actions__btn--saving:hover{background:transparent;color:#555}.tab-bar-actions__btn--saved{color:#4caf50}.tab-bar-actions__btn--saved:hover{color:#66cc6a}.effect-group-bar-wrap{display:flex;justify-content:center;margin-bottom:4px}.effect-group-bar-track{position:relative}.effect-group-bar{display:flex;gap:8px}.effect-group-bar-item{text-align:center;font-size:.75rem;color:#b8b8b8;border-top:1px solid #343434;background:#1c1c1c;padding-top:4px;padding-bottom:4px;text-transform:capitalize;box-sizing:border-box;position:relative}.effect-group-bar-item--renaming{z-index:4}.effect-group-bar-item__rename-input{position:absolute;top:0;right:0;bottom:0;left:0;background:#2c2c2c;border:1px solid #666;border-radius:2px;color:#fff;font-size:.75rem;text-align:center;padding:0 4px;outline:none;box-sizing:border-box;width:100%;height:100%;cursor:text}.effect-group-bar-item__rename-input:focus{border-color:#999}.effect-group-preview-hit-area--renaming button{pointer-events:none}.effect-group-preview-overlay{position:absolute;top:0;left:0;height:100%;width:100%;overflow:visible;pointer-events:none;z-index:2}.effect-group-preview-overlay__segment{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(to right,#fff0,#ffffff40)}.effect-group-preview-overlay__gap{position:absolute;top:0;bottom:0;background:linear-gradient(to right,#ffffff40,#fff0)}.effect-group-preview-overlay__edge{position:absolute;top:0;bottom:0}.effect-group-preview-overlay__edge--left{left:-8px;background:linear-gradient(to right,#fff0,#ffffff40)}.effect-group-preview-overlay__edge--right{background:linear-gradient(to right,#ffffff40,#fff0)}.effect-group-preview-hit-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.effect-group-preview-hit-area__origin,.effect-group-preview-hit-area__segment,.effect-group-preview-hit-area__gap,.effect-group-preview-hit-area__edge{position:absolute;top:0;bottom:0;border:none;background:transparent;padding:0;margin:0;cursor:pointer;transition:background-color .15s ease}.effect-group-preview-hit-area__edge{width:8px}.effect-group-preview-hit-area__edge--left{left:-8px}.effect-group-preview-hit-area__edge--right{right:-8px}.effect-group-preview-hit-area__segment:hover,.effect-group-preview-hit-area__gap:hover,.effect-group-preview-hit-area__edge:hover{background:#ffffff1f}.effect-group-preview-hit-area__segment:focus,.effect-group-preview-hit-area__segment:focus-visible,.effect-group-preview-hit-area__gap:focus,.effect-group-preview-hit-area__gap:focus-visible,.effect-group-preview-hit-area__edge:focus,.effect-group-preview-hit-area__edge:focus-visible{outline:none}.mask-range-bars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.mask-range-bar{position:absolute;top:0;max-height:100%;border-radius:0 0 2px 2px;background:#5a8cff61;transition:width .15s ease,height .15s ease}.preset-back-btn{background:none;border:none;color:#999;font-size:14px;cursor:pointer;padding:0 4px;line-height:1}.preset-back-btn:hover{color:#fff}.preset-folder-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:28px;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.7}.preset-card{cursor:pointer}.preset-card:hover{outline:1px solid rgba(255,255,255,.25)}.preset-thumb-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;pointer-events:none}.preset-card .inline-rename-input{width:100%;background:#1a1a1a;border:1px solid #555;border-radius:3px;color:#eee;font-size:10px;padding:1px 3px;text-align:center;outline:none}.preset-card .inline-rename-input:focus{border-color:#888}.preset-card.preset-drop-over{outline:2px solid rgba(255,255,255,.7)!important;background:#ffffff14}.preset-back-btn.preset-drop-over{outline:1px solid rgba(255,255,255,.7);border-radius:3px;color:#fff}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:#00000059;pointer-events:auto;animation:overlay-fade-in .15s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.loading-overlay__label{font-size:.82rem;color:#ffffffb3;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9500;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:#222222eb;color:#ddd;font-size:.78rem;letter-spacing:.3px;padding:8px 20px;border-radius:6px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 14px #0006;pointer-events:auto;animation:toast-enter .35s ease-out}.toast--exit{animation:toast-exit .4s ease-in forwards}@keyframes toast-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.project-grid{width:100%;padding:0 24px;box-sizing:border-box}@media(max-width:520px){.project-grid{padding:0}}.project-grid--loading{text-align:center}.project-grid__loading-text{color:#888;font-size:13px}.project-grid__title{font-size:13px;font-weight:500;color:#aaa;text-transform:uppercase;letter-spacing:.05em;margin:0}.project-grid__title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.project-grid__title-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.project-grid__legal-link{color:#777;font-size:.65rem;font-family:inherit;text-decoration:none;white-space:nowrap;padding:3px 6px;border-radius:4px;transition:color .15s}.project-grid__legal-link:hover{color:#aaa;text-decoration:underline}.project-grid__upgrade-btn{background:transparent;border:1px solid #555;color:#999;font-size:.68rem;font-family:inherit;border-radius:4px;padding:3px 10px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.project-grid__upgrade-btn:hover{background:#5b9cf51f;color:#5b9cf5;border-color:#5b9cf5}.project-grid__list{position:relative;width:100%}.project-grid__card{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:4px 6px 6px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff08;cursor:pointer;transition:background .15s,border-color .15s;text-align:center;box-sizing:border-box;font:inherit;color:inherit}.project-grid__card:hover{background:#ffffff12;border-color:#ffffff2e}.project-grid__action-bar{display:flex;justify-content:space-between;align-items:center;height:20px;padding:0}.project-grid__delete-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:3px;color:#888;cursor:pointer;transition:color .15s ease,background .15s ease}.project-grid__delete-btn:hover{color:#ff6b6b;background:#ff6b6b26}.project-grid__location-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#666;pointer-events:none}.project-grid__thumb{width:100%;border-radius:4px;overflow:hidden;background:#0000004d;display:flex;align-items:center;justify-content:center}.project-grid__thumb-img{width:100%;display:block}.project-grid__thumb-placeholder{width:100%;background:#ffffff0a}.project-grid__name{font-size:12px;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.project-grid__sign-in{background:none;border:none;padding:0;font:inherit;font-size:13px;color:#888;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.project-grid__sign-in:hover{color:#bbb}.project-grid__empty{font-size:13px;color:#666;margin:0;padding:8px 0 4px}.stripe-checkout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#0009;display:flex;justify-content:center;align-items:center}.stripe-checkout-window{background:#2a2a2a;border:1px solid #444;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 48px #0009}.stripe-checkout-window--wide{width:600px;max-width:92vw;height:600px;max-height:85vh}.stripe-checkout-window--narrow{width:100vw;height:100vh;border-radius:0;border:none}.stripe-checkout-header{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #3a3a3a;flex-shrink:0;gap:8px}.stripe-checkout-header-title{flex:1;font-size:.85rem;font-weight:600;color:#ddd}.stripe-checkout-back{background:transparent;border:none;color:#888;font-size:.78rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1;font-family:inherit}.stripe-checkout-back:hover{color:#fff;background:#ffffff1a}.stripe-checkout-body{flex:1;overflow-y:auto;background:#1a1a1a;border-radius:0 0 8px 8px}.stripe-checkout-body iframe{filter:invert(.92) hue-rotate(180deg)}.stripe-checkout-window--narrow .stripe-checkout-body{border-radius:0}.stripe-checkout-error{color:#f88;font-size:.8rem;text-align:center;padding:32px 20px;margin:0}.stripe-checkout-close{display:block;margin:0 auto 20px;padding:8px 24px;background:#444;color:#ccc;border:1px solid #555;border-radius:5px;cursor:pointer;font-family:inherit;font-size:.78rem}.stripe-checkout-close:hover{background:#555}.plan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0000008c;display:flex;justify-content:center;align-items:center}.plan-window{background:#2a2a2a;border:1px solid #444;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 48px #0009}.plan-window--wide{width:680px;max-width:92vw;max-height:85vh;overflow-y:auto}.plan-window--narrow{width:100vw;height:100vh;border-radius:0;border:none;overflow-y:auto}.plan-header{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #3a3a3a;flex-shrink:0;gap:8px}.plan-header-title{flex:1;font-size:.85rem;font-weight:600;color:#ddd}.plan-close-btn{background:transparent;border:none;color:#888;font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.plan-close-btn:hover{color:#fff;background:#ffffff1a}.plan-usage{padding:16px 20px 10px}.plan-usage__label{display:flex;justify-content:space-between;font-size:.72rem;color:#999;margin-bottom:6px}.plan-usage__bar{width:100%;height:6px;background:#3a3a3a;border-radius:3px;overflow:hidden}.plan-usage__fill{height:100%;background:#5b9cf5;border-radius:3px;transition:width .3s ease;min-width:2px}.plan-cards{display:flex;gap:14px;padding:16px 20px 20px;justify-content:center;flex-wrap:wrap}.plan-card{flex:1 1 180px;max-width:200px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 14px;border:1px solid #444;border-radius:8px;background:#2f2f2f;position:relative;transition:border-color .15s}.plan-card--current{border-color:#5b9cf5}.plan-card--featured{border-color:#e8a838}.plan-card--featured .plan-card__name{color:#e8a838}.plan-card__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#e8a838;color:#1a1a1a;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 10px;border-radius:8px;white-space:nowrap}.plan-card__name{font-size:.82rem;font-weight:600;color:#ddd;margin:0}.plan-card__price{display:flex;align-items:baseline;gap:3px}.plan-card__amount{font-size:1.4rem;font-weight:700;color:#fff}.plan-card__period{font-size:.68rem;color:#888}.plan-card__features{list-style:none;padding:0;margin:0;text-align:center;font-size:.7rem;color:#aaa;line-height:1.6}.plan-card__features li:before{content:"✓ ";color:#6dc76d}.plan-card__btn{width:100%;padding:7px 0;border:1px solid #555;border-radius:5px;font-size:.72rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-family:inherit;margin-top:auto}.plan-card__btn--current{background:transparent;color:#5b9cf5;border-color:#5b9cf5;cursor:default}.plan-card__btn--upgrade{background:#5b9cf5;color:#fff;border-color:#5b9cf5}.plan-card__btn--upgrade:hover:not(:disabled){background:#4a8de5}.plan-card__btn--upgrade:disabled{opacity:.5;cursor:default}.plan-card__btn--downgrade{background:transparent;color:#aaa;border-color:#555}.plan-card__btn--downgrade:hover:not(:disabled){background:#ffffff0f;color:#ccc}.plan-manage{text-align:center;padding:0 20px 16px}.plan-manage__link{background:none;border:none;color:#888;font-size:.72rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-family:inherit;transition:color .15s}.plan-manage__link:hover{color:#bbb}.plan-error{color:#f88;font-size:.72rem;text-align:center;padding:0 20px 12px;margin:0}.plan-policy{padding:12px 20px 16px;border-top:1px solid #3a3a3a;margin-top:4px}.plan-policy__title{font-size:.68rem;font-weight:600;color:#999;margin:0 0 6px;text-transform:uppercase;letter-spacing:.04em}.plan-policy__list{margin:0;padding:0 0 0 16px;list-style:disc}.plan-policy__list li{font-size:.66rem;color:#888;line-height:1.5;margin-bottom:2px}.plan-legal{padding:0 20px 14px;text-align:left}.plan-legal__link{font-size:.66rem;color:#777;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.plan-legal__link:hover{color:#aaa}@media(max-width:520px){.plan-cards{flex-direction:column;align-items:center}.plan-card{max-width:100%;width:100%}}:root{--bg-dark: #1a1a1a;--bg-panel: #2a2a2a;--text-main: #ffffff;--accent: #007bff;--library-card-width: 90px;--library-card-gap: 8px;--library-cols: 3;--library-content-width: calc(var(--library-cols) * var(--library-card-width) + (var(--library-cols) - 1) * var(--library-card-gap));--library-panel-width: calc(var(--library-content-width) + 2rem)}body,html,#root{margin:0;padding:0;height:100%;width:100%;color:var(--text-main);background-color:var(--bg-dark);font-family:sans-serif;font-size:13px;overflow:hidden}.app-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.editor-shell{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;min-width:0;overflow:hidden}.import-screen{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;text-align:center;overflow-y:auto;padding-bottom:80px;box-sizing:border-box}.import-screen__hero-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;min-height:80vh;flex-shrink:0}@media(max-width:520px){.import-screen__hero-wrap{min-height:78vh}}.import-screen__top-bar{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:8px;z-index:10}.import-screen__prefs-btn{background:#1e1e1ed9;border:1px solid #484848;color:#bbb;font-size:.72rem;font-family:inherit;border-radius:4px;padding:4px 8px;cursor:pointer;outline:none;transition:border-color .15s,color .15s}.import-screen__prefs-btn:hover{border-color:#666;color:#ddd}.lang-select--overlay{background:#1e1e1ed9;border:1px solid #484848;color:#bbb;font-size:.72rem;border-radius:4px;padding:4px 6px;cursor:pointer;outline:none}.lang-select--overlay:hover{border-color:#666;color:#ddd}.lang-select--overlay:focus{border-color:#888}.import-screen__header-logo{width:min(300px,46vw);max-height:14vh;object-fit:contain;transform:translateY(-6vh);pointer-events:none;-webkit-user-select:none;user-select:none}.import-screen--drag-active{background:#ffffff0a}.btn-import{padding:clamp(.55rem,.9vw,.8rem) clamp(1rem,1.6vw,1.35rem);font-size:clamp(.85rem,1.2vw,1rem);cursor:pointer;background:#5a5a5a;color:#fff;border:1px solid #707070;border-radius:4px;transition:background-color .15s ease,border-color .15s ease}.btn-import:hover{background:#666;border-color:gray}.btn-import--ghost{background:transparent;border-color:#555;color:#aaa;font-size:clamp(.75rem,1.05vw,.88rem)}.btn-import--ghost:hover{background:#ffffff0f;border-color:#777;color:#ccc}.import-screen__or{font-size:.78rem;color:#555;line-height:1;margin:-4px 0}.import-screen__hero-actions{display:flex;align-items:stretch;justify-content:center;gap:12px}.btn-import--hero{min-width:min(268px,34vw);min-height:68px;border-radius:8px;font-size:clamp(.86rem,1.05vw,.98rem);font-weight:600}.btn-import--hero-primary{background:#1567ff;border-color:#2d74ff;color:#fff}.btn-import--hero-primary:hover{background:#2b77ff;border-color:#4f8fff}.btn-import--hero-secondary{background:#4f4f4f;border-color:#666;color:#f1f1f1}.btn-import--hero-secondary:hover{background:#5a5a5a;border-color:#757575}@media(max-width:760px){.import-screen__hero-actions{flex-direction:column;gap:10px}.btn-import--hero{min-width:min(320px,84vw);min-height:62px}}.editor-container{display:grid;width:100%;height:auto;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;position:relative;grid-template-columns:36px var(--library-panel-width) 1fr 300px;grid-template-rows:1fr 200px}.sidebar-categories{grid-row:1 / 2;width:36px;background:#111;display:flex;flex-direction:column}.sidebar-categories button{padding:.7rem 2px;background:transparent;color:#888;border:none;border-radius:0;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;transition:color .15s ease,background-color .15s ease}.sidebar-categories button:hover:not(.active){color:#b8b8b8;background:#ffffff0f}.sidebar-categories button.active{color:#fff;background:var(--bg-panel)}.sidebar-library{grid-row:1 / 2;background:var(--bg-panel);border-right:1px solid #444;padding:1rem;box-sizing:border-box;width:var(--library-panel-width);overflow-y:auto;overflow-x:hidden;touch-action:pan-y}.library-grid{display:grid;grid-template-columns:repeat(var(--library-cols),var(--library-card-width));gap:var(--library-card-gap);width:var(--library-content-width);padding-top:4px}.panel-header{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;margin:-1rem -1rem .75rem;padding:0 12px;border-bottom:1px solid #333;min-height:32px;height:32px}.panel-header-title{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.5px;line-height:32px}.library-collapse-btn{background:transparent;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:0 8px;line-height:1;border-radius:4px;height:100%;display:flex;align-items:center;justify-content:center}.library-collapse-btn:hover{color:#fff;background:#ffffff1a}.plugin-item{padding:8px;background:#333;margin-bottom:8px;cursor:pointer;border-radius:4px}.plugin-item:hover{background:#444}.main-area{grid-column:3;grid-row:1;background:#000;overflow:hidden;display:flex;flex-direction:column}.main-area.library-collapsed{grid-column:2 / 4}.preview-area{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:20px;background-color:#0a0a0a;background-image:linear-gradient(45deg,#222 25%,transparent 25%),linear-gradient(-45deg,#222 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#222 75%),linear-gradient(-45deg,transparent 75%,#222 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;position:relative}.preview-area--light{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-color:#fff}.preview-area canvas{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 0 20px #00000080}.layer-panel{grid-column:1 / -1;grid-row:2;background:#222;border-top:1px solid #444;padding:.5rem;overflow-x:hidden;touch-action:pan-x;display:flex;flex-direction:column;align-items:center;transition:background-color .12s ease,box-shadow .12s ease}.layer-panel--preset-drop-active{background:#2a2a2a;box-shadow:inset 0 0 0 9999px #ffffff14}.layer-list-horizontal{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.sidebar-controls{grid-column:4;grid-row:1 / 2;background:var(--bg-panel);border-left:1px solid #444;display:flex;flex-direction:column;overflow:hidden}.sidebar-controls-scroll{flex:1;overflow-y:auto;padding:1rem}.sidebar-controls h4{margin:0 0 .75rem;font-size:1rem;font-weight:600}.toolbar-top-left,.toolbar-top-right,.toolbar-bottom-left,.toolbar-bottom-right{position:absolute;display:flex;gap:10px;z-index:10}.toolbar-top-left{top:10px;left:10px}.toolbar-top-right{top:10px;right:10px}.toolbar-bottom-left{bottom:10px;left:10px}.toolbar-bottom-right{bottom:10px;right:10px}.preview-area button{background:transparent;color:#ffffffe6;border:1px solid transparent;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.75);transition:color .15s ease,text-shadow .15s ease,opacity .15s ease,filter .15s ease}.preview-area .toolbar-icon-btn{padding:8px;display:flex;align-items:center;justify-content:center;text-shadow:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.75))}.preview-area button:hover:not(:disabled){color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85)}.preview-area .toolbar-icon-btn:hover:not(:disabled){text-shadow:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85))}.preview-area button:disabled{opacity:.45;cursor:not-allowed}.toolbar-icon-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:toolbar-spin .7s linear infinite}@keyframes toolbar-spin{to{transform:rotate(360deg)}}.toolbar-icon-btn--active{color:#78c8ff!important}.preview-grid{margin-bottom:1rem}.preview-grid-header{margin-bottom:.5rem;font-size:.95rem;color:#ccc}.preview-grid-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview-card{display:flex;flex-direction:column;min-width:0;border:1px solid #333;background:#1f1f1f;border-radius:6px;padding:0;color:var(--text-main);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .1s ease}.preview-card:hover{border-color:#555;transform:translateY(-1px)}.preview-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.preview-card-thumb{width:100%}.preview-card-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:0}.preview-card-placeholder{width:100%;aspect-ratio:1 / 1;background:linear-gradient(135deg,#2c2c2c 25%,#1b1b1b 25%,#1b1b1b 50%,#2c2c2c 50%,#2c2c2c 75%,#1b1b1b 75%,#1b1b1b);background-size:16px 16px;border:1px dashed #444;border-radius:0}.preview-card-label{padding:6px 8px;margin:0}.preview-card-title{font-size:.75rem;margin:0 0 2px}.preview-card-description{font-size:.65rem;color:#aaa}.editor-container--compact{grid-template-columns:1fr 300px;grid-template-rows:1fr auto}.editor-container--compact .sidebar-categories,.editor-container--compact .sidebar-library{display:none!important}.editor-container--compact .main-area{grid-column:1;grid-row:1}.editor-container--compact .main-area.library-collapsed{grid-column:1}.editor-container--compact .sidebar-controls{grid-column:2;grid-row:1 / -1;display:flex;flex-direction:column;overflow:hidden}.editor-container--compact .compact-layout{grid-column:1;grid-row:2}.compact-presets-inline{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.compact-presets-inline .sidebar-library{position:static;width:100%;flex:1;min-height:0;border-right:none;box-shadow:none;display:flex!important;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:8px}.compact-presets-inline .library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))!important;align-content:start;width:100%!important;gap:6px;padding:0}.compact-presets-inline .library-collapse-btn{display:none}.compact-controls-header-actions{display:flex;align-items:center;gap:6px}.compact-presets-btn{background:transparent;border:1px solid #555;color:#aaa;font-size:.65rem;padding:2px 8px;border-radius:3px;cursor:pointer;transition:background .12s,color .12s}.compact-presets-btn:hover{background:#ffffff14;color:#fff}.compact-disable-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:#888;cursor:pointer;border-radius:3px;transition:color .12s,background .12s;line-height:0}.compact-disable-btn:hover{color:#fff;background:#ffffff1a}@media(max-aspect-ratio:1/1){.editor-container{grid-template-columns:36px 1fr;grid-template-rows:1fr 1fr 200px}.sidebar-categories{grid-column:1;grid-row:1 / 2}.sidebar-library{position:relative;grid-column:2;grid-row:1;width:var(--library-panel-width);z-index:100;box-shadow:4px 0 20px #00000080;border-right:1px solid #444}.main-area{grid-column:2;grid-row:1 / 2}.main-area.library-collapsed{grid-column:2}.preview-area{padding:0}.preview-area canvas{box-shadow:none}.sidebar-controls{grid-column:1 / -1;grid-row:2 / 3;border-left:none;border-top:1px solid #444;overflow:hidden}.layer-panel{grid-column:1 / -1;grid-row:3 / 4}.editor-container--compact{grid-template-columns:1fr;grid-template-rows:1fr auto auto}.editor-container--compact .main-area{grid-column:1;grid-row:1}.editor-container--compact .sidebar-controls{grid-column:1;grid-row:2;border-left:none;border-top:1px solid #444;max-height:40vh;overflow:hidden}.editor-container--compact .compact-layout{grid-column:1;grid-row:3}}@media(max-width:500px){:root{--library-cols: 2}}@media(max-width:360px){:root{--library-cols: 1}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:20px}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#555}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #333;margin-top:-4px;box-shadow:0 1px 3px #0000004d}input[type=range]::-webkit-slider-thumb:hover{background:#eee}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#555}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #333;box-shadow:0 1px 3px #0000004d}input[type=range]::-moz-range-thumb:hover{background:#eee}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 2px #007bff66}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 2px #007bff66}.is-scrolling input[type=range]{pointer-events:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#444}*{scrollbar-width:thin;scrollbar-color:#333 transparent}