:root{color-scheme:light;--ink:#24332f;--muted:#52645c;--accent:#a50036;--surface:#fff;--line:#d5ddd8;font-family:Arial,sans-serif}
.inline-video{position:fixed;overflow:hidden;z-index:1;background:#171717}.inline-video iframe{position:absolute;display:block;border:0;max-width:none}
.navigation-controls{display:flex;gap:2px;align-items:center}.navigation-controls .icon-button:disabled{cursor:default;opacity:.35}.resource-details{background:#fff;padding:16px 24px;border-bottom:1px solid var(--line)}.resource-details h2{font-size:18px;margin:0 0 8px}.resource-details p{font-size:14px;max-width:70ch;color:var(--muted)}.resource-details li{font-size:14px;overflow-wrap:anywhere;margin:6px 0}.status-row{flex-wrap:wrap}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#edf1ee;font-size:16px;line-height:1.45}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}
.toolbar{display:flex;align-items:center;gap:14px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--line);position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:17px;font-weight:700;text-decoration:none;flex-shrink:0}.brand img{display:block;width:124px;height:auto}
.address-form{display:flex;gap:8px;flex:1;min-width:0}.address-wrap{position:relative;flex:1;min-width:0}.address-wrap input{width:100%;height:44px;padding:9px 42px 9px 13px;border:1px solid #9bada3;border-radius:7px;background:#fff;color:var(--ink)}
.icon-button{display:inline-flex;justify-content:center;align-items:center;min-width:42px;height:42px;padding:8px;border:1px solid transparent;border-radius:7px;color:var(--ink);background:transparent;flex-shrink:0}.icon-button:hover{background:#edf1ee}.field-clear{position:absolute;right:2px;top:1px;height:40px;min-width:36px;color:var(--muted)}.field-clear svg{width:18px;height:18px}
.primary,.secondary,.danger{border:0;border-radius:7px;min-height:42px;padding:9px 16px;font-weight:600}.primary{background:var(--accent);color:white}.primary:hover{background:#790028}.secondary{background:#e8eeea;color:var(--ink)}.danger{color:#a00032;background:#fff0f2}.device-controls{display:flex;gap:2px;padding-inline:6px;border-inline:1px solid var(--line)}.device.active{background:#e0ebe4;color:#173f2b;border-color:#b5cbbd}
.settings{background:white;border-bottom:1px solid var(--line);padding:18px 24px}.settings-heading{display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto}.settings h2{font-size:18px;margin:0 0 12px}.settings-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;max-width:1120px;margin:auto}.settings-options label{display:flex;align-items:flex-start;gap:8px}.settings-options input{margin-top:5px;accent-color:var(--accent)}.settings-note{font-size:14px;max-width:1120px;margin:18px auto;color:var(--muted)}.settings-actions{display:flex;flex-wrap:wrap;gap:10px;max-width:1120px;margin:auto}
.status-row{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:7px 22px;font-size:13px;color:#465b4e;min-height:35px}.status-row #status{flex:1;min-width:0;overflow-wrap:anywhere}.text-button{border:0;background:none;color:var(--accent);padding:0;text-decoration:underline;text-underline-offset:3px}
.workspace{min-height:calc(100dvh - 104px);padding:0 12px 12px}.welcome{max-width:650px;margin:96px auto;padding:0 20px}.welcome h1{font-size:clamp(24px,3vw,36px);line-height:1.15;margin:0 0 20px}.welcome p{max-width:60ch}.privacy-note{font-size:14px;color:var(--muted);margin-top:28px}.device-stage{margin:auto;width:100%;height:calc(100dvh - 116px);min-height:400px;background:white;border:1px solid #c0ccc4;border-radius:8px;overflow:hidden}.device-stage iframe{display:block;border:0;width:100%;height:100%;background:white}.device-stage.tablet{width:min(768px,100%);height:1024px}.device-stage.phone{width:min(390px,100%);height:844px}.error-panel{max-width:640px;margin:72px auto;padding:24px;background:white;border-radius:12px}.error-panel h2{font-size:24px;margin-top:0}
.video-dialog{width:min(960px,94vw);padding:18px;border:0;border-radius:12px;color:var(--ink)}.video-dialog::backdrop{background:rgba(15,25,19,.7)}.video-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.video-dialog iframe{width:100%;aspect-ratio:16/9;border:0}.video-dialog p{font-size:14px}.video-dialog a{color:var(--accent)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #376848;outline-offset:3px}::selection{background:var(--accent);color:white}
@media(max-width:1000px){.toolbar{flex-wrap:wrap;gap:10px;padding:10px 14px}.brand{flex:1}.address-form{order:3;flex-basis:100%}.device-controls{border-inline:0}.settings-options{grid-template-columns:repeat(2,minmax(0,1fr))}.device-stage{height:calc(100dvh - 167px)}.welcome{margin-top:64px}}
@media(max-width:560px){.brand{font-size:14px;gap:5px}.brand img{width:94px}.toolbar{gap:5px;padding:8px 10px}.icon-button{min-width:36px;height:38px;padding:6px}.device-controls{padding-inline:0}.settings{padding:16px}.settings-options{grid-template-columns:1fr}.settings-actions button{flex:1}.status-row{padding:7px 12px;gap:8px}.workspace{padding:0 5px 5px}.address-form{gap:6px}.primary,.secondary{padding-inline:12px}.welcome{padding:0 14px}.device-stage.phone{height:844px}.video-heading{font-size:14px}}
@media(max-width:560px){.address-form{flex-wrap:wrap}.navigation-controls{order:3;flex-basis:100%;justify-content:flex-start}.address-wrap{min-width:130px}.device-stage:not(.phone):not(.tablet){height:calc(100dvh - 210px)}.resource-details{padding:12px 16px}}

#screen-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#device-size{max-width:145px;padding:6px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);font:inherit}#fullscreen-toggle{height:32px;min-width:32px;padding:4px}.device-stage.tablet,.device-stage.phone{width:min(var(--view-width),100%);height:var(--view-height)}
.load-stages{list-style:none;display:flex;align-items:center;gap:24px;margin:0;padding:6px 22px 10px;color:var(--muted);font-size:12px;flex-wrap:wrap}.load-stages li{padding-bottom:3px;border-bottom:1px solid transparent}.load-stages .current{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.load-stages .done{color:#245336}#image-count{margin-left:auto;font-variant-numeric:tabular-nums}
.quick-links{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}.quick-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.quick-heading h2{font-size:19px;margin:0}.quick-links ul{list-style:none;padding:0;margin:16px 0;display:flex;gap:8px;flex-wrap:wrap}.quick-links li{display:flex;align-items:center;border:1px solid #c4d1c9;border-radius:8px;max-width:100%;background:white}.quick-open{border:0;background:none;padding:10px 12px;color:var(--ink);font-weight:600;overflow-wrap:anywhere;text-align:left}.quick-open:hover{color:var(--accent)}.quick-save{display:flex;gap:8px;align-items:flex-start;font-size:14px}.quick-save input{margin-top:4px;accent-color:var(--accent)}.quick-note,#quick-empty{font-size:14px;color:var(--muted)}#quick-form{margin:18px 0;padding:16px;background:white;border:1px solid var(--line);border-radius:8px}#quick-form label{display:block;font-size:14px;margin-bottom:12px}#quick-form input{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #9bada3;border-radius:6px;color:var(--ink);caret-color:var(--accent)}#quick-error{color:#a00032;font-size:14px}
.fullscreen-bar{position:fixed;z-index:5;right:12px;top:12px;display:flex;gap:8px;padding:5px;background:white;border:1px solid var(--line);border-radius:8px}.fullscreen-bar button{min-height:34px;font-size:13px;padding:6px 10px}.view-fullscreen:not(.show-full-panel) .toolbar,.view-fullscreen:not(.show-full-panel) .status-row,.view-fullscreen:not(.show-full-panel) .load-stages,.view-fullscreen:not(.show-full-panel) .settings,.view-fullscreen:not(.show-full-panel) .resource-details{display:none}.view-fullscreen:not(.show-full-panel) .workspace{padding:0;min-height:100dvh}.view-fullscreen:not(.show-full-panel) .device-stage:not(.phone):not(.tablet){height:100dvh;border:0;border-radius:0}.view-fullscreen.show-full-panel .fullscreen-bar{top:auto;bottom:12px}
input{caret-color:var(--accent)}*{scrollbar-color:#8fa898 #edf1ee;scrollbar-width:thin}
@media(max-width:560px){.load-stages{gap:10px;padding:4px 12px 10px}.load-stages li{font-size:11px}#image-count{margin-left:0;flex-basis:100%}#screen-controls{gap:4px}.status-row{gap:8px}#screen-size{font-size:11px}.fullscreen-bar{right:5px;top:5px;gap:4px}.fullscreen-bar button{font-size:11px;padding:6px}.quick-heading{gap:12px}.quick-heading h2{font-size:18px}}