@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}html,body{height:100%;font-family:Inter,sans-serif;font-size:16px;line-height:1.4;color:#000;background:#f5f5f5;-webkit-font-smoothing:antialiased}#project-bar{height:40px;background:#fff;display:flex;align-items:center;gap:1rem;padding:0 1.5rem}#project-bar select{background:#fff;color:#000;border:1px solid #000000;padding:4px 8px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}#project-bar select:focus{outline:none;border-color:#f60}#project-bar .status-text{font-size:.75rem;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.05em}#project-bar mauc-logo{margin-left:auto}.layout-2col{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 88px);overflow:hidden}.panel{overflow-y:auto}.panel h2{font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#000;margin-bottom:1rem}.panel-left{background:#fff;border-right:1px solid #000000;padding:1.5rem;border-top:2px solid #FF6600}.panel-right{padding:0;position:relative;background:#f5f5f5}#input-fields{display:flex;flex-direction:column;gap:1.25rem}.input-group label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#000;margin-bottom:.35rem}.input-group input[type=range]{width:100%;accent-color:#FF6600;height:4px;cursor:pointer}.input-group input[type=text]{width:100%;background:#f5f5f5;color:#000;border:1px solid #000000;padding:.5rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600}.input-group input[type=text]:focus{outline:none;border-color:#f60}.input-group .range-value{font-size:.75rem;font-weight:700;color:#000;text-align:right;display:block;margin-top:2px}#preview-canvas{width:100%;height:100%;display:block;background:#f5f5f5}#debug-overlay{position:absolute;top:0;left:0;right:0;height:10rem;background:#ffffffb3;overflow-y:auto;z-index:20;font-family:JetBrains Mono,monospace;font-size:.6875rem;line-height:1.5;color:#333;padding:.5rem .75rem;white-space:pre-wrap;word-break:break-all;display:none}#debug-overlay.visible{display:block}#debug-toggle{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:21;background:#ffffffeb;border:1px solid #ccc;color:#666;font-family:JetBrains Mono,monospace;font-size:.625rem;padding:.15rem .75rem;cursor:pointer;display:none;text-transform:uppercase;letter-spacing:.1em}#debug-toggle:hover{color:#000;background:#fff}.toolbar{height:48px;background:#fff;border-top:1px solid #FF6600;display:flex;align-items:center;gap:.5rem;padding:0 1rem}.toolbar button{padding:.35rem 1rem;background:#f60;color:#fff;border:1px solid #FF6600;cursor:pointer;font-family:Inter,sans-serif;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:all .1s ease}.toolbar button:hover{background:#000;border-color:#000;color:#fff}.toolbar button:disabled{opacity:.3;cursor:not-allowed}.toolbar button:disabled:hover{background:#f60;border-color:#f60;color:#fff}.toolbar button:last-of-type{margin-left:auto}.toolbar .status-text,#export-progress{font-size:.75rem;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.05em}#viewer-toolbar{position:absolute;bottom:.75rem;left:.75rem;display:flex;gap:.35rem;z-index:15}.viewer-btn{width:36px;height:36px;background:#fff;color:#000;border:1px solid #000000;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.viewer-btn:hover,.viewer-btn.active{background:#f60;border-color:#f60;color:#fff}#resize-handle{position:absolute;top:0;right:280px;width:4px;height:100%;cursor:col-resize;z-index:15;background:transparent;transition:right .25s ease}#resize-handle:hover,#resize-handle:active{background:#f60}#panel-toggle{position:absolute;top:0;right:280px;z-index:16;width:28px;height:40px;background:#fff;border:1px solid #000000;border-right:none;cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:right .25s ease;color:#666}#panel-toggle:hover{color:#f60}#side-panel.hidden+#panel-toggle{right:0}#side-panel{position:absolute;top:0;right:0;width:280px;height:100%;background:#fff;border-left:1px solid #000000;z-index:10;display:flex;flex-direction:column;overflow:hidden;transition:width .25s ease}#side-panel.hidden{width:0!important;border-left:none}#panel-header{display:flex;align-items:center;padding:0;border-bottom:1px solid #ddd;flex-shrink:0}#panel-tabs{display:flex;width:100%}.panel-tab{flex:1;padding:.75rem .5rem;background:#fff;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:Inter,sans-serif;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#666;transition:all .1s ease}.panel-tab:hover{color:#000}.panel-tab.active{color:#f60;border-bottom-color:#f60}#info-content{flex:1;overflow-y:auto;padding:.75rem 1rem;font-size:.8125rem}#info-content .muted{color:#666;font-style:italic}.panel-tab-content{display:none}.panel-tab-content.active{display:flex;flex-direction:column}.element-info .info-section{margin-bottom:.75rem}.element-info .info-section-title{font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#666;margin-bottom:.35rem}.element-info .info-row{display:flex;gap:.5rem;padding:.2rem 0;border-bottom:1px solid #eee}.element-info .info-key{font-weight:600;color:#000;min-width:5rem;flex-shrink:0}.element-info .info-val{color:#666;word-break:break-all}.frame-btn{width:100%;padding:.5rem;margin-top:.5rem;background:#f60;color:#fff;border:1px solid #FF6600;cursor:pointer;font-family:Inter,sans-serif;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:all .1s ease}.frame-btn:hover{background:#000;border-color:#000;color:#fff}.info-row.editable{align-items:center;gap:.25rem}.info-row.editable .info-key{cursor:default;min-width:4rem}.info-input{flex:1;padding:.15rem .35rem;border:1px solid #ddd;border-radius:3px;font-family:Inter,sans-serif;font-size:.75rem;color:#666;background:#fafafa;max-width:120px}.info-input:focus{outline:none;border-color:#f60;background:#fff}select.info-input{cursor:pointer}.info-actions{display:flex;gap:.5rem;margin-top:.75rem}.info-actions .frame-btn{width:auto;flex:1;margin-top:0}.info-actions .element-apply-btn{flex:1;padding:.5rem;background:#f60;color:#fff;border:1px solid #FF6600;cursor:pointer;font-family:Inter,sans-serif;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:all .1s ease}.info-actions .element-apply-btn:hover{background:#000;border-color:#000;color:#fff}#preview-canvas{position:absolute;top:0;left:0;right:0;bottom:0;display:block;background:#f5f5f5}#viewer-canvas{width:100%;height:100%;display:block}#viewer-container{height:calc(100vh - 80px);position:relative}#viewer-container .info-bar{position:absolute;bottom:0;left:0;right:0;height:48px;background:#fff;border-top:1px solid #FF6600;display:flex;align-items:center;gap:.5rem;padding:0 1rem;z-index:10}#viewer-container .info-bar button,#viewer-container .info-bar a{padding:.35rem 1rem;background:#f60;color:#fff;border:1px solid #FF6600;cursor:pointer;font-family:Inter,sans-serif;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:all .1s ease}#viewer-container .info-bar button:hover,#viewer-container .info-bar a:hover{background:#000;border-color:#000;color:#fff}