*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#d4d4d4;background:#1e1e1e;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{flex-direction:column;height:100%;display:flex}.toolbar{background:#252526;border-bottom:1px solid #3c3c3c;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.brand{align-items:center;gap:6px;display:flex}.brand-logo{flex-shrink:0;width:48px;height:48px;position:relative;top:-3px}.toolbar h1{letter-spacing:.5px;color:#e0e0e0;margin:0;font-family:Outfit,sans-serif;font-size:20px;font-weight:400;line-height:1}.toolbar-actions{gap:8px;display:flex}.toolbar-actions button{color:#fff;cursor:pointer;background:#0e639c;border:none;border-radius:4px;padding:6px 14px;font-size:13px;transition:background .15s}.toolbar-actions button:hover{background:#17b}.panels{flex:1;min-height:0;display:flex}.panel{flex-direction:column;min-width:100px;display:flex;overflow:hidden}.panel-header{text-transform:uppercase;letter-spacing:.5px;color:#888;background:#252526;border-bottom:1px solid #3c3c3c;flex-shrink:0;padding:6px 12px;font-size:12px}.editor-panel{flex:0 0 50%;min-width:0}.editor-panel .cm-editor{height:100%}.editor-panel .cm-editor .cm-scroller{overflow:auto}.preview-panel{flex:1;min-width:0;transition:background-color .2s}.transparent-checkbox{color:#d4d4d4;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:13px;display:flex}.transparent-checkbox input{cursor:pointer}.preview-content{flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:auto}.preview-svg-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.preview-svg-wrapper svg{width:100%!important;height:auto!important;max-height:100%!important}.template-select,.theme-select{color:#d4d4d4;cursor:pointer;background:#3c3c3c;border:1px solid #555;border-radius:4px;outline:none;padding:6px 10px;font-size:13px}.template-select:hover,.theme-select:hover,.template-select:focus,.theme-select:focus{border-color:#007acc}.resize-handle{cursor:col-resize;background:#3c3c3c;flex-shrink:0;justify-content:center;align-items:center;width:8px;transition:background .15s;display:flex;position:relative}.resize-handle:after{content:"";background:#666;border-radius:1px;width:2px;height:24px;transition:background .15s}.resize-handle:hover,.resize-handle.dragging{background:#007acc}.resize-handle:hover:after,.resize-handle.dragging:after{background:#fff}.error-message{color:#f48771;white-space:pre-wrap;background:#322;border:1px solid #5a1d1d;border-radius:4px;max-width:100%;padding:16px;font-family:monospace;font-size:13px;overflow:auto}