:root{--canvas-bg:#fafafa;--border-color:#d9d9d9}*{margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}.app-layout-content{flex-direction:row}.app-toolbar-mobile{box-sizing:border-box;scrollbar-width:none;height:56px;overflow-y:hidden}.app-toolbar-mobile::-webkit-scrollbar{display:none}@media (width<=767px){.app-layout-content{flex-direction:column}}.canvas-container{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-layer{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.editor-workspace{flex-direction:column;height:100%;min-height:0;display:flex}.canvas-surface{flex:1;min-height:0;position:relative}.editor-status-bar{color:#595959;background:#fff;border-top:1px solid #eee;flex-wrap:wrap;gap:4px 16px;padding:8px 12px;font-size:12px;display:flex}.zoom-controls{background:#fffffff2;border-radius:8px;padding:4px;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0002}.zoom-percentage{text-align:center;min-width:42px;font-size:12px;display:inline-block}.canvas-container.tool-pencil{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cpath%20d='M3%2029%206%2019%2023%202%2030%209%2013%2026Z'%20fill='white'%20stroke='white'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M3%2029%206%2019%2023%202%2030%209%2013%2026Z'%20fill='%23fadb14'%20stroke='%23262626'%20stroke-width='1.5'%20stroke-linejoin='round'/%3e%3cpath%20d='m20%205%207%207%203-3-7-7Z'%20fill='%23ff7875'%20stroke='%23262626'%20stroke-width='1.5'/%3e%3cpath%20d='m6%2019%207%207-10%203Z'%20fill='%23fff1b8'%20stroke='%23262626'%20stroke-width='1.5'/%3e%3cpath%20d='m3%2029%202-6%204%204Z'%20fill='%23262626'/%3e%3c/svg%3e") 3 29,crosshair}.canvas-container.tool-mouse{cursor:grab}.canvas-container.tool-eraser{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cpath%20d='m3%2020%2016-16%2011%2011-14%2014H12Z'%20fill='white'%20stroke='white'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='m3%2020%2016-16%2011%2011-14%2014H12Z'%20fill='%23ffadd2'%20stroke='%23262626'%20stroke-width='1.5'%20stroke-linejoin='round'/%3e%3cpath%20d='m3%2020%207-7%2011%2011-5%205H12Z'%20fill='%23fff'%20stroke='%23262626'%20stroke-width='1.5'%20stroke-linejoin='round'/%3e%3c/svg%3e") 5 25,cell}.canvas-container.tool-fill{cursor:pointer}.canvas-container.tool-picker{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cpath%20d='m3%2029%202-7L18%209l-2-2%203-3%202%202%203-3a4%204%200%200%201%206%206l-3%203%202%202-3%203-2-2-13%2013Z'%20fill='white'%20stroke='white'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='m3%2029%202-7L18%209l6%206-13%2013Z'%20fill='%23bae7ff'%20stroke='%23262626'%20stroke-width='1.5'%20stroke-linejoin='round'/%3e%3cpath%20d='m16%207%203-3%202%202%203-3a4%204%200%200%201%206%206l-3%203%202%202-3%203Z'%20fill='%23595959'%20stroke='%23262626'%20stroke-width='1.5'%20stroke-linejoin='round'/%3e%3c/svg%3e") 3 29,copy}.canvas-container.tool-replace{cursor:alias}.zoom-controls{z-index:6;max-width:calc(100% - 24px)}.floating-palette{z-index:5;background:#fff;border-radius:10px;flex-direction:column;max-width:calc(100% - 16px);max-height:calc(100% - 16px);display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 16px #0003}.floating-palette-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid #eee;flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.floating-palette-handle strong{flex:1}.floating-palette-body{overscroll-behavior:contain;min-height:0;max-height:40vh;padding:12px;overflow-y:auto}.sheet-grip{background:#bfbfbf;border-radius:4px;width:36px;height:4px;margin:0 auto 5px;display:block}.mobile-panel-dock{bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:999;color:#595959;touch-action:none;background:#fff;border:1px solid #d9d9d9;border-bottom:0;border-radius:12px 12px 0 0;padding:7px 28px;font-size:12px;position:fixed;left:50%;transform:translate(-50%)}.mobile-panel-handle{width:100%;font:inherit;color:inherit;cursor:ns-resize;touch-action:none;background:0 0;border:0;flex-direction:column;align-items:center;padding:10px 0;display:flex}.mobile-panel-handle small{color:#737373;margin-top:3px;font-size:12px;font-weight:400}.mobile-panel-dock:focus-visible,.mobile-panel-handle:focus-visible{outline-offset:-2px;outline:2px solid #1677ff}.mobile-panel-tabs{height:100%}.mobile-panel-tabs>.ant-tabs-nav{flex:none;margin:0;padding:0 16px}.mobile-panel-tabs>.ant-tabs-content-holder{overscroll-behavior-y:contain;padding:16px 16px max(env(safe-area-inset-bottom), 16px);overflow-y:auto}@media (prefers-reduced-motion:reduce){.mobile-panel .ant-drawer-content-wrapper{transition:none!important}}.background-workspace{box-sizing:border-box;color:#233448;background:#eef6fb;flex-direction:column;gap:10px;height:100dvh;padding:16px;display:flex}.background-header{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.background-heading{flex:1;gap:4px;min-width:180px;display:grid}.background-heading strong{font-size:20px}.background-heading small,.background-intro,.background-model-source{color:#607185}.background-history,.background-exit,.background-secondary{gap:8px;display:flex}.background-ai-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.background-ai-progress{flex:1;align-items:center;gap:10px;min-width:200px;display:flex}.background-ai-progress .ant-progress{width:120px;margin:0}.background-body{flex:1;gap:12px;min-height:0;display:flex}.background-stage{background:#fff;border-radius:12px;flex:1;min-width:0;min-height:0;overflow:hidden}.background-settings{box-sizing:border-box;background:#fff;border-radius:12px;flex-shrink:0;width:300px;padding:14px;overflow-y:auto}.background-tool-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.background-tools p,.background-about p{color:#607185;margin:8px 0;font-size:12px;line-height:1.6}.background-selection-settings>*{margin-bottom:10px}.background-selection-settings .ant-radio-group{flex-wrap:wrap;gap:4px;display:flex}.background-selection-actions{background:#e6f4ff;border:1px solid #91caff;border-radius:8px;margin-top:10px;padding:10px}.background-selection-actions>div{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.background-selection-actions>span{font-size:12px}.background-secondary{margin-top:16px}.background-about{color:#607185;margin-top:16px;font-size:12px}.background-about summary{cursor:pointer}@media (width<=767px){.background-workspace{padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));gap:6px}.background-header{gap:6px}.background-heading{min-width:100%}.background-heading strong{font-size:16px}.background-heading small{display:none}.background-exit{margin-left:auto}.background-intro{display:none}.background-model-source{font-size:11px}.background-ai-progress{flex-wrap:wrap;flex-basis:100%;min-width:0;font-size:12px}.background-body{flex-direction:column;gap:6px}.background-settings{width:100%;max-height:38dvh;padding:10px}.background-tool-buttons{gap:5px;margin-bottom:8px;display:flex}.background-tool-buttons>button{flex:1;padding-inline:5px}.background-brush-settings{grid-template-columns:auto 1fr;align-items:center;gap:0 12px;font-size:12px;display:grid}.background-brush-settings p{grid-column:1/-1;margin:0}.background-secondary,.background-about{margin-top:8px}}.background-model-hint{color:#607185;flex:1;min-width:180px;font-size:12px;line-height:1.5}.background-about{display:block}