html,body,#root{min-height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--background-primary: #ffffff;--background-secondary: #f0f2f5;--text-primary: #44403f;--text-secondary: #666;--border-primary: #ccc;--border-secondary: #e0e0e0;--card-shadow: none;--button-background: #f9f9f9;--button-hover-border: #747bff;--link-color: #646cff;--link-hover-color: #535bf2;--hover-background: #f0f0f0;--button-primary-background: #009fe9;--button-primary-background-hover: #0086c7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover-color)}body{margin:0;background-color:var(--background-secondary);color:var(--text-primary)}#root{width:100%}h1{font-size:3.2em;line-height:1.1}label{color:var(--text-primary)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-background);color:var(--text-primary);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--button-hover-border)}button:focus,button:focus-visible{outline:none}:where(button,[role=button],.header-tab,.app-header,.app-shell,.app-content-wrapper,.editor-shell,.editor-left-panel,.editor-canvas-wrap,.app-footer,.operation-panel,.preview-dialog,[data-reader-ignore=true],[data-no-user-select=true]){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:where(input,textarea,select,[contenteditable=true]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}:where(img,svg,canvas){-webkit-user-drag:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:16px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block;height:10px;width:0;background:transparent}.operation-panel:not(.operation-panel--toolbox)>*{padding-bottom:1.5rem;border-bottom:1px solid #c1c1c1}.operation-panel:not(.operation-panel--toolbox)>*:last-child{padding-bottom:0;border-bottom:none}.operation-panel--toolbox button:hover{border-color:var(--button-primary-background)}.operation-panel-workspace label{font-size:.82rem!important}.operation-panel-workspace textarea,.operation-panel-workspace input[type=number]{background:#fff}.operation-panel-reset{display:flex;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px),(max-width: 767px) and (hover: none) and (pointer: coarse){.canvas-zone{max-height:none;flex:1!important;align-items:center!important}.operation-panel--toolbox{flex-direction:column;height:auto!important;max-height:none!important;overflow:visible!important}.operation-panel--toolbox nav{width:100%!important;min-width:0!important;height:auto!important;min-height:70px;max-height:86px;flex-direction:row!important;justify-content:flex-start;border-right:none!important;border-bottom:1px solid var(--border-secondary);overflow-x:auto;overflow-y:hidden}.operation-panel-workspace{position:static!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:210px;max-height:none!important;border-right:none!important;border-left:none!important;border-radius:0!important;box-shadow:none!important}.operation-panel-workspace>div:last-child{max-height:min(52dvh,420px);overflow-y:auto!important}}@media (max-width: 360px){button{overflow-wrap:anywhere}}