:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263d4c;background:#f6f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #5b87ac;outline-offset:4px}header{max-width:1280px;margin:auto;padding:27px 40px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:19px;font-weight:650;letter-spacing:-.8px;display:flex;align-items:center;gap:8px}.brand svg{width:27px;height:23px}.header-note{font-size:11px;letter-spacing:.05em;color:#85949b}.intro{max-width:1200px;margin:10px auto 30px;padding:0 40px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.eyebrow{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#78909b;margin-bottom:12px}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,4vw,53px);font-weight:400;line-height:1.14;letter-spacing:-1.6px;margin:0}h1 em{font-weight:400;color:#718f9f}.finder{width:355px;max-width:100%;flex-shrink:0}form{display:flex;background:#fff;border:1px solid #dde2e2;border-radius:9px;padding:5px;align-items:center;gap:4px}form label{font-size:14px;margin:0 3px 0 10px;color:#8da0aa}input{width:100%;min-width:0;border:0;outline:0;background:none;font-size:12px;color:#3f5967;padding:10px 0}form button{border:0;border-radius:5px;background:#334f61;color:white;padding:11px 14px;white-space:nowrap;font-size:11px}form button:hover{background:#203d50}#error{font-size:11px;color:#a54648;min-height:16px;margin:6px 0 -22px}.stage-wrap{position:relative;max-width:1120px;margin:0 auto;border:1px solid #d4dde0;border-radius:15px;overflow:hidden;background:#dae7ed;isolation:isolate}.stage{display:block;width:100%;height:auto;aspect-ratio:1.85;cursor:grab;touch-action:pan-y}.stage.dragging{cursor:grabbing;touch-action:none}.stage:focus-visible{outline-offset:-5px}.stage-wash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 95px #ffffff16;border-radius:15px}.stage-top{position:absolute;top:25px;left:28px;right:25px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.edition{font-size:9px;letter-spacing:.20em;color:#3d566c9c;text-transform:uppercase}.icon-button{border:1px solid #ffffff8a;background:#ffffff40;backdrop-filter:blur(12px);border-radius:50%;width:33px;height:33px;display:grid;place-items:center;pointer-events:auto}.icon-button:hover{background:#ffffff9c}.icon-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.stage-bottom{position:absolute;bottom:25px;left:28px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}.cloud-name{font-family:Georgia,serif;font-size:22px;line-height:1.2;letter-spacing:-.5px}.handle{font-size:10px;color:#4a6274b5;margin-top:5px}.light-group{display:flex;background:#ffffff42;padding:4px;border-radius:30px;border:1px solid #ffffff55;backdrop-filter:blur(16px);pointer-events:auto;gap:3px}.light-group button{border:0;border-radius:20px;background:none;width:32px;height:30px;display:grid;place-items:center;color:#4f6778}.light-group button[aria-pressed=true]{background:#fffdf0;box-shadow:0 2px 7px #24445610;color:#284558}.light-group svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.beneath{max-width:1120px;margin:14px auto 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.hint{font-size:10px;color:#91a0a6;letter-spacing:.02em}.actions{display:flex;gap:8px}.text-button{border:1px solid #dee3e3;border-radius:6px;padding:9px 13px;background:#fbfcf9;font-size:10px}.text-button:hover{background:white;border-color:#bacbd1}.text-button svg{vertical-align:-2px;margin-right:5px;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.collection{max-width:1120px;margin:38px auto 0;padding-top:22px;border-top:1px solid #e2e6e4;display:flex;align-items:center;justify-content:space-between;gap:25px}.collection-label{font-family:Georgia,serif;font-size:18px;letter-spacing:-.4px;flex:1}.collection-label small{font-family:Inter,Arial,sans-serif;font-size:10px;color:#92a0a5;display:block;letter-spacing:0;margin-top:7px}.samples{display:flex;gap:12px}.sample{border:1px solid #d6e0e4;padding:0;border-radius:9px;overflow:hidden;background:#dce6ec;width:117px;height:84px;transition:transform .2s,box-shadow .2s}.sample:hover{transform:translateY(-3px);box-shadow:0 6px 18px #62758917}.sample[aria-pressed=true]{outline:2px solid #698b9e;outline-offset:3px}.sample svg,.sample canvas{width:100%;height:100%;display:block}.sample span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}footer{max-width:1120px;margin:35px auto 0;padding:19px 0 24px;display:flex;justify-content:space-between;gap:20px;color:#a0abb0;font-size:9px}.status{font-size:10px;color:#657d8b;min-height:14px;max-width:1120px;margin:9px auto 0}#save-preview{max-width:1120px;margin:15px auto}#save-preview img{display:block;width:260px;max-width:100%;border-radius:10px}#save-preview p{font-size:11px;color:#607685}.toast{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;color:#416074;padding:9px 14px;border-radius:20px;background:#ffffffb5;backdrop-filter:blur(12px);pointer-events:none}main{padding:0 28px}a{color:inherit}.stage-wrap.night .cloud-name,.stage-wrap.night .handle,.stage-wrap.night .edition{color:#f0f1f4}.stage-wrap.night .icon-button{color:#edf1fa}.stage-wrap.night .light-group{background:#ffffff3b}.stage-wrap.night .light-group button{color:#e7edf5}.stage-wrap.night .light-group button[aria-pressed=true]{color:#33445b}@media(min-width:1450px){.stage{aspect-ratio:1.95}}@media(max-width:760px){header{padding:23px 24px}.header-note{font-size:9px}.intro{display:block;margin:7px auto 26px;padding:0 24px}.finder{width:100%;margin-top:24px}h1{font-size:40px}.intro .eyebrow{margin-bottom:10px}.stage{aspect-ratio:1.02}.stage-top{top:18px;left:18px;right:18px}.stage-bottom{bottom:19px;left:18px;right:18px}.cloud-name{font-size:20px}.hint{font-size:9px}.beneath{gap:5px;align-items:flex-start}.text-button{padding:8px 9px}.collection{margin-top:28px;display:block}.collection-label{margin-bottom:16px}.samples{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.sample{width:100%;height:auto;aspect-ratio:1.28}.collection-label small{display:inline;margin-left:8px}main{padding:0 18px}.actions{gap:6px}footer{line-height:1.7;font-size:8px}.status{margin-top:8px}.light-group button{width:28px;height:28px}.light-group{gap:1px}.edition{font-size:8px}.handle{max-width:180px;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(max-width:760px){.beneath{flex-direction:column;gap:10px}.actions{width:100%;flex-wrap:wrap}.actions .text-button{flex:1;white-space:nowrap}}