:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9e5dd;background:#191c25;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #515563;border-radius:7px;background:#2c303d;color:#eee8dd;padding:10px 12px;cursor:pointer;font-size:12px}button:hover{background:#424755;border-color:#d6b987}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid #edbd82;outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #353a47;gap:20px}h1{font-weight:450;letter-spacing:-1.5px;margin:3px 0 0;font-size:32px}h1 i{font-family:Georgia,serif;color:#e3b98b;font-weight:400}.eyebrow,.section-label,footer,.flat-heading{font-size:10px;letter-spacing:2px;font-weight:600;color:#a9aeb9}.header-actions,.exports{display:flex;gap:8px;flex-wrap:wrap}main{display:grid;grid-template-columns:240px minmax(360px,1fr) 270px;min-height:calc(100dvh - 145px)}aside{padding:24px 18px;border-right:1px solid #353a47}aside.source{border-right:0;border-left:1px solid #353a47}.section-label{color:#d9b487;margin-bottom:18px;margin-top:5px}.section-label:not(:first-child){margin-top:30px}label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#b8bbc5;margin-bottom:13px}input,select,textarea{border:1px solid #444a59;background:#222632;color:#eee9df;border-radius:5px;padding:8px;width:100%;min-width:0}input[type=color]{height:35px;padding:4px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.widths{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.studio{padding:28px;min-width:0;display:flex;flex-direction:column}.stage-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:#c6c7cd}.badge{font-size:8px;letter-spacing:1.4px;border:1px solid #575341;padding:7px;color:#dfbd89;border-radius:20px}.preview{flex:1;min-height:300px;display:flex;align-items:center;justify-content:center;padding:28px 0}.preview svg{width:100%;max-height:480px;filter:drop-shadow(0 20px 16px #0004)}.caption{display:flex;gap:16px;align-items:center;margin:0 0 30px;color:#9fa7b5;font-size:12px;line-height:1.5}.caption b{color:#e8c7a1;font-family:Georgia,serif;font-size:32px;font-weight:400}.flat-heading{display:flex;justify-content:space-between;gap:10px}.flat-heading span{letter-spacing:0;font-weight:400}.flat{padding:18px 0 24px}.flat svg{width:100%;max-height:145px}.exports button:first-child{background:#d9b586;color:#20212b;border-color:#d9b586}.notice,.source p{font-size:11px;line-height:1.7;color:#969eae}.status{padding:12px 14px;border-left:2px solid #bb9470;font-size:12px;background:#252935;min-height:42px}.source textarea{height:290px;font-family:ui-monospace,monospace;font-size:10px;line-height:1.5;resize:vertical}.stack{display:grid;gap:8px;margin:16px 0 24px}.privacy{border-top:1px solid #414552;padding-top:20px;font-size:12px}.privacy button{margin:0 3px 6px 0;font-size:10px;padding:7px}.vertices{max-height:200px;overflow:auto;padding:8px 2px}.warning{color:#f2bc7c!important}summary{cursor:pointer;font-size:12px;color:#d9b88d;padding:10px 0}footer{display:flex;justify-content:space-between;padding:14px 32px;border-top:1px solid #353a47;font-size:8px}.focus main{grid-template-columns:1fr}.focus aside{display:none}.focus .preview{min-height:55dvh}.focus .studio{max-width:1300px;width:100%;margin:auto}@media(max-width:1100px){main{grid-template-columns:220px 1fr}.source{grid-column:1/-1;border-top:1px solid #353a47}.source textarea{height:180px}}@media(max-width:700px){header{padding:18px;align-items:flex-start;flex-direction:column}main{display:flex;flex-direction:column}aside{order:2;border-top:1px solid #353a47}.studio{padding:18px;order:1}.source{order:3}.preview{min-height:210px}h1{font-size:28px}.stage-top{align-items:flex-start}.badge{max-width:130px}.flat-heading span{display:none}footer{padding:14px 18px;gap:20px}.focus aside{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}