/* RDUBL: warm paper, deep navy and copper. */
:root{--accent:#efb083;--ink:#193747;--green:#61d9af;background:#f4f0e9;color:#243640}
header{background:#142d3b}.header-actions button{background:#214455;border-color:#385767}.balance{color:#ffd3af!important}
main{max-width:none}.primary{background:#a84d27;border-color:#a84d27;color:#fff}.upload-card{background:#193747}.upload-card>span{color:#efb083}
button[aria-pressed=true],.steps [aria-current=step]{background:#fbe6d7;border-color:#bb714c;box-shadow:none}.steps span,.eyebrow,.text-button{color:#98512e}.panel{background:#fffdf9;border-color:#ded8ce}.workflow-choice button[aria-pressed=true]{background:#fbe6d7;border-color:#bb714c;box-shadow:none}.workflow-choice .choice-icon{color:#a84d27}.upscale-entry{background:#e5eef1;color:#193747;border-color:#cbd8df}.reference-source,.mask-toolbar{background:#f0ece5}.video-prompt-section{border-color:#ddd4c9}.notice,.rotate-hint{background:#e5eef1;color:#284b5c}textarea{background:#fffefc;border-color:#d9d0c6}input[type=range],progress{accent-color:#b6663e!important}.viewer{background:#14232d}.scene-wrap{background:#0c1820}.video-status{background:#edf3f5;border-color:#b5cbd5}.beeble-attribution{border:1px solid #d4cec4;border-radius:6px;padding:3px 7px;background:#fffdf9;color:#333}
.app-fullscreen{height:var(--app-height,100dvh);width:100%;max-width:none}.app-fullscreen main{width:100%;max-width:none;margin:0}.app-fullscreen .editor{max-width:none}
@media(min-width:560px) and (orientation:landscape){body{height:var(--app-height,100dvh)}body[data-has-video=false] main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
#maskEditor{position:fixed;inset:0;margin:0;width:100vw;height:var(--app-height,100dvh);max-width:none;max-height:none!important;padding:0!important;border:0;border-radius:0;background:#0b1720;color:#fff;overflow:hidden}
#maskEditorStage{position:absolute;inset:0}
#maskEditor #sceneWrap{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto}
#maskEditor .viewer-badge,#maskEditor .compare,#maskEditor .return-drawing{display:none}
.mask-editor-bar{position:absolute;z-index:5;top:max(8px,var(--app-safe-top),env(safe-area-inset-top));left:max(10px,var(--app-safe-left),env(safe-area-inset-left));right:max(10px,var(--app-safe-right),env(safe-area-inset-right));display:flex;align-items:center;gap:12px;justify-content:space-between;pointer-events:none}
.mask-editor-bar p{margin:0;max-width:480px;padding:7px 10px;border-radius:8px;color:#fff;background:#132b3de6;font-size:12px;line-height:1.4}.mask-editor-bar button{pointer-events:auto;flex-shrink:0;background:#fff3e8;color:#69381f;border-color:#e3c5ad;min-height:44px}
#maskEditorTools{position:absolute;z-index:5;bottom:max(10px,var(--app-safe-bottom),env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(600px,calc(100% - 28px));max-height:42%;overflow:auto;border-radius:12px;box-shadow:0 5px 30px #0006}
#maskEditor .mask-toolbar{margin:0;padding:8px;background:#fffdf9f5;color:#243640;display:flex;flex-wrap:wrap;gap:6px;border:0}
#maskEditor .mask-toolbar .auto-select{flex:1;min-width:64px;min-height:44px}
#maskEditor .icon-tool{flex:none;width:44px;min-width:44px}
#maskEditor #autoTools{flex:1;flex-basis:auto;min-width:150px}
#maskEditor #autoTools button{min-height:44px}
#maskEditor .mask-tool-hint,#maskEditor .manual-tools{display:none}
#maskEditor #brushSizeControl{flex-basis:100%;font-size:11px;min-height:32px}
@media(orientation:portrait){.mask-editor-bar p{font-size:11px}.mask-editor-bar{align-items:start}#maskEditorTools{width:calc(100% - 20px)}}
#maskEditorStage{overflow:hidden;touch-action:none}
:root:has(#maskEditor[open]),:root:has(#promptEditor[open]){overflow:hidden}
#maskEditor #sceneWrap{transform-origin:50% 50%;will-change:transform}
.mask-editor-bar{gap:8px}.mask-editor-bar p{flex:1;max-width:420px;min-width:0}
.mask-zoom-controls{display:flex;flex:none;gap:3px;pointer-events:auto;background:#fffdf9;padding:3px;border-radius:9px}
.mask-editor-bar .mask-zoom-controls button{background:transparent;border:0;color:#193747;min-width:40px;height:40px;min-height:40px;padding:4px;font-size:19px}
.mask-editor-bar #maskZoomReset{font-size:12px;min-width:50px;font-variant-numeric:tabular-nums}
.mask-editor-bar #maskPan[aria-pressed=true]{background:#fbe6d7;color:#a84d27}
#maskEditor[data-pan=true] #maskCanvas{cursor:grab}
@media(orientation:portrait){.mask-editor-bar{flex-wrap:wrap}.mask-editor-bar p{flex-basis:100%;max-width:none}.mask-zoom-controls{margin-right:auto}}