*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#111;color:#e0e0e0;overflow:hidden;-webkit-font-smoothing:antialiased}#root{height:100dvh;display:flex;flex-direction:column}button{cursor:pointer;border:none;font-family:inherit;font-size:.8125rem;background:none;color:inherit}input{font-family:inherit;border:none;outline:none}.toolbar{height:44px;background:#1a1a1a;border-bottom:1px solid #2e2e2e;display:flex;align-items:center;padding:0 12px;gap:6px;flex-shrink:0}.toolbar__title{font-weight:600;font-size:.875rem;margin-right:auto;letter-spacing:-.01em}.toolbar__group{display:flex;align-items:center;gap:2px}.toolbar__divider{width:1px;height:20px;background:#2e2e2e;margin:0 6px}.toolbar__icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:#777;transition:all .12s}.toolbar__icon-btn:hover{background:#252525;color:#e0e0e0}.toolbar__zoom-label{font-size:.6875rem;color:#777;min-width:36px;text-align:center;-webkit-user-select:none;user-select:none}.toolbar__btn{padding:5px 12px;background:#252525;color:#e0e0e0;border-radius:6px;font-size:.75rem;transition:background .12s}.toolbar__btn:hover{background:#4f8ff7;color:#fff}.workspace{flex:1;display:flex;overflow:hidden}.sidebar{width:64px;background:#1a1a1a;border-right:1px solid #2e2e2e;padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.sidebar__shape-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:6px;color:#777;transition:all .12s}.sidebar__shape-btn:hover{background:#252525;color:#e0e0e0}.canvas-area{flex:1;background:#2a2a2a;position:relative;overflow:hidden}.page-tabs{height:36px;background:#1a1a1a;border-top:1px solid #2e2e2e;display:flex;align-items:center;padding:0 10px;gap:2px;flex-shrink:0;overflow-x:auto}.page-tabs__tab{padding:4px 14px;background:transparent;color:#777;border-radius:4px 4px 0 0;font-size:.75rem;transition:all .12s;white-space:nowrap}.page-tabs__tab:hover{color:#e0e0e0;background:#252525}.page-tabs__tab--active{background:#252525;color:#4f8ff7}.page-tabs__input{padding:3px 8px;font-size:.75rem;background:#252525;color:#e0e0e0;border:1px solid #4f8ff7;border-radius:4px;width:100px}.page-tabs__add{padding:4px 10px;color:#777;border-radius:4px;font-size:.9375rem;line-height:1}.page-tabs__add:hover{color:#4f8ff7;background:#252525}.context-menu{position:fixed;z-index:1000;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:6px;padding:4px 0;min-width:140px;box-shadow:0 8px 24px #00000080}.context-menu__item{display:block;width:100%;padding:6px 14px;font-size:.75rem;text-align:left;color:#e0e0e0;transition:background .1s}.context-menu__item:hover{background:#252525}.context-menu__item--danger{color:#e5484d}.context-menu__item--danger:hover{background:#e5484d1f}.context-menu__item:disabled{color:#777;cursor:default}.context-menu__item:disabled:hover{background:none}.context-menu__divider{height:1px;background:#2e2e2e;margin:4px 0}.dimension-editor{position:absolute;top:12px;right:12px;z-index:100;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:6px;padding:10px 12px;min-width:200px;box-shadow:0 4px 16px #00000059}.dimension-editor__title{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:#777;margin-bottom:8px}.dimension-row{margin-bottom:8px}.dimension-row:last-child{margin-bottom:0}.dimension-row__label{display:block;font-size:.6875rem;color:#777;margin-bottom:3px}.dimension-row__fields{display:flex;gap:6px}.dimension-row__field{display:flex;align-items:center;gap:3px;flex:1}.dimension-row__field input{width:100%;min-width:0;padding:3px 6px;font-size:.75rem;background:#252525;color:#e0e0e0;border:1px solid #2e2e2e;border-radius:4px;outline:none;transition:border-color .12s}.dimension-row__field input:focus{border-color:#4f8ff7}.dimension-row__field span{font-size:.625rem;color:#777;flex-shrink:0}