/* The same accessible colour wheel and clean preview across Foundry. */
.f-colour-wheel{display:block;width:100%;padding:12px 0;color:inherit}.f-hue{position:relative;margin:0 auto 16px;width:154px;height:154px;border-radius:50%;background:conic-gradient(from 90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);touch-action:none;cursor:crosshair;box-shadow:0 3px 20px #0004}.f-hue:before{content:'';position:absolute;inset:19px;background:#141a23;border-radius:50%}.f-colour-centre{position:absolute;inset:42px;border-radius:50%;border:1px solid #fff5;pointer-events:none}.f-hue-handle{position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;box-shadow:0 0 0 2px #0009;pointer-events:none;z-index:1}.f-colour-wheel label{display:block!important;font-size:10px!important;margin:10px 0!important;color:inherit}.f-colour-wheel input[type=range]{display:block!important;width:100%!important;margin:7px 0!important}.f-colour-readout{display:block!important;float:none!important;text-align:center;font:11px monospace;letter-spacing:.08em;color:inherit}.f-colour-wheel :focus-visible{outline:2px solid #9bf3e9;outline-offset:5px}input[type=color][hidden]{display:none!important}
.f-clean-toggle{position:fixed;right:18px;bottom:18px;z-index:9999!important;border:1px solid #9cabb680!important;border-radius:30px!important;padding:11px 17px!important;background:#111923ec!important;color:#f2f6fa!important;box-shadow:0 5px 25px #0005;font:12px Arial,sans-serif!important;cursor:pointer;max-width:180px}.f-clean-toggle:focus-visible{outline:2px solid #9bf3e9;outline-offset:4px}dialog>.f-clean-toggle{position:sticky;float:right;margin-top:12px;bottom:8px}.f-clean[data-foundry-view=canvas] .editor-head,.f-clean[data-foundry-view=canvas] aside,.f-clean[data-foundry-view=canvas] #pause-effect{display:none!important}.f-clean[data-foundry-view=canvas] .editor-body{grid-template-columns:1fr!important}.f-clean[data-foundry-view=canvas] .editor-stage{min-height:75dvh!important;width:100%}.f-clean[data-foundry-view=dialog]>:not(iframe):not(.sequence-preview-wrap):not(.f-clean-toggle){display:none!important}.f-clean[data-foundry-view=dialog] .sequence-preview-wrap{height:78dvh}.f-clean[data-foundry-view=dialog]>iframe{height:78dvh!important;width:100%!important}
.f-clean[data-foundry-view=golden]>header,.f-clean[data-foundry-view=golden] aside,.f-clean[data-foundry-view=golden] .preview-tools{display:none!important}.f-clean[data-foundry-view=golden] main{display:block;height:100dvh!important}.f-clean[data-foundry-view=golden] .stage{height:100dvh!important}.f-clean[data-foundry-view=golden] .frame-wrap{height:100dvh!important}.f-clean[data-foundry-view=golden] .stage.phone iframe{width:min(390px,100%)}
.f-clean[data-foundry-view=hd] .controls,.f-clean[data-foundry-view=hd] .note,.f-clean[data-foundry-view=hd] .logo-option,.f-clean[data-foundry-view=hd] .exports,.f-clean[data-foundry-view=hd]>header,.f-clean[data-foundry-view=hd] #status{display:none!important}.f-clean[data-foundry-view=hd] .show{min-height:100dvh!important;margin:0!important}.f-clean[data-foundry-view=through] .panel,.f-clean[data-foundry-view=through] .page-head{display:none!important}.f-clean[data-foundry-view=through] .layout{display:block;max-width:none;padding:0}.f-clean[data-foundry-view=through] .stage{height:100dvh;width:min(100%,56.25dvh);margin:auto}.f-clean[data-foundry-view=study] aside,.f-clean[data-foundry-view=study] header,.f-clean[data-foundry-view=study] .heading{display:none!important}.f-clean[data-foundry-view=study] .layout{display:block;max-width:none}.f-clean[data-foundry-view=study] .preview{height:92dvh}.f-clean[data-foundry-view=study] .preview iframe{height:100%;width:100%}.f-clean[data-foundry-view=journey] .controls,.f-clean[data-foundry-view=journey] .reel-toolbar,.f-clean[data-foundry-view=journey] .lab-note,.f-clean[data-foundry-view=journey] .scroll-hint{display:none!important}.f-clean[data-foundry-view=sequence] .bottom-bar,.f-clean[data-foundry-view=sequence] .timeline-track,.f-clean[data-foundry-view=sequence] .topbar{display:none!important}.f-clean[data-foundry-view=sequence] #stage{height:100dvh!important;min-height:0!important}@media(max-width:650px){.f-clean-toggle{right:12px;bottom:12px;padding:10px 14px!important;font-size:11px!important}}
