.app{display:flex;flex-direction:column;align-items:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;background-color:#fafafa}.app__toolbar{display:flex;gap:12px;margin-bottom:16px;align-items:center}.app__file-input{display:none}.app__button{padding:10px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.app__button:hover{background-color:#1e88e5}.app__button:disabled{opacity:.5;cursor:not-allowed}.app__button__button--danger{background-color:#e53935}.app__button__button--danger:hover{background-color:#d32f2f}.app__button__button--danger:disabled{opacity:.5;cursor:not-allowed}.app__button__button--danger-outline{background-color:transparent;color:#e53935;border:1px solid #e53935}.app__button__button--danger-outline:hover{background-color:#e5393514}.app__button__button--danger-outline:disabled{opacity:.5;cursor:not-allowed}.app__loading{color:#666;font-size:14px}.app__error{background-color:#ffebee;color:#c62828;padding:10px 16px;border-radius:6px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.app__error-close{background:none;border:none;color:#c62828;font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.app__canvas-container{border:2px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.app__canvas{display:block}.app__hidden-canvas{display:none}.app__instructions{margin-top:16px;color:#666;font-size:13px;text-align:center}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fafafa;padding:0;overflow-x:hidden}