:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e7e9ed;background:#080b10;--panel-opacity:.6;--control-opacity:.72;--control:rgb(26 34 46 / var(--control-opacity));--panel:rgb(17 23 32 / var(--panel-opacity));--line:#303946;--muted:#aab5c3;--accent:#e5a14e;--accent-rgb:229 161 78}.gallery-link{display:block;padding:8px;color:var(--accent);text-align:center}.gallery-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel-footer{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:16px 20px 0;font-size:12px;line-height:1.4;color:#e7e9ed}.panel-footer-social{display:flex;align-items:center;gap:4px;flex-shrink:0}.panel-footer a{color:inherit;text-decoration:none}.panel-footer-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.panel-footer .panel-footer-icon{color:#e7e9ed}.panel-footer-icon svg{display:block;width:16px;height:16px;fill:currentColor}.panel-footer-credit{white-space:nowrap}.panel-footer a:hover{color:var(--accent)}.panel-footer-credit a:hover{text-decoration:underline}.panel-footer a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{box-sizing:border-box}body{margin:0;overflow:hidden}#fractal{image-rendering:pixelated;display:block;width:100vw;height:100vh;touch-action:none;outline:none}header{position:fixed;inset:8px 8px auto;display:flex;justify-content:space-between;align-items:center;pointer-events:none;gap:16px}header>*{pointer-events:auto}.brand{line-height:18px;font-size:14px;letter-spacing:.08em;padding:12px 16px;border-radius:6px}.brand strong{font-weight:650}button,input,select,textarea{font:inherit;font-size:13px;color:inherit;border:1px solid var(--line);background:var(--control);border-radius:5px}button{padding:9px 12px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#071012}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[data-handle]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}label{display:block;font-size:12px;color:var(--muted);margin:16px 0}select,input:not([type=range]):not([type=checkbox]):not([type=color]),textarea{display:block;width:100%;padding:9px;margin-top:6px}input[type=range]{display:block;width:100%;accent-color:var(--accent);margin:10px 0}input[type=color]{display:block;width:100%;height:38px;margin-top:6px;padding:3px}textarea{resize:vertical;font-family:Consolas,monospace;font-size:11px}.row{display:flex;gap:6px;flex-wrap:wrap}.row button{flex:1;padding:9px 7px}.main-action-row{margin-top:8px}output{float:right;color:var(--accent)}.help{font-size:11px;line-height:1.65;color:var(--muted);margin:18px 0 0}.help.compact{margin:8px 0 12px}footer{position:fixed;bottom:8px;left:8px;right:8px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;font:11px Consolas,monospace;background:var(--panel);padding:10px 14px;border-radius:5px;width:fit-content;max-width:calc(100% - 16px);pointer-events:none}#freshness{font-variant-numeric:tabular-nums;white-space:pre}#depth{color:var(--accent)}#message{position:fixed;left:50%;bottom:64px;transform:translate(-50%);max-width:min(600px,90vw);background:var(--panel);padding:0;border-radius:6px;font-size:13px}#message:not(:empty){padding:12px 18px;border:1px solid var(--line)}#message.message-fading{opacity:0;transition:opacity .25s ease}[hidden]{display:none!important}#title-badge{position:fixed;left:8px;top:8px;background:var(--panel);touch-action:none;cursor:default}#toggle{background:var(--panel);position:fixed;right:8px;top:8px;width:42px;height:38px;padding:0;font-size:21px;line-height:1}#controls{display:flex;flex-direction:column;position:fixed;right:8px;top:54px;box-sizing:border-box;width:min(320px,calc(100vw - 16px));height:auto;min-width:min(320px,calc(100vw - 16px));max-width:calc(100vw - 16px);max-height:var(--controls-max-height, calc(100dvh - 62px) );overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:8px}.controls-scroll{flex:0 1 auto;min-height:0;box-sizing:border-box;overflow:auto;margin:0;padding-bottom:18px;scrollbar-width:thin;scrollbar-color:#3b4755 #1a222e}.controls-scroll::-webkit-scrollbar{width:10px}.controls-scroll::-webkit-scrollbar-track{background:var(--control)}.controls-scroll::-webkit-scrollbar-thumb{background:#3b4755;border:2px solid #1a222e;border-radius:6px}.resize-edge{position:absolute;z-index:4;padding:0;border:0;border-radius:0;background:transparent;touch-action:none}.resize-edge:hover:not(:disabled){background:transparent;border-color:transparent;color:inherit}.resize-left,.resize-right{top:0;bottom:0;width:4px;cursor:ew-resize}.resize-left{left:0}.resize-right{right:0}.location-options{position:fixed;z-index:6;max-height:220px;overflow:auto;margin:0;border:1px solid var(--line);border-radius:5px;background:rgb(17 23 32 / var(--control-opacity))}.location-option{padding:8px 9px;font-size:12px;line-height:1.35;overflow-wrap:anywhere;cursor:pointer}.location-option:hover,.location-option[aria-selected=true]{background:rgb(41 54 70 / var(--control-opacity))}.location-empty{padding:8px 9px;font-size:11px;color:var(--muted)}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px;color:var(--accent)}.tabs-shell{flex-shrink:0;position:sticky;top:0;z-index:2;background:var(--control);border-radius:7px 7px 0 0;overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.tabs button{min-width:0;padding:9px 4px;border-radius:0;border-width:0 0 1px 1px}.tabs button:first-child{border-left-width:0}.tabs button:last-child{border-right-width:0}.tabs button[aria-selected=true]{color:#071012;background:var(--accent);border-color:var(--accent)}.tab-panel{min-width:0;padding:8px 16px 0}.linked-location{padding:10px;margin:10px 0;border:1px solid var(--accent);border-radius:6px;background:rgb(7 16 18 / var(--control-opacity))}.linked-location p{font-size:11px;line-height:1.5;margin:0 0 8px}.linked-location button{width:100%}[data-handle]{cursor:default;touch-action:none;-webkit-user-select:none;user-select:none}.controls-hidden #controls,.controls-hidden .popup,.controls-hidden #julia-preview{display:none!important}.popup{position:fixed;left:calc(50% - 170px);top:66px;width:340px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 74px);overflow:auto;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel);z-index:3}.preview-heading button{padding:3px 9px;font-size:18px}.popup .row{margin:10px 0}.popup .row button{font-size:11px}.check{display:flex;align-items:center;gap:8px}.check input[type=checkbox]{width:auto;display:inline;margin:0;accent-color:var(--accent)}details{margin:12px 0;border:0;padding:0}summary{width:fit-content;max-width:100%;cursor:pointer;color:var(--accent);font-size:13px;padding:10px 0}#palette-strip{height:48px;position:relative;margin:18px 8px 30px;border:1px solid var(--line);cursor:crosshair;touch-action:none}.palette-stop{position:absolute;top:34px;transform:translate(-50%);width:24px;height:30px;padding:0;border:2px solid white;border-radius:4px;touch-action:none}.palette-stop[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:3px}.stop-lock{margin-top:6px}.stop-lock #selected-stop-label{margin-left:auto;font:10px Consolas,monospace;color:var(--accent)}.colour-popover{position:fixed;z-index:5;width:180px;padding:10px 12px;border:1px solid var(--accent);border-radius:7px;background:rgb(17 23 32 / var(--control-opacity));box-shadow:0 8px 26px #0009}.colour-popover label{margin:5px 0}#stop-color{font-family:Consolas,monospace}#fractal.selecting-julia{cursor:crosshair}#julia-preview{position:fixed;left:8px;top:58px;width:320px;height:auto;min-width:min(320px,calc(100vw - 16px));min-height:0;max-width:calc(100vw - 16px);max-height:calc(100dvh - 65px);resize:both;overflow:auto;display:block;padding:11px;background:var(--panel);border:1px solid var(--line);border-radius:8px}#julia-preview-viewport{position:relative;width:100%;height:auto;aspect-ratio:16 / 9;min-width:0;flex:none}#julia-preview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;image-rendering:pixelated;display:block;width:100%;height:100%;background:#080b10}#julia-preview p{font-size:11px;line-height:1.45;margin:12px 0;color:var(--muted)}#julia-preview-status:empty{display:none}#julia-promote{width:100%}@media (max-width:700px){header{inset:8px 8px auto}.brand{font-size:12px}#title-badge{left:8px;top:8px}#toggle{right:8px;top:8px}#controls{right:8px;top:54px;width:min(340px,calc(100vw - 16px));max-width:calc(100vw - 16px);max-height:var(--controls-max-height, calc(100dvh - 62px) )}footer{left:8px;right:8px;bottom:8px;max-width:calc(100% - 16px);gap:8px;font-size:10px}.popup{left:8px;top:72px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 80px);overflow:auto}#julia-preview{left:8px;top:58px;bottom:auto;width:min(320px,calc(100vw - 16px));min-width:min(320px,calc(100vw - 16px));max-width:calc(100vw - 16px);max-height:calc(100dvh - 62px);z-index:2}}@media (max-width:360px){.tabs button,summary{font-size:11px}.row{display:grid;grid-template-columns:1fr}.brand{max-width:170px;overflow:hidden;text-overflow:ellipsis}.panel-footer{margin-inline:12px}}.preview-toggle{width:100%;margin-top:8px}#tuning{margin-top:20px}.tuning-control{margin:18px 0;line-height:1.4}.tuning-control output{float:right;color:var(--accent);font-size:12px;font-variant-numeric:tabular-nums;margin-left:8px}.tuning-control input[type=range]{clear:both;margin:10px 0 0}.tuning-modified{display:none}.reset-actions{display:flex;flex-wrap:nowrap;margin:8px 0 0}.reset-actions button{min-width:0}.iteration-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:end;margin:0 0 12px}.iteration-row label{margin:0;min-width:0}.iteration-row input{min-width:0}.iteration-row button{width:100%;height:35px}.iteration-row button[aria-pressed=true]{background:var(--accent);color:#071012;border-color:var(--accent)}.panel-accent-label{display:flex;align-items:center;justify-content:flex-start;gap:12px}@media (prefers-reduced-motion:reduce){#message.message-fading{transition:none}}.save-action-row{display:flex;flex-wrap:nowrap;margin:12px 0}.save-action-row button{padding:9px 12px;min-width:0}.brand-deep{color:var(--accent)}#png-export{width:min(320px,calc(100vw - 16px));padding:0;left:8px;top:78px}.export-panel-content{margin:0 8px;padding:8px 16px 18px}#png-resolution-label{display:block;float:none;margin-top:6px;color:var(--accent);font-size:12px}#png-dimensions,#png-status{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.export-custom{border:0;margin:12px 0;padding:0;min-width:0}.export-custom legend{padding:0;color:var(--muted);font-size:12px}.export-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.export-dimensions label{min-width:0;margin:8px 0}.export-dimensions input{width:100%;min-width:0}#png-save{display:block;width:100%;padding:9px 12px;margin:10px 0}#png-status:empty{display:none}[data-panel] label,[data-panel] summary,[data-panel] legend{font-weight:700}[data-panel] input,[data-panel] select,[data-panel] output,[data-panel] .help,[data-panel] .tuning-modified,#selected-stop-label{font-weight:400}.controls-hidden.status-with-menu #title-badge,.controls-hidden.status-with-menu footer{display:none}.tuning-control.check{flex-wrap:wrap;gap:6px}.tuning-control.check .tuning-modified{margin-left:auto}.main-action-row,.palette-actions{display:flex;flex-wrap:nowrap;margin:14px 0;gap:6px}.main-action-row button,.palette-actions button{min-width:0;padding:9px 5px}.stop-lock{font-size:12px;color:var(--muted);margin:20px 0 16px;line-height:1.5}.stop-lock-caption{font-weight:700}.panel-accent-label{margin:18px 0;font-size:12px;font-weight:700;color:var(--muted)}#panel-accent-toggle{width:30px;height:30px;min-width:30px;padding:0;background:#e5a14e;border:2px solid var(--line)}#panel-accent,#stop-color{font-family:Consolas,monospace}#stop-delete{width:100%;margin-top:12px}.colour-popover{width:240px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto}.colour-popover label{margin:12px 0}#png-resolution-label{display:inline;float:right;margin:0 0 0 8px}#edit-palette{margin-top:0}.tab-panel>label:first-child{margin-top:12px}select,input:not([type=range]):not([type=checkbox]):not([type=color]),textarea{border-color:var(--accent)}select:focus,input:not([type=range]):not([type=checkbox]):not([type=color]):focus,textarea:focus{outline:none;border-width:2px}#julia-preview .preview-heading{font-size:13px}.colour-control{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:12px;font-weight:700;color:var(--muted)}.colour-control button{width:30px;height:30px;min-width:30px;padding:0;border:2px solid var(--line)}.colour-control button:focus,#panel-accent-toggle:focus{outline:none;border-width:2.5px}.location-field{display:flex;gap:6px;margin:6px 0 14px}.location-field #location-entry{min-width:0;margin:0}.location-field button{padding:8px 10px}.full-width{width:100%;margin-top:8px}.controls-hidden .location-options{display:none!important}#navigation-controls .help{margin:0 0 8px}[data-panel],[data-panel] input,[data-panel] select{cursor:default}[data-panel] input[type=text],[data-panel] input[type=number],[data-panel] textarea{cursor:text}[data-panel] .colour-popover,[data-panel] [contenteditable]{cursor:default}.tabs button{cursor:default;touch-action:none}.tabs-shell{touch-action:none}.tab-panel{padding-left:24px;padding-right:24px}.palette-stop{cursor:default}.rotating-control{margin:16px 0}.rotation-label-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.rotation-label-row>label{margin:0}.rotate-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--accent)}.rotate-toggle input{margin:0;accent-color:var(--accent)}#title-badge,footer{border:1px solid var(--line);border-radius:5px}button:active:not(:disabled),#toggle:active:not(:disabled){background:var(--accent);border-color:var(--accent);color:#071012}#toggle{color:#fff}#toggle:hover:not(:disabled),#toggle:active:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.panel-actions{display:flex;flex-direction:column;gap:12px;margin:12px 0}.panel-actions>.row,.panel-actions>.full-width,.panel-actions>.linked-location{margin:0}#stop-delete{margin-top:12px}.main-action-row{margin:12px 0}.location-field{margin-bottom:12px}.colour-picker{display:grid;gap:10px;min-width:0}.colour-picker-swatch{position:relative;aspect-ratio:4/3;min-height:100px;border:1px solid var(--line);border-radius:4px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--picker-hue));cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.colour-picker-swatch:focus-within{outline:2px solid var(--accent);outline-offset:2px}.colour-picker-marker{position:absolute;left:0;top:0;width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000,0 1px 3px #000;transform:translate(-50%,-50%);pointer-events:none}.colour-picker .colour-picker-axis[type=range],.colour-picker-help{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.colour-picker-actions{display:flex;align-items:stretch;gap:8px;min-width:0}.colour-picker-preview{flex:0 0 34px;min-height:32px;border:1px solid var(--line);border-radius:4px}.colour-picker-actions button{flex:1;min-width:0;padding:7px 8px;white-space:normal}.colour-picker .colour-picker-channel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;margin:0}.colour-picker-channel>span{font-size:12px;color:var(--muted);font-weight:700}.colour-picker-channel output{float:none;font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}.colour-picker input[type=range]{grid-column:1/-1;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:16px;border:1px solid var(--line);border-radius:8px;margin:3px 0;cursor:pointer}.colour-picker input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:20px;border:2px solid white;border-radius:4px;background:transparent;box-shadow:0 0 2px #000}.colour-picker input[type=range]::-moz-range-thumb{width:12px;height:16px;border:2px solid white;border-radius:4px;background:transparent;box-shadow:0 0 2px #000}.colour-picker .colour-picker-h{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.colour-picker-status{font-size:11px;line-height:1.4;color:var(--muted)}.colour-picker-error{display:block;margin-top:5px;color:#ffb6ad;font-size:11px;line-height:1.4}.colour-picker-loupe{position:fixed;z-index:10000;width:109px;height:109px;border:2px solid #fff;border-radius:50%;overflow:hidden;background:#171c24;box-shadow:0 0 0 1px #000,0 3px 12px #0009;pointer-events:none}.colour-picker-loupe[hidden]{display:none}.colour-picker-loupe canvas{display:block;width:105px;height:105px;image-rendering:pixelated}.colour-picker-loupe-centre{position:absolute;left:50%;top:50%;width:7px;height:7px;box-sizing:border-box;border:1px solid #fff;box-shadow:0 0 0 1px #000;transform:translate(-50%,-50%);pointer-events:none}