:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233b4c;background:#f6f8fa;font-synthesis:none;--ink:#233b4c;--muted:#73838d;--border:#dce4e9;--sky:#d1e5f5;--accent:#426a83}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #508ab6;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}.site-header{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#fcfdfd;border-bottom:1px solid var(--border);gap:18px}.brand{display:flex;gap:13px;align-items:center;font-size:11px;font-weight:650;letter-spacing:1.5px;white-space:nowrap}.brand-mark{font-family:Georgia,serif;font-style:italic;line-height:36px;font-size:32px;letter-spacing:-4px;width:36px;height:38px;border:1px solid #b9cbd5;border-radius:11px;padding:0 6px 0 3px}.brand-divider{padding:0 11px;color:#acbbc3}.maker{font-size:12px;font-weight:600;letter-spacing:.2px}.maker span{font-weight:400;color:#6b7d87}.original-badge{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.4px;color:#6c7e8a}i{display:inline-block;width:6px;height:6px;background:#6a989e;border-radius:50%}.layout{display:grid;grid-template-columns:288px minmax(0,1fr);min-height:calc(100svh - 115px)}.sidebar{padding:33px 29px 21px;background:#fcfdfd;display:flex;flex-direction:column;border-right:1px solid var(--border);z-index:2}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;margin:0 0 10px;color:#82949f}.intro h1{font-size:76px;letter-spacing:-5px;line-height:1.05;margin:6px 0 13px;font-weight:550}.intro h1 span{color:#91b4cc}.lead{font-size:19px;line-height:1.48;letter-spacing:-.5px;margin:0 0 16px}.description{font-size:11.5px;line-height:1.85;color:#7b8a93;margin:0 0 29px;max-width:216px}.sidebar h2{font-size:9px;font-weight:650;letter-spacing:1.65px;margin:0 0 12px;color:#7e8c95}.view-buttons{display:grid;grid-template-columns:repeat(4,1fr);background:#f0f4f6;border:1px solid #e1e8ec;border-radius:9px;padding:3px;gap:2px}.view-buttons button{padding:9px 0;font-size:11px;background:none;border-radius:6px;color:#7a8993}.view-buttons button.selected,.framing button.selected{background:white;color:#2b4b62;box-shadow:0 1px 5px #243d5012}.options{margin-top:14px;border-bottom:1px solid #e3e9ed;padding-bottom:11px}.option-button{background:transparent;display:flex;align-items:center;gap:10px;padding:9px 0;width:100%;font-size:11px}.option-button .icon{font-size:19px;line-height:1;width:22px;color:#829dab}.toggle{margin-left:auto;width:25px;height:15px;border-radius:20px;background:#d9e3e9;position:relative;transition:.2s}.toggle:after{content:"";position:absolute;left:3px;top:3px;width:9px;height:9px;border-radius:50%;background:white;box-shadow:0 1px 3px #29455820;transition:.2s}.active .toggle{background:#749cad}.active .toggle:after{transform:translateX(10px)}.framing{display:flex;padding:4px;border-radius:8px;background:#f1f5f7;margin:13px 0 26px}.framing button{width:50%;font-size:10px;padding:8px;background:none;border-radius:5px;color:#7d8e98}.palette{display:flex;gap:10px;margin-top:2px}.palette span{height:25px;width:25px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #192e3912}.palette-labels{font-size:8px;color:#8a99a2;display:flex;justify-content:space-between;max-width:165px;margin-top:8px}.sidebar-bottom{margin-top:auto;padding-top:24px}.download-button{border-radius:8px;padding:13px 14px;background:#284b61;color:#fff;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:11px;box-shadow:0 5px 14px #32566d16;transition:.2s}.download-button:hover{background:#3b6178;transform:translateY(-1px)}.download-button span:last-child{font-size:19px;line-height:1}.secondary-actions{display:flex;justify-content:space-between;gap:8px;margin-top:11px}.secondary-actions button{background:none;padding:4px 0;color:#788d99;font-size:9px}.file-detail{font-size:8px;color:#a0acb5;letter-spacing:.25px;margin:9px 0 0}.stage{position:relative;overflow:hidden;background:#c7e0f3;min-height:710px;isolation:isolate}.stage:after{content:"";position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse at 55% 40%,transparent 20%,#668caa09 80%);z-index:0}#scene{position:absolute;width:100%;height:100%;touch-action:none;display:block}.stage-heading{pointer-events:none;position:absolute;top:25px;left:29px;right:29px;z-index:3;display:flex;align-items:center;justify-content:space-between}.stage-kicker{font-size:8px;font-weight:600;letter-spacing:2.4px;color:#7393a9}.stage-heading h2{font-size:16px;font-weight:550;margin:5px 0;color:#30576e;letter-spacing:-.3px}.stage-heading h2 span{font-weight:400;font-size:11px;color:#6b8a9f;margin-left:8px}.live-chip{background:#eff8ff81;border:1px solid #f4fbffb3;border-radius:20px;padding:7px 10px;font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:6px;color:#668b9f}.live-chip i{width:4px;height:4px}.viewer-guide{position:absolute;bottom:25px;left:29px;display:flex;align-items:center;gap:8px;font-size:9px;color:#6f91a7;z-index:3}.viewer-guide>span:not(.mouse-icon){color:#8dadc1}.mouse-icon{font-size:16px}.viewer-guide button{background:none;color:#496e86;font-size:9px;padding:0 0 0 12px;text-decoration:underline;text-decoration-color:#91aabb;text-underline-offset:3px}.quality-card{position:absolute;z-index:3;bottom:20px;right:23px;background:#edf7ffd9;border:1px solid #fff9;box-shadow:0 4px 24px #3865870b;border-radius:10px;min-width:202px;padding:12px 14px;font-size:9px;backdrop-filter:blur(10px)}.quality-card>div{display:flex;gap:6px;align-items:center;letter-spacing:1px;font-size:7px;color:#6d8b9e}.quality-card strong{margin-left:auto;font-size:11px;font-weight:600;color:#31576c;letter-spacing:0}.quality-card p{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#7a99ac;margin:10px 0 0}.quality-card b{font-weight:500;color:#567b94}.quality-card .fit-line{margin-top:5px}.site-footer{height:40px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:8px;padding:0 34px;color:#8c9ba4;background:#fcfdfd;letter-spacing:.3px}.site-footer a{color:#637f90}.quad-labels{position:absolute;inset:0;pointer-events:none;z-index:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.quad-labels[hidden]{display:none}.quad-labels span{padding:96px 28px 0;font-size:8px;color:#69869a;letter-spacing:1.5px;border-right:1px solid #ffffff66;border-bottom:1px solid #ffffff66}.quad-labels span:nth-child(n+3){padding-top:16px}.loading{position:absolute;inset:0;z-index:9;background:#d4e8f7;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;font-size:14px;color:#43637a}.loading span{font-size:10px;color:#7f99ac}.loading-spinner{width:34px;height:34px;border:2px solid #b7d0e2;border-top-color:#54819c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:9px}@keyframes spin{to{transform:rotate(360deg)}}#reference-dialog{border:1px solid #e3eaf0;border-radius:17px;max-width:min(830px,92vw);max-height:90svh;padding:28px;box-shadow:0 30px 100px #102f4950;background:#fdfefe;overflow:auto;grid-template-columns:230px 1fr;gap:28px;color:#345066}#reference-dialog[open]{display:grid}#reference-dialog::backdrop{background:#19304488;backdrop-filter:blur(6px)}#reference-dialog form{position:absolute;top:13px;right:14px}.dialog-close{font-size:26px;background:#eaf0f5;border-radius:50%;width:32px;height:32px;line-height:28px}.reference-text{padding-top:13px}.reference-text h2{font-weight:500;font-size:30px;letter-spacing:-1px;margin-top:15px}.reference-text p:not(.eyebrow){font-size:12px;line-height:1.8;color:#7b8e9c}.reference-text .eyebrow{font-size:8px}#reference-dialog img{display:block;max-height:78svh;max-width:100%;margin:auto;object-fit:contain;background:#fff}.capture-credit{display:none}#toast{position:fixed;z-index:25;left:50%;bottom:32px;transform:translate(-50%,20px);opacity:0;background:#294b60;color:white;border-radius:10px;padding:13px 20px;font-size:12px;pointer-events:none;transition:.2s;box-shadow:0 7px 25px #16354c20}#toast.visible{opacity:1;transform:translate(-50%,0)}body.capture .site-header,body.capture .sidebar,body.capture .site-footer,body.capture .viewer-guide,body.capture .quality-card{display:none}body.capture .layout{display:block;min-height:100svh}body.capture .stage{height:100svh;min-height:0}body.capture .stage-heading{top:22px;left:30px;right:30px}body.capture .stage-heading h2{font-size:24px}body.capture .capture-credit{display:flex;position:absolute;z-index:5;left:0;right:0;bottom:0;align-items:center;justify-content:center;min-height:50px;background:#102636;color:white;font-size:17px;font-weight:650;letter-spacing:1.2px}body.capture .quad-labels span{padding-top:80px}body.capture .quad-labels span:nth-child(n+3){padding-top:18px}body.clean .stage-heading,body.clean .capture-credit{display:none}body.clean .stage{background:white}button:hover{filter:brightness(.98)}
@media(min-height:1000px){.sidebar{padding-top:49px}.description{margin-bottom:45px}.options{margin-top:20px}.option-button{padding:13px 0}.framing{margin-bottom:36px}.stage-heading{top:33px}}@media(max-width:1050px){.layout{grid-template-columns:252px minmax(0,1fr)}.sidebar{padding:27px 24px 22px}.intro h1{font-size:68px}.site-header{padding:0 24px}.original-badge{display:none}.stage-heading{left:24px;right:24px}.quality-card{right:16px;min-width:180px}.viewer-guide{left:20px;font-size:8px;bottom:24px;gap:5px}.viewer-guide button{padding-left:3px}}@media(max-width:720px){.site-header{height:57px;padding:0 17px}.brand{font-size:8px;letter-spacing:1px;gap:8px}.brand-mark{width:28px;height:31px;line-height:28px;font-size:26px;border-radius:9px}.brand-divider{padding:0 6px}.maker{font-size:9px}.maker span{display:none}.layout{display:flex;flex-direction:column;min-height:0}.stage{order:0;min-height:0;height:75svh;max-height:800px;border-bottom:1px solid #b7d4e8}.sidebar{order:1;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 20px;border-right:0}.intro h1{font-size:52px;letter-spacing:-3px;margin:4px 0 8px}.eyebrow{font-size:7px;letter-spacing:1.4px}.lead{font-size:15px;margin-bottom:8px}.description{font-size:10px;margin-bottom:0;line-height:1.7}.inspect-section h2{font-size:8px}.options{margin-top:8px;padding-bottom:7px}.option-button{padding:7px 0;font-size:10px}.framing{margin:9px 0 0}.framing button{font-size:9px}.palette-section{display:none}.sidebar-bottom{grid-column:1/-1;padding-top:0;margin:0}.download-button{padding:13px 15px;font-size:12px}.secondary-actions button{font-size:10px}.file-detail{text-align:center}.stage-heading{top:17px;left:18px;right:18px}.stage-heading h2{font-size:15px}.stage-heading h2 span{font-size:9px;margin-left:4px}.stage-kicker{font-size:7px}.live-chip{font-size:7px;padding:6px 8px}.viewer-guide{bottom:19px;left:17px;font-size:8px;max-width:180px;flex-wrap:wrap;gap:5px}.quality-card{bottom:13px;right:13px;padding:9px 10px;min-width:157px}.quality-card>div{font-size:6px;letter-spacing:.6px}.quality-card strong{font-size:10px}.quality-card p{font-size:7px;margin-top:7px}.quality-card .fit-line{margin-top:4px}.site-footer{height:auto;min-height:55px;padding:14px 20px;flex-wrap:wrap;gap:8px;font-size:7px}.site-footer span:first-child{width:100%}.quad-labels span{padding:78px 12px 0;font-size:7px}.quad-labels span:nth-child(n+3){padding-top:12px}#reference-dialog[open]{display:block;padding:22px}#reference-dialog img{max-height:65svh;margin-top:18px}.reference-text{padding-top:0;padding-right:18px}.reference-text h2{font-size:23px;margin:9px 0}.reference-text p:not(.eyebrow){font-size:10px;line-height:1.6}body.capture .capture-credit{font-size:11px;min-height:40px;letter-spacing:.5px}body.capture .stage-heading h2{font-size:19px}}

@media(max-width:720px){.view-buttons{grid-template-columns:repeat(2,1fr)}.view-buttons button,.framing button{min-height:40px}.option-button{min-height:40px}.secondary-actions button{min-height:40px}}