:root{font-family:Inter,SF Pro Text,Segoe UI,Microsoft YaHei,sans-serif;color:#181a1e;background:#eef0f3;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #3659e3;--accent-soft: #edf1ff;--ink: #181a1e;--muted: #6d727c;--border: #e2e4e8;--surface: #ffffff;--surface-soft: #f7f8fa;--danger: #d83b3b;--signal: #ef5a67;--mint: #89deb0;--header-height: 58px;letter-spacing:0}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#eef0f3}button,input,textarea{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(54,89,227,.58);outline-offset:2px}.app-shell{width:100%;height:100%;display:flex;flex-direction:column}.app-header{position:relative;z-index:40;height:var(--header-height);flex:0 0 var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;background:#fffffff7;border-bottom:1px solid var(--border)}.header-left,.header-actions,.history-actions{display:flex;align-items:center}.header-left{min-width:0;gap:10px}.project-return{flex:0 0 36px;text-decoration:none}.header-actions{gap:8px}.history-actions{gap:2px;padding-right:7px;margin-right:2px;border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:9px;flex:none;-webkit-user-select:none;user-select:none}.brand-mark{position:relative;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#181a1e}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;width:4px;border-radius:3px;background:#fff;transform:rotate(35deg)}.brand-mark:before{height:13px;left:7px;top:9px}.brand-mark span{height:18px;left:12px;top:5px;background:#91e2b0}.brand-mark:after{height:11px;right:7px;top:7px}.brand-name{font-size:15px;font-weight:750;color:#141519}.header-divider{width:1px;height:22px;margin:0 1px;background:var(--border)}.file-menu,.export-menu{position:relative}.file-menu-trigger{height:34px;display:flex;align-items:center;gap:3px;padding:0 7px;border:0;background:transparent;color:#4f545d;font-size:13px;cursor:pointer;border-radius:6px}.file-menu-trigger:hover{background:var(--surface-soft)}.dropdown-menu{position:absolute;top:40px;left:0;width:182px;padding:6px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 14px 36px #181a1e29}.dropdown-menu.export-dropdown{right:0;left:auto;width:190px;max-width:calc(100vw - 16px);max-height:calc(100vh - var(--header-height) - 16px);overflow-y:auto}.export-menu-divider{height:1px;margin:5px 4px;background:var(--border)}.dropdown-menu .export-settings-item{color:#2f50c9;font-weight:650}.dropdown-menu .export-settings-item:hover{background:var(--accent-soft)}.dropdown-menu button{width:100%;height:38px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:5px;background:transparent;font-size:13px;text-align:left;cursor:pointer}.dropdown-menu button:hover{background:#f2f3f5}.dropdown-menu .danger-item{color:var(--danger)}.document-title{width:min(220px,20vw);height:34px;padding:0 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:#292c32;font-size:13px;font-weight:650}.document-title:hover{border-color:var(--border)}.document-title:focus{background:#fff;border-color:#a9b7ed;outline:2px solid rgba(54,89,227,.13)}.save-state{height:26px;display:flex;align-items:center;gap:5px;padding:0 7px;color:#7a7f89;font-size:11px;white-space:nowrap}.save-state.saved svg{color:#21965c}.save-state.error{color:#b45309}.save-error-mark{width:13px;height:13px;display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:9px;font-weight:800;line-height:1}.save-spinner{width:11px;height:11px;border:1.5px solid #c3c6ce;border-top-color:#3659e3;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-button,.primary-button,.secondary-button,.command-trigger{border:0;cursor:pointer}.icon-button{position:relative;width:36px;height:36px;display:inline-grid;place-items:center;padding:0;border-radius:7px;background:transparent;color:#555b65}.icon-button:hover:not(:disabled){background:#f0f1f3;color:#181a1e}.icon-button.is-active{background:var(--accent-soft);color:var(--accent)}.icon-button:disabled{opacity:.28;cursor:default}.clear-canvas-button:not(:disabled){color:#b53642}.clear-canvas-button:hover:not(:disabled){background:#fff0f1;color:#b42331}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:100;top:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(-2px);padding:5px 7px;border-radius:5px;background:#1f2228;color:#fff;font-size:11px;font-weight:500;line-height:1.2;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease,transform .12s ease,visibility .12s}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.primary-button,.secondary-button,.command-trigger{height:36px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:7px;font-size:12px;font-weight:650}.primary-button{background:#22252b;color:#fff}.primary-button:hover{background:#101114}.secondary-button{background:#f1f2f4;color:#383c44}.secondary-button:hover{background:#e8e9ec}.command-trigger{padding-left:10px;color:#5a5f68;background:#f5f6f8;border:1px solid #e6e7ea;font-weight:500}kbd{min-width:22px;padding:2px 5px;border:1px solid #dedfe3;border-bottom-color:#c7c9cf;border-radius:4px;background:#fff;color:#777c85;font-family:inherit;font-size:10px;text-align:center;box-shadow:0 1px #d7d9de}.workspace{position:relative;min-height:0;flex:1;display:flex;overflow:hidden}.workspace-canvas{position:relative;min-width:0;flex:1;overflow:hidden;background:#f8fafc}.canvas-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;background-repeat:repeat}.canvas-stage canvas{display:block}.canvas-text-editor{position:absolute;z-index:12;margin:0;padding:10px 12px;border:1.5px solid #3659e3;border-radius:3px;outline:3px solid rgba(54,89,227,.13);resize:none;line-height:1.28;transform-origin:top left;overflow:hidden}.canvas-text-editor.is-note{padding:14px;border-radius:8px;line-height:1.35}.canvas-text-editor.is-contained{padding:12px;text-align:center}.tool-dock{position:absolute;z-index:15;top:14px;left:50%;transform:translate(-50%);height:48px;display:flex;align-items:center;gap:2px;padding:5px;border:1px solid rgba(210,213,219,.92);border-radius:8px;background:#fffffff5;box-shadow:0 8px 24px #1f232a1c,0 1px 2px #1f232a14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tool-item{position:relative;display:flex;align-items:center}.tool-item.has-divider{padding-left:7px;margin-left:3px}.tool-item.has-divider:before{content:"";position:absolute;left:1px;width:1px;height:22px;background:#e3e5e8}.tool-button{width:36px;height:36px}.tool-button.is-active{background:#20242a;color:#fff;box-shadow:0 2px 6px #191c2233}.mobile-more-tools{display:none}.side-panel{position:relative;z-index:20;flex:none;background:var(--surface);overflow:hidden;transition:width .18s ease,border-color .18s ease}.left-panel{width:252px;border-right:1px solid var(--border)}.properties-panel{width:286px;border-left:1px solid var(--border)}.left-closed .left-panel,.right-closed .properties-panel{width:0;border-color:transparent}.object-panel-header{width:252px;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border);color:#24272d;font-size:12px;font-weight:650}.object-panel-header span{display:flex;align-items:center;gap:7px}.object-panel-header strong{min-width:22px;padding:3px 6px;border-radius:5px;background:#f0f1f4;color:#7a7f88;font-size:10px;text-align:center}.layers-panel{width:252px;height:calc(100% - 54px);overflow:auto}.panel-section-heading{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#777c85;font-size:11px;font-weight:650;text-transform:uppercase}.panel-section-heading span:last-child{min-width:22px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:5px;background:#f1f2f4;color:#7e838c;font-size:10px}.layer-list{padding:0 8px 14px}.layer-row{position:relative;width:100%;height:42px;display:flex;align-items:center;padding:0 6px;border-radius:6px;background:transparent;cursor:grab}.layer-row:active{cursor:grabbing}.layer-row.is-dragging{opacity:.42}.layer-row:hover{background:#f5f6f7}.layer-row.is-selected{background:var(--accent-soft);color:#2548c8}.layer-main{min-width:0;height:100%;flex:1;display:flex;align-items:center;gap:9px;padding:0 2px;border:0;background:transparent;text-align:left;cursor:pointer}.layer-type-icon{width:26px;height:26px;flex:none;display:grid;place-items:center;border:1px solid #dfe2e7;border-radius:5px;background:#fff;color:#676d77;font-size:10px;font-weight:750}.layer-type-icon.type-note{background:#fff4b8;border-color:#ecd56f;color:#6a5c1e}.layer-type-icon.type-arrow,.layer-type-icon.type-line,.layer-type-icon.type-pen{background:#eff2ff;border-color:#c8d1ff;color:#3659e3}.layer-type-icon.type-image{background:#eaf8f0;border-color:#bde6cf;color:#238257}.layer-name{min-width:0;flex:1;overflow:hidden;color:#40444c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.layer-name-input{min-width:0;flex:1;height:27px;padding:0 6px;border:1px solid #9eb0ef;border-radius:4px;outline:0;background:#fff;color:#24272d;font-size:12px}.layer-row.is-selected .layer-name{color:#2548c8;font-weight:600}.layer-group-icon{flex:none;color:#8a8f98}.layer-controls,.layer-reorder{display:flex;align-items:center;gap:1px}.layer-controls button,.layer-reorder button{width:22px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:#8a8f97;cursor:pointer}.layer-controls button:hover,.layer-reorder button:hover{background:#646a761a;color:#34383f}.layer-reorder{display:none;position:absolute;right:7px;background:inherit}.layer-row:hover .layer-reorder,.layer-row:focus-within .layer-reorder{display:flex}.panel-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a1a5ad;text-align:center}.panel-empty p{margin:12px 0 3px;color:#5f646d;font-size:13px;font-weight:650}.panel-empty span{font-size:11px}.compact-empty{min-height:150px}.compact-empty p{margin-bottom:0}.properties-header{width:286px;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border)}.properties-header>div{min-width:0;display:flex;flex-direction:column;gap:2px}.properties-header span{color:#30333a;font-size:13px;font-weight:700}.properties-header small{max-width:190px;overflow:hidden;color:#8b9098;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.properties-header>svg{color:#8d929a}.property-content{width:286px;height:calc(100% - 54px);overflow-y:auto}.property-section{padding:14px 16px 16px;border-bottom:1px solid #eceef0}.property-section h3{margin:0 0 11px;color:#737881;font-size:10px;font-weight:700;text-transform:uppercase}.property-textarea{width:100%;min-height:78px;padding:9px 10px;border:1px solid #dfe2e7;border-radius:6px;background:#f9fafb;color:#34383f;font-size:12px;line-height:1.5;resize:vertical}.geometry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.geometry-grid label{height:34px;display:flex;align-items:center;gap:5px;padding:0 7px;border:1px solid #dfe2e7;border-radius:6px;background:#f9fafb}.geometry-grid label:focus-within{border-color:#a9b7ed;box-shadow:0 0 0 2px #3659e31a}.geometry-grid label span{width:12px;flex:none;color:#9a9ea6;font-size:9px;font-weight:700}.geometry-grid input{min-width:0;width:100%;padding:0;border:0;outline:0;background:transparent;color:#3c4149;font-size:11px;font-variant-numeric:tabular-nums}.geometry-grid .rotation-field{grid-column:1 / -1}.color-row{display:flex;align-items:center;gap:7px}.color-swatch,.custom-color,.canvas-color-grid button{position:relative;width:25px;height:25px;flex:none;padding:0;border:1px solid #d8dbe0;border-radius:5px;background:var(--swatch);cursor:pointer}.color-swatch.is-active:after,.canvas-color-grid button.is-active:after{content:"";position:absolute;inset:-4px;border:1.5px solid #3659e3;border-radius:7px}.custom-color{display:grid;place-items:center;overflow:hidden;background:#fff;color:#777c85}.custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.segmented-control{display:flex;padding:3px;border-radius:6px;background:#f1f2f4}.stroke-options{margin-top:13px}.segmented-control button{height:28px;flex:1;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:#747983;cursor:pointer}.segmented-control button:hover{color:#2e3239}.segmented-control button.is-active{background:#fff;color:#294bc9;box-shadow:0 1px 3px #1f232a1a}.stroke-options button span{width:26px;max-height:7px;border-radius:4px;background:currentColor}.font-size-row{display:flex;align-items:flex-end;gap:8px}.font-size-row label{width:84px;display:flex;flex-direction:column;gap:4px}.font-size-row label span{color:#8a8f98;font-size:10px}.font-size-row input{width:100%;height:34px;padding:0 8px;border:1px solid #dfe2e7;border-radius:6px;background:#fff;color:#363a42;font-size:12px}.align-control{height:34px;flex:1}.range-heading{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.range-heading:first-child{margin-top:0}.range-heading h3{margin:0}.range-heading span{color:#858a93;font-size:10px}.range-input{width:100%;height:20px;margin:7px 0 0;accent-color:#3659e3}.toggle-row{position:relative;min-height:40px;display:flex;align-items:center;justify-content:space-between;color:#454a52;font-size:12px;cursor:pointer}.toggle-row>span{display:flex;align-items:center;gap:8px}.toggle-row input{position:absolute;opacity:0}.toggle-row i{position:relative;width:34px;height:19px;border-radius:12px;background:#c7cbd1;transition:background .14s ease}.toggle-row i:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1f232a3d;transition:transform .14s ease}.toggle-row input:checked+i{background:#3659e3}.toggle-row input:checked+i:after{transform:translate(15px)}.snap-icon{position:relative;width:17px;height:17px;border:1.5px dashed currentColor;border-radius:3px}.snap-icon:after{content:"";position:absolute;width:5px;height:5px;left:4px;top:4px;border-radius:50%;background:currentColor}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.action-grid button{height:36px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 8px;border:1px solid #dfe2e7;border-radius:6px;background:#fff;color:#4d525b;font-size:11px;cursor:pointer}.action-grid button:hover{border-color:#c1c7d1;background:#f8f9fa}.action-grid .danger-action{color:var(--danger)}.canvas-color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.canvas-color-grid button{width:29px;height:29px}.board-summary>div{display:flex;align-items:baseline;gap:7px;padding:8px 0 4px}.board-summary strong{color:#22252b;font-size:28px}.board-summary span,.board-summary p{color:#8a8f97;font-size:11px}.board-summary p{margin:8px 0 0;line-height:1.5}.selection-bar{position:absolute;z-index:18;left:clamp(190px,var(--selection-left),calc(100% - 190px));top:max(72px,var(--selection-top));height:44px;display:flex;align-items:center;gap:2px;padding:4px 5px;border:1px solid rgba(20,22,27,.92);border-radius:8px;background:#1f2228f7;color:#fff;box-shadow:0 10px 30px #16181d38,0 2px 5px #16181d24;transform:translate(-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.selection-bar .icon-button{width:34px;height:34px;color:#d6d9df}.selection-bar .icon-button:hover:not(:disabled),.selection-bar .icon-button.is-active{background:#ffffff1f;color:#fff}.selection-bar .icon-button:disabled{opacity:.28}.selection-bar .flow-action:not(:disabled){color:#9be8bb}.selection-bar .flow-action:hover:not(:disabled){color:#d5ffe2}.selection-bar [data-tooltip]:after{top:calc(100% + 10px);background:#111317}.selection-divider{width:1px;height:22px;margin:0 3px;background:#ffffff26}.selection-colors{display:flex;align-items:center;gap:5px;padding:0 3px}.selection-colors button{position:relative;width:18px;height:18px;padding:0;border:1px solid rgba(255,255,255,.38);border-radius:4px;background:var(--quick-color);cursor:pointer}.selection-colors button.is-active:after{content:"";position:absolute;inset:-3px;border:1.5px solid var(--mint);border-radius:6px}.selection-align-menu{position:relative}.selection-align-popover{position:absolute;z-index:30;top:43px;left:50%;width:186px;padding:9px;border:1px solid #dfe2e7;border-radius:8px;background:#fff;color:#30343b;box-shadow:0 14px 38px #181a1e2e;transform:translate(-50%)}.selection-popover-heading{padding:2px 3px 7px;color:#8b9099;font-size:9px;font-weight:700;text-transform:uppercase}.selection-popover-heading:not(:first-child){padding-top:10px}.selection-align-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.selection-align-grid button{position:relative;width:25px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:#f4f5f7;color:#555b65;cursor:pointer}.selection-align-grid button:hover:not(:disabled){background:#e8ecfb;color:#284dcf}.selection-align-grid button:disabled{opacity:.3;cursor:default}.selection-align-grid [data-tooltip]:after{top:calc(100% + 6px)}.distribute-grid{grid-template-columns:repeat(2,1fr)}.distribute-grid button{width:auto}.selection-delete:hover{background:#ef5a672e!important;color:#ff8993!important}.bottom-controls{position:absolute;z-index:14;left:14px;bottom:14px;height:42px;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(210,213,219,.92);border-radius:8px;background:#fffffff5;box-shadow:0 5px 18px #1f232a1a}.bottom-controls .icon-button{width:34px;height:34px}.bottom-controls [data-tooltip]:after{top:auto;bottom:calc(100% + 9px)}.zoom-value{width:50px;height:32px;padding:0;border:0;border-radius:5px;background:transparent;color:#555b65;font-size:11px;font-variant-numeric:tabular-nums;cursor:pointer}.zoom-value:hover{background:#f0f1f3}.control-divider{width:1px;height:20px;margin:0 2px;background:#e2e4e7}.mini-map{position:absolute;z-index:13;right:14px;bottom:14px;width:150px;height:96px;padding:6px;border:1px solid rgba(210,213,219,.92);border-radius:8px;background:#ffffffed;box-shadow:0 5px 18px #1f232a17;pointer-events:none}.mini-map svg{width:100%;height:100%;display:block}.mini-map>span{position:absolute;right:6px;bottom:5px;padding:2px 4px;border-radius:3px;background:#ffffffe0;color:#858a92;font-size:8px}.dialog-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:min(18vh,150px);background:#181a1e4d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.export-dialog-backdrop{align-items:center;padding:24px}.export-dialog{width:min(700px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(213,216,221,.95);border-radius:8px;background:#fff;box-shadow:0 24px 70px #181a1e3b}.export-dialog-header,.export-dialog-footer{flex:none;display:flex;align-items:center;justify-content:space-between}.export-dialog-header{min-height:66px;padding:12px 16px 11px 20px;border-bottom:1px solid var(--border)}.export-dialog-header h2,.export-dialog-header p{margin:0}.export-dialog-header h2{color:#22252b;font-size:17px;line-height:1.35}.export-dialog-header p{max-width:min(460px,68vw);margin-top:2px;overflow:hidden;color:#858a93;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.export-dialog-body{min-height:0;display:flex;flex-direction:column;gap:20px;padding:20px;overflow-y:auto}.export-fieldset{min-width:0;margin:0;padding:0;border:0}.export-fieldset legend{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#4f545d;font-size:12px;font-weight:700}.export-fieldset legend output{color:#777d87;font-size:11px;font-weight:600}.export-fieldset.is-muted{opacity:.54}.export-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.export-format-option{position:relative;min-width:0;min-height:62px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:8px 10px;border:1px solid #dfe2e7;border-radius:7px;background:#fff;text-align:left;cursor:pointer}.export-format-option:hover{border-color:#bbc5e9;background:#fafbff}.export-format-option.is-active{border-color:#6680e5;background:#f3f5ff;box-shadow:inset 0 0 0 1px #3659e31f}.export-format-icon,.export-summary-icon{display:grid;place-items:center;color:#44515f}.export-format-icon{width:34px;height:34px;border-radius:6px;background:#f0f2f5}.export-format-option.is-active .export-format-icon,.export-format-option.is-active .export-format-check{color:var(--accent)}.export-format-option.is-active .export-format-icon{background:#e5eaff}.export-format-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.export-format-copy strong{color:#292c32;font-size:12px}.export-format-copy small{overflow:hidden;color:#858a93;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.export-dialog-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.export-segmented{height:38px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border-radius:7px;background:#eff1f4}.export-scale-segmented{grid-template-columns:repeat(4,minmax(0,1fr))}.export-segmented button{min-width:0;padding:0 6px;border:0;border-radius:5px;background:transparent;color:#666c76;font-size:11px;font-weight:650;cursor:pointer;white-space:nowrap}.export-segmented button.is-active{background:#fff;color:#283f9f;box-shadow:0 1px 3px #191d241f}.export-segmented button:disabled{opacity:.38;cursor:default}.export-check-row{height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #e0e3e7;border-radius:7px;color:#393d44;font-size:12px;cursor:pointer}.export-check-row input{width:15px;height:15px;margin:0;accent-color:var(--accent)}.export-check-row small{margin-left:auto;color:#9a9fa7;font-size:10px}.export-check-row.is-disabled{color:#91969e;cursor:default}.export-range-row{height:38px;display:flex;align-items:center;gap:10px}.export-range-row input[type=range],.export-quality-fieldset input[type=range]{min-width:0;flex:1;accent-color:var(--accent)}.export-number-input{width:64px;height:34px;padding:0 6px;border:1px solid #dfe2e7;border-radius:6px;background:#fff;color:#373b42;font-size:11px;text-align:center}.export-quality-fieldset input[type=range]{width:100%;height:28px}.export-summary{min-height:54px;display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid #e3e6eb;border-radius:7px;background:#f7f8fa}.export-summary-icon{width:32px;height:32px;flex:none;border-radius:6px;background:#fff;box-shadow:0 1px 3px #181a1e1a}.export-summary>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.export-summary strong{color:#31353c;font-size:12px}.export-summary small{color:#7d828b;font-size:10px}.export-dialog-footer{min-height:62px;justify-content:flex-end;gap:8px;padding:11px 16px;border-top:1px solid var(--border);background:#fafbfc}.export-dialog-footer .primary-button,.export-dialog-footer .secondary-button{min-width:82px}.export-dialog-footer .primary-button:disabled{opacity:.38;cursor:default}.command-palette{width:min(540px,calc(100vw - 30px));max-height:min(520px,70vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(213,216,221,.95);border-radius:8px;background:#fff;box-shadow:0 24px 70px #181a1e3b}.command-search{height:58px;flex:none;display:flex;align-items:center;gap:11px;padding:0 15px;border-bottom:1px solid var(--border);color:#7a7f88}.command-search input{min-width:0;flex:1;border:0;outline:0;color:#25282e;font-size:14px}.command-search input::placeholder{color:#a0a4ab}.command-results{min-height:80px;padding:7px;overflow-y:auto}.command-results button{width:100%;height:48px;display:flex;align-items:center;gap:11px;padding:0 10px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer}.command-results button.is-active{background:#f0f3ff}.command-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #dfe2e7;border-radius:6px;background:#fff;color:#606670}.command-results button>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.command-results strong{color:#353940;font-size:12px;font-weight:650}.command-results small{color:#969aa2;font-size:9px}.command-empty{height:100px;display:grid;place-items:center;color:#999da5;font-size:12px}.toast{position:fixed;z-index:120;left:50%;bottom:24px;transform:translate(-50%);min-height:38px;display:flex;align-items:center;justify-content:center;padding:0 14px;border-radius:7px;background:#202329;color:#fff;font-size:12px;box-shadow:0 8px 22px #181a1e38;animation:toast-in .16s ease-out}.toast>span{white-space:nowrap}.toast button{height:26px;margin-left:12px;padding:0 8px;border:0;border-radius:4px;background:#ffffff21;color:#baf5cc;font-size:11px;font-weight:700;cursor:pointer}.toast button:hover{background:#ffffff38}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}}.panel-scrim,.mobile-panel-button{display:none}.visually-hidden{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:1180px){.save-state span,.command-trigger span,.command-trigger kbd{display:none}.command-trigger{width:36px;padding:0}.document-title{width:150px}.properties-panel,.property-content,.properties-header{width:268px}}@media(max-width:900px){:root{--header-height: 56px}.app-header{padding:0 9px}.brand-name,.header-divider,.file-menu,.save-state,.import-button,.desktop-panel-toggle{display:none}.mobile-panel-button{display:inline-grid;width:40px;height:40px}.header-left{gap:5px}.brand-mark{width:28px;height:28px}.document-title{width:132px;height:38px}.side-panel{position:fixed;z-index:55;top:var(--header-height);bottom:0;height:auto;overflow:visible;transition:transform .19s ease;box-shadow:0 16px 50px #181a1e2e}.side-panel.is-open .panel-scrim{position:absolute;top:0;bottom:0;display:block;width:100vw;padding:0;border:0;background:#181c241f;cursor:default}.left-panel .panel-scrim{left:100%}.properties-panel .panel-scrim{right:100%}.left-panel,.left-closed .left-panel{left:0;width:min(310px,86vw);border-right:1px solid var(--border);transform:translate(-105%)}.left-panel.is-open{transform:translate(0)}.properties-panel,.right-closed .properties-panel{right:0;width:min(310px,86vw);border-left:1px solid var(--border);transform:translate(105%)}.properties-panel.is-open{transform:translate(0)}.object-panel-header,.layers-panel,.properties-header,.property-content{width:min(310px,86vw)}.tool-dock{top:auto;bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 24px);height:54px;justify-content:center;overflow:visible;padding:5px 6px;scrollbar-width:none}.tool-button{width:42px;height:42px}.tool-item{flex:none}.tool-item.has-divider{padding-left:0;margin-left:0}.tool-item.has-divider:before{display:none}.mobile-secondary-tool{display:none}.mobile-more-tools{position:relative;display:block;flex:none}.mobile-tool-menu{position:absolute;z-index:35;right:-1px;bottom:58px;width:224px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:7px;border:1px solid #d9dce1;border-radius:8px;background:#fffffffa;box-shadow:0 14px 36px #181a1e2e}.mobile-tool-menu button{height:42px;display:flex;align-items:center;gap:8px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#4e545e;font-size:11px;cursor:pointer}.mobile-tool-menu button:hover,.mobile-tool-menu button.is-active{background:#eef1fb;color:#284dcc}.tool-dock [data-tooltip]:after{display:none}.bottom-controls{left:12px;bottom:calc(76px + env(safe-area-inset-bottom))}.mini-map{display:none}.selection-bar{left:12px;right:12px;top:auto;bottom:calc(76px + env(safe-area-inset-bottom));width:auto;max-width:calc(100% - 24px);transform:none;justify-content:center;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.selection-colors,.selection-divider{display:none}.selection-align-popover{position:fixed;top:auto;bottom:calc(136px + env(safe-area-inset-bottom));left:50%}.selection-bar~.bottom-controls{display:none}.tool-dock.is-menu-open~.bottom-controls{display:none}.toast{bottom:calc(130px + env(safe-area-inset-bottom))}}@media(max-width:560px){.document-title{width:min(20vw,74px);padding:0 5px;font-size:12px}.history-actions{display:none}.header-actions{gap:4px}.primary-button{width:40px;height:40px;padding:0}.primary-button span,.export-chevron{display:none}.command-trigger{width:40px;height:40px}.bottom-controls{height:42px}.bottom-controls .control-divider,.bottom-controls button:nth-last-child(1){display:none}.dialog-backdrop{align-items:flex-end;padding:0}.command-palette{width:100%;max-height:72vh;border-radius:8px 8px 0 0;border-bottom:0}.export-dialog{width:100%;max-height:94vh;border-right:0;border-bottom:0;border-left:0;border-radius:8px 8px 0 0}.export-dialog-body{gap:16px;padding:16px}.export-dialog-columns{grid-template-columns:1fr;gap:16px}.export-dialog-footer .primary-button{width:auto;height:36px;padding:0 14px}.export-dialog-footer .secondary-button{height:36px}}@media(max-width:360px){.document-title{width:74px}.command-trigger{display:none}.tool-dock{width:calc(100% - 16px)}.tool-button{width:40px;height:40px}.export-format-copy small{display:none}.export-format-option{grid-template-columns:32px minmax(0,1fr) 16px;gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}