*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,sans-serif;background:#0f2a20;color:#e8f0ec}button,input,select,textarea{font:inherit}.skip-link{position:absolute;left:12px;top:-100px;z-index:9999;padding:10px 14px;border-radius:6px;background:#e8f0ec;color:#0f2a20;font-weight:600;text-decoration:none;box-shadow:0 2px 12px #00000059}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid #c7d6cd;outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell{display:flex;flex-direction:column;height:100%;min-height:0}.app-workspace{display:flex;flex:1;min-height:0;min-width:0}.app-main-area{flex:1;position:relative;background:#0f2a20;min-width:0;min-height:0}.app-canvas-scroll{height:100%;overflow:auto;display:flex;justify-content:center;padding:32px 24px 48px;-webkit-overflow-scrolling:touch}.properties-panel{width:276px;flex-shrink:0;background:#131615;border-left:1px solid rgba(255,255,255,.08);padding:14px 16px;overflow-y:auto;box-sizing:border-box}.panel-section-title{margin:0 0 11px;font-size:11px;font-weight:600;letter-spacing:.07em;color:#6d7872;text-transform:uppercase}.panel-section-title--sentence{text-transform:none;letter-spacing:.02em}.panel-field-label{font-size:11px;color:#8f9b95;display:block;margin-bottom:3px}.flip-switch{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:none;cursor:pointer;flex-shrink:0;box-sizing:border-box}.flip-switch-visual{display:block;box-sizing:border-box;width:22px;height:32px;border-radius:6px}@media (max-width: 840px){.app-workspace{flex-direction:column}.app-main-area{flex:1 1 auto;min-height:min(52vh,560px)}.app-canvas-scroll{padding:16px 12px 28px}.properties-panel{width:100%;max-width:none;border-left:none;border-top:1px solid rgba(255,255,255,.08);max-height:min(48vh,480px);flex-shrink:0}}@media (pointer: coarse){.flip-switch{min-width:44px;min-height:44px;padding:6px 11px}}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:8px 16px;background:#1f4d3a;border-bottom:1px solid #2e7d5b;flex-wrap:wrap}@media (max-width: 840px),(pointer: coarse){.editor-toolbar button{min-height:44px}.editor-toolbar .toolbar-icon-btn{min-width:44px;width:auto}.editor-toolbar .toolbar-zoom-wrap{flex:1 1 100%;min-width:0;order:3;margin-top:4px}.editor-toolbar .toolbar-zoom-wrap input[type=range]{flex:1;min-width:0;max-width:none;width:auto!important}}@media (max-width: 480px){.app-header-title{font-size:18px!important}.app-header-tagline{display:none}}