body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#1a1a1a;--border-color:#4b4b4b;--text-primary:#fff;color-scheme:dark}*{box-sizing:border-box}#root,body,html{height:100%;overflow:hidden;width:100%}body{background:#3a3a3a;color:#e7e8ec;color:var(--text-primary);margin:0}button{background:#303030;border:1px solid #383a3f;border:1px solid var(--border-color);border-radius:8px;color:inherit;cursor:pointer;font:inherit;padding:9px 13px}button:hover{filter:brightness(1.15)}.infinite-canvas:focus-visible,button:focus-visible{outline:2px solid #acbaff;outline-offset:-2px}button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #acbaff}.toolbar{background:#202124;background:var(--bg-primary);border:1px solid #383a3f;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:8px;padding:10px;position:fixed;right:20px;top:20px;z-index:2}.create-btn{background:#6956c7}.reset-btn{background:#297f77}.infinite-canvas{cursor:grab;height:100%;isolation:isolate;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.infinite-canvas[data-interacting=true]{cursor:grabbing}.infinite-canvas[data-mode=draw]{cursor:crosshair}.canvas-content{inset:0;pointer-events:none;position:absolute;transform-origin:0 0}.shape{border-radius:8px;contain:layout style;cursor:move;left:0;pointer-events:auto;position:absolute;top:0}.shape.dragging{outline:2px solid #fff;will-change:transform}.drawing-preview,.infinite-canvas[data-mode=draw] .shape{pointer-events:none}.drawing-preview{opacity:.7;outline:2px dashed #fff}.canvas-help{bottom:70px;color:#d0d0d0;font-size:12px;pointer-events:none;position:fixed;right:245px}.zoom-controls{align-items:center;background:#202124;background:var(--bg-primary);border-radius:12px;display:flex;gap:8px;padding:6px;position:fixed}.zoom-controls output{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:48px;text-align:center}.minimap-container{background:#202124;background:var(--bg-primary);border:1px solid #383a3f;border:1px solid var(--border-color);border-radius:8px;bottom:20px;padding:5px;position:fixed;right:20px;-webkit-user-select:none;user-select:none}.minimap-handle{cursor:grab;display:flex;font-size:12px;justify-content:space-between;padding:5px 2px 9px;touch-action:none}.minimap-handle span{color:#aaa;font-size:10px}.minimap{background:#2d2d2d;overflow:hidden;pointer-events:none;position:relative}.minimap,.minimap canvas{height:130px;width:200px}.minimap-active,.minimap-viewport{left:0;position:absolute;top:0}.minimap-viewport{background:#ffffff0a;border:1px solid #fff}@media (max-width:560px){.minimap-container{display:none}.canvas-help{right:20px}}:root{--bg-primary:#202124;--border-color:#383a3f;--text-primary:#e7e8ec;--accent:#a49aff}body{font-size:12px}button,input,select,textarea{font:inherit}button{border-radius:6px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #a49aff;outline:2px solid var(--accent);outline-offset:2px}.editor{background:#18191c;display:grid;grid-template-columns:240px minmax(180px,1fr) 280px;grid-template-rows:64px minmax(0,1fr);height:100%}.editor-header{background:#242528;border-bottom:1px solid #383a3f;border-bottom:1px solid var(--border-color);gap:20px;grid-column:1/-1;justify-content:space-between;padding:0 18px}.editor-header,.file-identity{align-items:center;display:flex}.file-identity{gap:12px;min-width:220px}.brand-mark{background:#b3a9ff;border-radius:10px;color:#30244d;display:grid;font-size:30px;height:34px;place-items:center;width:34px}.file-identity strong{font-size:13px;font-weight:600}.file-identity small{color:#999ba6;display:block;font-size:10px;margin-top:4px}.file-identity small span{color:#5d606a;padding:0 5px}.header-status{align-items:center;color:#999ba6;display:flex;font-size:10px;gap:7px}.avatar{background:#e4b894;border-radius:50%;color:#553a24;display:grid;font-weight:700;height:29px;margin-left:13px;place-items:center;width:29px}.status-dot{background:#8abda5;border-radius:50%;display:inline-block;height:5px;width:5px}.toolbar{background:#1c1d20;border:1px solid #42434b;border-radius:9px;gap:4px;padding:4px;position:static}.toolbar button{background:#0000;border:none;color:#babcc5;font-size:11px;padding:7px 17px}.toolbar button[aria-pressed=true]{background:#6759c1;box-shadow:none;color:#fff}.toolbar .reset-btn{border-radius:0;border-right:1px solid #383a3f;color:#999ba6}.layers-panel,.properties-panel{background:#242528;display:flex;flex-direction:column;min-height:0}.layers-panel{border-right:1px solid #383a3f;border-right:1px solid var(--border-color)}.properties-panel{border-left:1px solid #383a3f;border-left:1px solid var(--border-color)}.panel-tabs{border-bottom:1px solid #383a3f;border-bottom:1px solid var(--border-color);flex-shrink:0;height:48px;justify-content:space-between;padding:0 18px}.active-tab,.panel-tabs{align-items:center;display:flex}.active-tab{border-bottom:2px solid #a49aff;border-bottom:2px solid var(--accent);font-weight:600;height:100%}.panel-caption{color:#858895;font-size:10px}.page-row{align-items:center;background:#2e2f35;border-radius:5px;display:flex;font-size:11px;gap:9px;margin:17px 12px;padding:10px}.page-row>span:first-child{color:#a49aff;color:var(--accent)}.page-check{color:#aaa2eb;margin-left:auto}.section-title{color:#8a8d98;display:flex;font-size:9px;font-weight:600;justify-content:space-between;letter-spacing:1.2px;padding:7px 20px 15px}.layer-list{flex:1 1;overflow:auto}.layer-row{align-items:center;background:#0000;border:1px solid #0000;display:flex;font-size:11px;gap:9px;margin:2px 8px;padding:10px;text-align:left;width:calc(100% - 16px)}.layer-row.active{background:#353044;border-color:#61547f;box-shadow:none;color:#d8cfff}.layer-icon{color:#ac9be6;font-size:19px;line-height:13px}.layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-kind{display:none}.layers-empty{color:#838691;font-size:11px;line-height:1.7;margin:55px 24px;text-align:center}.layers-empty>span{color:#706580;display:block;font-size:32px}.layers-empty strong{color:#c1bfcc;display:block;font-weight:500;margin-top:10px}.layers-empty button{background:#312c3d;border-color:#484054;color:#c7bbf3;font-size:10px;margin-top:12px}.panel-foot{align-items:center;border-top:1px solid #383a3f;border-top:1px solid var(--border-color);color:#8b8d98;display:flex;flex-shrink:0;font-size:9px;gap:7px;height:34px;justify-content:space-between;padding:0 15px}.panel-foot .status-dot+span{margin-left:auto}.canvas-panel{background:#18191c;min-height:0;min-width:0;overflow:hidden;position:relative}.infinite-canvas{background-image:radial-gradient(#383a43 .75px,#0000 0);background-size:20px 20px}.canvas-breadcrumb{color:#999aa6;font-size:10px;left:21px;pointer-events:none;position:absolute;right:21px;top:19px;z-index:1}.canvas-breadcrumb>span:not(.canvas-badge){color:#52545e;margin:0 8px}.canvas-badge{color:#646771;float:right;font-size:8px;letter-spacing:1.5px}.canvas-help{bottom:66px;color:#727580;font-size:9px;left:20px;position:absolute;right:20px}.zoom-controls{background:#242528;border:1px solid #3a3b44;border-radius:8px;bottom:20px;gap:2px;left:20px;padding:4px;position:absolute}.zoom-controls button{background:#0000;border:0;font-size:11px;padding:6px 10px}.zoom-controls output{font-size:10px}.minimap-container{background:#242528;bottom:16px;opacity:.9;position:absolute;right:16px}.minimap{background:#1b1c20}.shape.selected{outline:1.5px solid #ba9eff}.shape.dragging{outline-color:#ba9eff}.shape-text{border-radius:inherit;display:flex;flex-direction:column;inset:0;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}.margin-guide,.shape-text{pointer-events:none;position:absolute}.margin-guide{border:1px dashed #f3b27b80;bottom:calc(var(--margin-bottom)*-1);display:none;left:calc(var(--margin-left)*-1);right:calc(var(--margin-right)*-1);top:calc(var(--margin-top)*-1)}.selected.has-margin .margin-guide{display:block}.inspector-scroll{flex:1 1;overflow-y:auto;scrollbar-color:#494b55 #0000;scrollbar-width:thin}.property-section{border-bottom:1px solid #383a40;padding:17px 17px 18px}.property-section h3{align-items:center;display:flex;font-size:11px;font-weight:600;justify-content:space-between;margin:0 0 13px}.section-symbol{color:#858792;font-size:14px;font-weight:400}.object-type{align-items:center;color:#a7a1b7;display:flex;font-size:10px;gap:8px;margin-bottom:15px}.object-type span{color:#b59cdf;font-size:20px}.name-field{color:#838590;display:block;font-size:10px}.name-field input{background:#303137;border:1px solid #46424f;border-radius:5px;color:#e6dff0;display:block;font-size:12px;margin-top:7px;padding:8px;width:100%}.field-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.number-field{align-items:center;background:#303137;border:1px solid #0000;border-radius:5px;display:flex;gap:5px;min-width:0;padding:8px}.number-field:focus-within{border-color:#a392dc}.number-field span{color:#9b9da7;flex-shrink:0;font-size:9px;max-width:67px}.number-field input{-moz-appearance:textfield;background:#0000;border:0;color:#e2e0e9;font-size:11px;min-width:0;outline:none;padding:0;text-align:right;width:100%}.number-field input::-webkit-inner-spin-button{-webkit-appearance:none}.field-help{color:#80828e;font-size:9px;line-height:1.6;margin:-3px 0 10px}.field-grid+.field-help{margin:10px 0 0}.alignment-buttons{display:flex;gap:5px;justify-content:space-between}.alignment-buttons button{background:#303137;border:0;color:#b8b7c4;flex:1 1;font-size:18px;padding:5px 0}.color-field{font-feature-settings:"tnum";align-items:center;background:#303137;border-radius:5px;display:flex;font-size:10px;font-variant-numeric:tabular-nums;gap:9px;padding:7px 9px}.color-field input{-webkit-appearance:none;appearance:none;background:#0000;border:none;cursor:pointer;height:23px;padding:0;width:23px}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:1px solid #ffffff22;border-radius:4px}.color-type{color:#858792;font-size:9px;margin-left:auto}.select-field,.text-label{color:#92949f;display:block;font-size:9px}.text-label textarea{color:#e0dde8;display:block;font-size:11px;margin-top:7px;min-height:74px;padding:9px;resize:vertical}.select-field select,.text-label textarea{background:#303137;border:1px solid #41424a;border-radius:5px;width:100%}.select-field select{color:#d5d2df;font-size:10px;margin-top:6px;padding:7px}.typography-section>*+*{margin-top:12px}.inspector-empty{color:#8c8d98;font-size:11px;line-height:1.7;padding:55px 24px}.empty-selection-icon{color:#9a8eaf;font-size:26px}.inspector-empty h3{color:#d6d2df;font-size:14px;font-weight:500;margin:14px 0 6px}.inspector-empty p{margin:0 0 28px}.empty-property-row{border-bottom:1px solid #36383e;color:#858793;display:flex;font-size:10px;justify-content:space-between;padding:14px 0}@media (max-width:1050px){.editor{grid-template-columns:190px minmax(160px,1fr) 260px}.canvas-badge,.header-status,.minimap-container{display:none}}@media (max-width:720px){.editor{grid-template-columns:125px minmax(160px,1fr) 240px;overflow-x:auto}.editor-header{padding:0 12px}.file-identity{min-width:160px}.toolbar button{padding:7px 10px}.layers-empty{margin:25px 10px}.layer-row{padding:8px 3px}.panel-tabs{padding:0 10px}.panel-caption{display:none}}
/*# sourceMappingURL=main.a6dec45a.css.map*/