:root{font-family:Segoe UI,Arial,sans-serif;color:#354050;background:#fff;font-synthesis:none;--cyan:#00cde4;--line:#e6eaf0;--muted:#8c96a5 }*{box-sizing:border-box}body{margin:0;min-width:1100px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,.viewport:focus-visible{outline:2px solid #00cadb;outline-offset:3px}#studio-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}#app{position:relative;z-index:1}.topbar{height:46px;display:flex;align-items:center;justify-content:center;padding-top:12px}.brand{display:flex;gap:10px;align-items:center;font-size:32px;line-height:1;font-weight:900;letter-spacing:1px;font-style:italic;color:#34404f;text-decoration:none}.planet-mark{font-size:29px;filter:hue-rotate(125deg)}.local-pill,.eyebrow,.intro,.step,.preview-tag,.preview-note{display:none}main{max-width:1920px;margin:auto;padding:0 24px 10px}.heading{position:relative;height:66px;display:flex;justify-content:center;align-items:flex-start;padding-top:6px;margin-bottom:8px}h1{font-size:34px;letter-spacing:-.7px;line-height:1.2;font-weight:750;margin:0}.nickname{position:absolute;right:0;top:0;display:flex;align-items:center;gap:14px;color:#465268;font-size:16px}.nickname>span{position:relative;width:clamp(180px,20vw,350px)}.nickname input{width:100%;border:2px solid #dfe3eb;border-radius:8px;background:#ffffffa0;padding:10px 34px 10px 13px;color:#263240;font-size:18px}.nickname svg{position:absolute;right:13px;top:14px;width:17px;color:#a5adba}.workshop{display:grid;grid-template-columns:1fr 1.04fr 1.04fr;gap:14px}.panel{min-width:0;border:2px solid #eff1f6;border-radius:10px;padding:12px 16px 18px;position:relative;background:transparent}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:0 0 7px;border-bottom:2px solid #e3e7ee}h2{font-size:28px;font-weight:750;letter-spacing:-.6px;margin:0}.viewport{height:clamp(280px,calc(100vh - 435px),510px);position:relative;cursor:grab;touch-action:none;border-radius:10px}.viewport:active{cursor:grabbing}.view-tools{display:flex;justify-content:space-between;align-items:center;padding:0 3px 9px;gap:6px;font-size:11px;color:var(--muted)}.view-tools>span{display:flex;align-items:center;gap:6px}.view-tools svg{width:16px;height:16px}.camera-reset{font-size:10px;padding:2px 0;background:none;border:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.preset{border:2px solid transparent;border-radius:8px;background:transparent;padding:2px 0 6px;min-width:0;position:relative;transition:border-color .15s}.preset:hover{border-color:#b8f2f7}.preset.selected{border-color:var(--cyan)}.thumb{display:block;height:clamp(77px,10vh,116px);pointer-events:none}.preset-label{display:flex;flex-direction:column;gap:3px;line-height:1.2;text-align:center;pointer-events:none}.preset-label b{font-size:14px;font-weight:500;white-space:nowrap}.preset-label>span{display:none}.color-row{border-top:1px solid var(--line);margin-top:15px;padding:9px 1px 0}.control-label{font-size:18px;font-weight:700;display:block;margin-bottom:12px}.colors{display:flex;gap:13px;align-items:center}.swatch{width:clamp(26px,2.5vw,40px);height:clamp(26px,2.5vw,40px);flex-shrink:0;border-radius:50%;border:1px solid #00000009;background:var(--swatch);padding:0;position:relative}.swatch.chosen:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--cyan);border-radius:50%}.custom-color{position:relative;width:35px;height:35px;margin-left:auto;flex-shrink:0;background:conic-gradient(#ff6561,#ffdf63,#72d4b8,#56b7ff,#c382f5,#ff6561);border-radius:8px;display:grid;place-items:center;overflow:hidden;cursor:pointer}.custom-color>span{background:#fff;border-radius:3px;width:23px;height:23px;display:grid;place-items:center;font-size:20px;color:#80909a;pointer-events:none}.custom-color input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.preview-panel{display:flex;flex-direction:column}.rear-viewport{height:auto;flex:1;min-height:360px;cursor:default;margin:0 -8px}.preview-caption{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;color:#5d6879;margin:8px 0 35px}.camera-dot,.caption-rule,#pilot-name{display:none}.footer-actions{display:flex;gap:14px;margin-top:auto}.button{flex:1;padding:21px 12px;border-radius:12px;border:0;font-size:20px;font-weight:500;white-space:nowrap}.secondary{background:#eceef3;color:#47556b}.secondary:hover{background:#e1e6ed}.primary{background:var(--cyan);color:#102e40;flex:1.15}.primary:hover{background:#00bed4}.primary:disabled{opacity:.5;cursor:wait}.footer{padding:8px 3px 0}.status{font-size:11px;color:#94a0ab;line-height:1.5}.status.pending{color:#ac874e}.status.saved{color:#319485}@media(max-height:780px){.topbar{height:36px}.brand{font-size:26px}.heading{height:57px}h1{font-size:29px}.panel{padding:10px 13px 14px}h2{font-size:24px}.viewport{height:calc(100vh - 390px);min-height:250px}.thumb{height:75px}.rear-viewport{height:auto;min-height:320px}.control-label{font-size:16px;margin-bottom:9px}.color-row{margin-top:10px}.button{padding:17px 12px;font-size:18px}.preview-caption{margin-bottom:26px}}.launch-flight{margin-top:12px;width:100%;padding:16px 12px;border:1px solid #00b9d0;border-radius:10px;background:#132d3b;color:#e6fcff;font-size:18px;font-weight:600}.launch-flight:hover{background:#20495a}.launch-flight:disabled{opacity:.5;cursor:wait}