: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--mask{background:linear-gradient(180deg,#5082ff2e,#5082ff14);border-color:#5a96ff66}.effect-card--mask.effect-card--selected{box-shadow:0 0 0 1px #78aaffe6}.effect-card--mask-cutout{background:linear-gradient(180deg,#a050ff2e,#a050ff14);border-color:#b464ff66}.effect-card--mask-cutout.effect-card--selected{box-shadow:0 0 0 1px #c88cffe6}.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:transparent;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}.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)}.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}.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}.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}.compact-nav-bar{display:flex;align-items:stretch;justify-content:space-around;background:#161616;border-top:1px solid #333;height:48px;flex-shrink:0;width:100%;z-index:50}.compact-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;background:transparent;border:none;color:#888;font-size:.68rem;cursor:pointer;transition:color .15s ease,background .15s ease;position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.compact-nav-btn:hover{color:#bbb;background:#ffffff0a}.compact-nav-btn--active{color:#fff;background:#ffffff14}.compact-nav-btn--active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--accent, #007bff);border-radius:2px 2px 0 0}.compact-nav-btn__label{line-height:1;white-space:nowrap}.compact-nav-btn__badge{position:absolute;top:6px;right:calc(50% - 16px);width:6px;height:6px;border-radius:50%;background:var(--accent, #007bff)}.compact-strip{display:flex;align-items:center;background:#1a1a1a;border-top:1px solid #2a2a2a;height:72px;flex-shrink:0;width:100%;overflow:hidden}.compact-strip--empty{justify-content:center}.compact-strip__empty-msg{color:#555;font-size:.75rem}.compact-strip__scroll{display:flex;gap:2px;overflow-x:auto;overflow-y:hidden;padding:0 8px;height:100%;align-items:center;scrollbar-width:none;-ms-overflow-style:none}.compact-strip__scroll::-webkit-scrollbar{display:none}.compact-strip__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:56px;max-width:64px;padding:4px 6px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .12s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.compact-strip__item:hover{background:#ffffff0f}.compact-strip__item--selected{background:#ffffff1a;outline:1px solid var(--accent, #007bff);outline-offset:-1px}.compact-strip__item--disabled{opacity:.4}.compact-strip__icon{width:32px;height:32px;border-radius:4px;overflow:hidden;flex-shrink:0}.compact-strip__icon-img{width:100%;height:100%;object-fit:cover;display:block}.compact-strip__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__label{font-size:.6rem;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;text-align:center;line-height:1.2}.compact-strip__label--modified{font-weight:700;color:#eee}.compact-layout{display:flex;flex-direction:column;width:100%;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-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}.category-labels-wrap{display:flex;justify-content:center;margin-bottom:4px}.category-labels-track{position:relative}.category-labels-bar{display:flex;gap:8px}.category-labels-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}.category-preview-overlay{position:absolute;top:0;left:0;height:100%;width:100%;overflow:visible;pointer-events:none;z-index:2}.category-preview-overlay__segment{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(to right,#fff0,#ffffff40)}.category-preview-overlay__gap{position:absolute;top:0;bottom:0;background:linear-gradient(to right,#ffffff40,#fff0)}.category-preview-overlay__edge{position:absolute;top:0;bottom:0}.category-preview-overlay__edge--left{left:-8px;background:linear-gradient(to right,#fff0,#ffffff40)}.category-preview-overlay__edge--right{background:linear-gradient(to right,#ffffff40,#fff0)}.category-preview-hit-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.category-preview-hit-area__origin,.category-preview-hit-area__segment,.category-preview-hit-area__gap,.category-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}.category-preview-hit-area__edge{width:8px}.category-preview-hit-area__edge--left{left:-8px}.category-preview-hit-area__edge--right{right:-8px}.category-preview-hit-area__segment:hover,.category-preview-hit-area__gap:hover,.category-preview-hit-area__edge:hover{background:#ffffff1f}.category-preview-hit-area__segment:focus,.category-preview-hit-area__segment:focus-visible,.category-preview-hit-area__gap:focus,.category-preview-hit-area__gap:focus-visible,.category-preview-hit-area__edge:focus,.category-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)}}.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-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)}: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:center;gap:14px;text-align:center}.import-screen__lang-selector{position:absolute;top:1rem;right:1rem}.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;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-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 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 .5rem;font-size:.85rem}.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}.preview-area button:hover:not(:disabled){color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85)}.preview-area button:disabled{opacity:.45;cursor:not-allowed}.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}