.shortcut-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.shortcut-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3}.shortcut-modal-content{position:relative;background:#1e1e1e;border-radius:var(--fjm-border-radius);max-width:720px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0009}.shortcut-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333}.shortcut-modal-header h2{margin:0;font-size:14px;color:#fff;font-weight:500}.shortcut-modal-close{background:none;border:none;font-size:18px;color:#a0a0a0;cursor:pointer;padding:2px 6px;line-height:1;border-radius:var(--fjm-button-border-radius);transition:all .2s}.shortcut-modal-close:hover{color:#fff;background:#333}.shortcut-modal-body{padding:12px 16px;overflow-y:auto}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shortcut-column{display:flex;flex-direction:column;gap:12px}.sc-category-title{font-size:10px;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.sc-category-items{display:flex;flex-direction:column;gap:2px}.sc-item{display:flex;align-items:center;gap:8px;padding:3px 0}.sc-item:hover{background:#2a2a2a;margin:0 -4px;padding:3px 4px;border-radius:var(--fjm-button-border-radius)}.sc-key{font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;color:#4fc3f7;white-space:nowrap;min-width:100px;background:#4fc3f714;border-radius:var(--fjm-button-border-radius);padding:2px 6px;text-align:center}.sc-func{color:#ccc;font-size:11px}:root{--status-processing: #f2b84b;--status-current: #4b9dff;--status-success: #52b788;--status-error: #ff6868;--status-disabled: #8a8f98}.resizable-container{position:relative}.canvas-context-bar{display:flex;align-items:center;min-inline-size:0;margin-inline-start:8px;gap:8px}.canvas-breadcrumb{max-inline-size:min(32vw,360px);overflow:hidden;color:var(--color-text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.canvas-context-actions{display:flex;align-items:center;gap:3px}.canvas-context-actions button,.history-panel-toggle{display:inline-flex;align-items:center;justify-content:center;min-block-size:28px;gap:4px;border:1px solid var(--layer-btn-border);border-radius:6px;background:var(--layer-btn-bg);color:var(--color-text-secondary);font-size:10px}.canvas-context-actions button .material-icons,.history-panel-toggle .material-icons{font-size:15px}.canvas-context-actions button.is-danger{color:var(--status-error)}.canvas-empty-state{position:absolute;inset:50% auto auto 50%;z-index:4;display:grid;justify-items:center;gap:14px;inline-size:min(90%,560px);padding:22px;border:1px dashed color-mix(in srgb,var(--status-current) 48%,transparent);border-radius:14px;background:color-mix(in srgb,var(--background-color-A) 88%,transparent);color:var(--color-text-primary);transform:translate(-50%,-50%);pointer-events:none}.canvas-empty-state[hidden]{display:none}.canvas-empty-state strong{font-size:15px}.canvas-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.canvas-empty-actions button{display:inline-flex;align-items:center;gap:6px;min-block-size:40px;padding:8px 12px;border:1px solid var(--layer-btn-border);border-radius:8px;background:var(--layer-btn-bg);color:var(--color-text-primary);pointer-events:auto}.btm-page-name{position:absolute;inset:auto 7px 6px;z-index:2;overflow:hidden;padding:2px 5px;border-radius:4px;background:#000000ad;color:#fff;font-size:9px;text-overflow:ellipsis}.btm-page-unsaved{position:absolute;inset:9px auto auto 34px;z-index:4;display:none;inline-size:8px;block-size:8px;border:1px solid rgba(0,0,0,.5);border-radius:50%;background:var(--status-processing)}.btm-page-unsaved-state .btm-page-unsaved{display:block}.btm-image.btm-active{border-color:var(--status-current)}.btm-page-error .btm-image{border-color:var(--status-error)}.btm-page-generation-status{border-color:var(--status-processing);color:var(--status-processing)}.btm-image-wrapper[data-generation-state=applying] .btm-page-generation-status{border-color:var(--status-current);color:#a8d1ff}.llamagen-navbar-save-status.is-saving{color:var(--status-processing)}.llamagen-navbar-save-status.is-saved{color:var(--status-success)}.llamagen-navbar-save-status.is-failed{color:var(--status-error)}.ai-panel-loading-indicator{border-color:var(--status-processing)}.ai-panel-loading-applying{border-color:var(--status-current)}.btm-image-wrapper{content-visibility:auto;contain-intrinsic-size:110px 180px}.btm-image-wrapper.is-page-dragging{opacity:.45}.btm-image-wrapper.page-drop-before:before,.btm-image-wrapper.page-drop-after:after{position:absolute;inset-block:4px;z-index:8;inline-size:3px;border-radius:2px;background:var(--status-current);content:""}.btm-image-wrapper.page-drop-before:before{inset-inline-start:-6px}.btm-image-wrapper.page-drop-after:after{inset-inline-end:-6px}.experience-snackbars{position:fixed;inset:auto 16px calc(42px + env(safe-area-inset-bottom)) auto;z-index:var(--z-toast, 11000);display:grid;gap:8px;max-inline-size:min(420px,calc(100vw - 32px))}.experience-snackbar{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:11px 12px;border-inline-start:3px solid var(--status-success);border-radius:8px;background:#202226;color:#fff;box-shadow:0 10px 28px #0000005c;animation:experience-enter .18s ease-out both}.experience-snackbar.status-error{border-color:var(--status-error)}.experience-snackbar button{display:inline-flex;align-items:center;gap:4px;color:#fff;white-space:nowrap}.experience-snackbar button .material-icons{font-size:16px}.experience-snackbar.is-leaving{opacity:0;transform:translateY(8px);transition:opacity .16s,transform .16s}.experience-history-panel{position:absolute;inset:34px 4px auto;z-index:12;display:grid;max-block-size:min(52vh,420px);overflow:auto;padding:6px;border:1px solid var(--layer-separator);border-radius:8px;background:var(--background-color-A);box-shadow:0 12px 30px #0000005c}.experience-history-panel[hidden]{display:none}.experience-history-panel p{margin:8px;color:var(--color-text-secondary);font-size:11px}.experience-history-panel button{display:flex;align-items:center;gap:7px;min-block-size:36px;text-align:start}.experience-history-panel button .material-icons{font-size:15px}.canvas-object-focus-pulse{position:absolute;z-index:8;border:2px solid var(--status-current);border-radius:4px;pointer-events:none;animation:object-focus-pulse .65s ease-out both}.layer-locate-pulse{animation:layer-focus-pulse .65s ease-out}.command-palette,.ai-result-review{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:start center;padding:min(14vh,120px) 16px 16px}.command-palette[hidden]{display:none}.command-palette-backdrop,.ai-result-review:before{position:absolute;inset:0;background:#000000a3;backdrop-filter:blur(4px);content:""}.command-palette-dialog{position:relative;inline-size:min(94vw,620px);overflow:hidden;border:1px solid var(--layer-separator);border-radius:12px;background:var(--background-color-A);box-shadow:0 24px 64px #00000080}#command-palette-input{inline-size:100%;min-block-size:52px;padding:0 16px;border:0;border-block-end:1px solid var(--layer-separator);background:transparent;color:var(--color-text-primary);font-size:16px;outline:none}.command-palette-results{display:grid;max-block-size:min(52vh,440px);overflow:auto;padding:6px}.command-palette-results>p{margin:14px;color:var(--color-text-secondary)}.command-palette-item{display:flex;align-items:center;gap:9px;min-block-size:42px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--color-text-primary);text-align:start}.command-palette-item>span{flex:1}.command-palette-item.is-active{background:color-mix(in srgb,var(--status-current) 20%,transparent)}.command-palette-item kbd{margin-inline-start:auto;color:var(--color-text-secondary)}.ai-result-review-dialog{position:relative;display:grid;inline-size:min(94vw,760px);max-block-size:calc(100vh - 32px);overflow:auto;border:1px solid var(--layer-separator);border-radius:12px;background:var(--background-color-A);color:var(--color-text-primary)}.ai-result-review-dialog header,.ai-result-review-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px}.ai-result-review-dialog h2{margin:0;font-size:16px}.ai-result-compare{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#111}.ai-result-before,.ai-result-after{position:absolute;inset:0}.ai-result-after{clip-path:inset(0 0 0 50%)}.ai-result-before img,.ai-result-after img{inline-size:100%;block-size:100%;object-fit:contain}.ai-result-slider{inline-size:calc(100% - 28px);margin:12px 14px 0}.ai-result-review-dialog footer{justify-content:flex-end}.ai-result-review-dialog footer button{min-block-size:40px;padding:8px 14px}.ai-result-review-dialog footer button.is-primary{background:var(--status-current);color:#fff}.canvas-image-drop-preview{inline-size:56px;block-size:56px;border-radius:6px;object-fit:cover;box-shadow:0 5px 14px #00000059}.canvas-image-drop-count{padding:2px 6px;border-radius:999px;background:#202226;color:#fff;font-size:10px}.ai-panel-failure{position:absolute;z-index:8;display:grid;justify-items:center;gap:7px;max-inline-size:min(240px,90%);padding:9px 11px;border:1px solid var(--status-error);border-radius:9px;background:#202226f0;color:#fff;font-size:11px;text-align:center;transform:translate(-50%,-50%)}.ai-panel-failure button{display:inline-flex;align-items:center;gap:4px;min-block-size:32px;color:#fff}.ai-panel-failure button .material-icons{font-size:16px}.mobile-workspace-dock,.mobile-workspace-backdrop{display:none}@keyframes experience-enter{0%{opacity:0;transform:translateY(8px)}}@keyframes object-focus-pulse{0%{opacity:1;transform:scale(.96)}to{opacity:0;transform:scale(1.03)}}@keyframes layer-focus-pulse{50%{box-shadow:inset 0 0 0 2px var(--status-current)}}@media(min-width:769px)and (max-width:1280px){.content,#canvas-area,#canvas-container{min-inline-size:0!important}#canvas-area{flex:1 1 auto}#controls{min-inline-size:0}}@media(max-width:768px){.content{flex:1 1 0;inline-size:auto;min-inline-size:0!important;max-inline-size:100%}#canvas-area{flex:1 1 0;inline-size:auto;min-inline-size:0!important;max-inline-size:100%;margin-inline-end:0}#canvas-container,.resizable-container{inline-size:100%;min-inline-size:0!important;max-inline-size:100%}body:not([data-mobile-drawer=tools]) #sidebar,body:not([data-mobile-drawer=tools]) .left_area,body:not([data-mobile-drawer=layers]) #layer-panel,body:not([data-mobile-drawer=ai]) #controls{display:none!important}body:not([data-mobile-drawer=pages]) #btm-drawer{transform:translate(-50%) translateY(100%);pointer-events:none}.mobile-workspace-dock{position:fixed;inset:auto 0 0;z-index:calc(var(--z-bottom-drawer) + 3);display:grid;grid-template-columns:repeat(4,1fr);padding:4px max(6px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-block-start:1px solid var(--layer-separator);background:var(--background-color-A)}.mobile-workspace-dock button{display:grid;place-items:center;min-block-size:48px;color:var(--color-text-secondary);font-size:10px}.mobile-workspace-dock .material-icons{font-size:20px}.mobile-workspace-backdrop{position:fixed;inset:0;z-index:calc(var(--z-bottom-drawer) + 1);border:0;background:#0000007a}body.mobile-drawer-open .mobile-workspace-backdrop{display:block}body[data-mobile-drawer=tools] #sidebar,body[data-mobile-drawer=tools] .left_area,body[data-mobile-drawer=layers] #layer-panel,body[data-mobile-drawer=ai] #controls{position:fixed!important;inset:var(--manga-navbar-height, 54px) auto calc(56px + env(safe-area-inset-bottom)) 0;z-index:calc(var(--z-bottom-drawer) + 2);display:block!important;inline-size:min(86vw,360px)!important;min-inline-size:0!important;max-inline-size:none!important;block-size:auto!important;max-block-size:none!important;overflow:auto;box-shadow:8px 0 30px #0006}body[data-mobile-drawer=tools] #sidebar{inline-size:48px!important}body[data-mobile-drawer=tools] .left_area{inset-inline-start:48px;inline-size:min(calc(86vw - 48px),312px)!important}body[data-mobile-drawer=pages] #btm-drawer{z-index:calc(var(--z-bottom-drawer) + 2);inset-block-end:calc(56px + env(safe-area-inset-bottom));pointer-events:auto}#canvas-area{min-inline-size:0;padding-block-end:calc(56px + env(safe-area-inset-bottom))}.canvas-context-bar{margin-inline-start:3px}.canvas-breadcrumb{max-inline-size:38vw}.canvas-context-actions button{min-inline-size:44px;min-block-size:44px}.canvas-context-actions button span:not(.material-icons){display:none}.canvas-empty-actions button{min-block-size:44px}.experience-snackbars{inset-block-end:calc(64px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.experience-snackbar,.canvas-object-focus-pulse,.layer-locate-pulse{animation:none}.experience-snackbar.is-leaving{transition:none}}@media(forced-colors:active){.canvas-empty-state,.experience-snackbar,.command-palette-dialog,.ai-result-review-dialog{border:1px solid CanvasText}.canvas-object-focus-pulse{border-color:Highlight}}
