@charset "UTF-8";.typography-panel{display:grid;gap:12px}.typography-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.typography-grid input{min-width:0;width:100%}.typography-actions{display:flex;gap:6px}.typography-actions button{height:34px;width:38px;border:1px solid #e5e3eb;border-radius:7px;background:#fff;color:inherit;cursor:pointer}.typography-actions button[aria-pressed=true]{background:#f0ecff;color:#6b4eff;border-color:#bcaeff}.typography-upload{display:block;padding:10px;border:1px dashed #b9afdc;border-radius:8px;color:#6b4eff;font-size:12px;cursor:pointer}.typography-upload input{display:block;width:100%;font-size:11px;margin-top:8px}.typography-hint{margin:0;font-size:11px;line-height:1.5;color:#7c7784}.typography-error{margin:0;color:#b62b40;font-size:12px;line-height:1.5}.lb-color-field{display:flex;flex-direction:column;gap:5px;min-width:0;max-width:100%;margin:10px 0;font-size:11px;color:var(--ink, #29292e)}.lb-color-label{color:var(--muted, #75757e);line-height:1.4}.lb-color-controls{display:grid;grid-template-columns:28px minmax(55px,1fr) 58px;gap:4px;align-items:center;min-width:0}.lb-color-controls .lb-color-swatch{width:28px;height:30px;padding:3px;border:1px solid var(--border, #dedde4);border-radius:6px;overflow:hidden;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 50%/8px 8px;min-width:0}.lb-color-swatch>span{display:block;width:100%;height:100%;border-radius:3px}.lb-color-controls input{box-sizing:border-box;min-width:0;width:100%;height:30px;border:1px solid var(--border, #dedde4);border-radius:6px;background:var(--surface, #fff);color:var(--ink, #29292e);padding:4px 6px;font-size:11px}.lb-color-controls .lb-color-hex{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.lb-color-controls .lb-color-alpha{position:relative;display:block;min-width:0;margin:0}.lb-color-alpha input{padding:4px 17px 4px 5px;appearance:textfield;-moz-appearance:textfield}.lb-color-alpha input::-webkit-inner-spin-button,.lb-color-alpha input::-webkit-outer-spin-button{appearance:none;margin:0}.lb-color-alpha>span{position:absolute;right:6px;top:8px;font-size:10px;color:var(--muted, #75757e);pointer-events:none}.lb-color-field :disabled{opacity:.5;cursor:not-allowed}.lb-color-error{font-size:10px;color:#ad254a;line-height:1.4}.lb-color-popover{position:fixed;z-index:1200;box-sizing:border-box;width:min(276px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--border, #dedde4);border-radius:12px;background:var(--surface, #fff);color:var(--ink, #29292e);box-shadow:0 14px 40px #20183d30;font:12px/1.4 Inter,Arial,sans-serif}.lb-color-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.lb-color-heading strong{font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-color-heading button{font-size:20px;line-height:1;width:25px;height:25px;background:transparent;border:0;border-radius:5px;color:inherit;cursor:pointer}.lb-color-sv{position:relative;height:150px;border-radius:7px;touch-action:none;cursor:crosshair;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent)}.lb-color-sv>span{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0008;transform:translate(-50%,-50%);pointer-events:none}.lb-color-slider{display:flex;align-items:center;gap:8px;font-size:10px;margin:12px 0}.lb-color-slider>span{flex:none;min-width:28px}.lb-color-slider input[type=range]{min-width:0;width:100%;height:12px;margin:0;padding:0;accent-color:var(--accent, #6b4eff);cursor:pointer}.lb-color-slider input.lb-color-hue{appearance:none;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.lb-color-hue::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:2px solid white;box-shadow:0 0 0 1px #0007;background:transparent;border-radius:50%}.lb-color-hue::-moz-range-thumb{width:12px;height:12px;border:2px solid white;box-shadow:0 0 0 1px #0007;background:transparent;border-radius:50%}.lb-color-slider output{font-variant-numeric:tabular-nums;min-width:30px;text-align:right}.lb-color-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:12px 0}.lb-color-palette button{width:100%;height:23px;border:1px solid #0002;border-radius:5px;cursor:pointer;padding:0}.lb-color-shortcuts{display:flex;flex-wrap:wrap;gap:5px}.lb-color-shortcuts button{padding:5px 7px;border:1px solid var(--border, #dedde4);border-radius:5px;background:var(--surface, #fff);color:inherit;font-size:10px;cursor:pointer}.lb-color-popover p{font-size:10px;color:var(--muted, #75757e);margin:10px 0 0;line-height:1.5}.lb-color-field :focus-visible,.lb-color-popover :focus-visible{outline:2px solid var(--accent, #6b4eff);outline-offset:2px}.np-color-fields:has(.lb-color-field){display:block}.np-state-color:has(.lb-color-field),.ip-color-row:has(.lb-color-field){display:block}.np-state-color .lb-color-field,.ip-color-row .lb-color-field{margin:6px 0}.ie-toolbar>.lb-color-field{width:235px;margin:0 0 0 auto}.interaction-panel{padding:16px;border-top:1px solid var(--border, #e7e7e4);color:var(--ink, #29292e);font-size:12px}.ip-heading{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px;justify-content:space-between}.ip-heading h3{display:flex;align-items:center;gap:6px;font-size:12px;margin:0}.ip-toggle{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.ip-toggle input{width:14px;height:14px;padding:0;margin:0;accent-color:var(--accent, #6b4eff);flex-shrink:0}.ip-hint{font-size:11px;line-height:1.55;color:#75757e;margin:10px 0}.ip-presets{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.ip-presets button,.ip-preview-modes button{border:1px solid var(--border, #e7e7e4);border-radius:7px;padding:7px 9px;min-height:32px;background:var(--surface, #fff);font-size:11px}.ip-presets button{display:flex;align-items:center;gap:5px}.ip-presets button:hover,.ip-preview-modes button:hover{border-color:#b6a8f8;background:var(--accent-soft, #f0ecff)}.ip-preview-stage{min-height:160px;display:flex;align-items:center;justify-content:center;padding:28px 18px;border-radius:9px;background:#f5f5f3;border:1px solid var(--border, #e7e7e4);overflow:auto}.ip-preview{flex-shrink:0;cursor:pointer}.ip-preview-modes{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.ip-preview-modes button[aria-pressed=true]{background:var(--accent-soft, #f0ecff);color:var(--accent, #6b4eff);border-color:#b6a8f8}.ip-colors{display:grid;gap:8px;margin-top:16px}.ip-color-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px}.ip-color-row input[type=color]{width:42px;height:30px;padding:3px;cursor:pointer}.ip-color-row small{color:#85858b;font-size:10px}.ip-number-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.ip-number{display:grid;gap:5px;min-width:0;color:#75757e;font-size:11px}.ip-number input{width:100%;color:var(--ink, #29292e)}.interaction-panel :focus-visible{outline:2px solid var(--accent, #6b4eff);outline-offset:3px}.ie-overlay{position:fixed;inset:0;z-index:1000;background:#17121f80;backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.ie-dialog{background:#fbfaf8;border:1px solid #dedbe3;border-radius:18px;width:min(1400px,100%);height:min(900px,94dvh);display:flex;flex-direction:column;box-shadow:0 28px 100px #17121f44;color:#28242e}.ie-header{display:flex;align-items:center;gap:20px;padding:16px 20px;border-bottom:1px solid #e8e5ec}.ie-header>div{display:flex;flex-direction:column;gap:4px;min-width:180px}.ie-header strong{font-size:17px}.ie-header span{font-size:12px;color:#827b8d}.ie-header>input{max-width:320px}.ie-header>button{margin-left:auto}.ie-dialog input:not([type=checkbox]):not([type=color]),.ie-dialog textarea,.ie-dialog select{background:#fff;color:inherit;border:1px solid #dedbe3;border-radius:7px;padding:8px 9px;font:inherit;min-width:0;width:100%}.ie-dialog input[aria-invalid=true],.ie-dialog textarea[aria-invalid=true]{border-color:#bd4a5e}.ie-dialog textarea{resize:vertical;font-size:11px}.ie-dialog button{cursor:pointer}.ie-dialog button:disabled{opacity:.4;cursor:not-allowed}.ie-toolbar{display:flex;align-items:center;gap:6px;padding:10px 20px;border-bottom:1px solid #e8e5ec;flex-wrap:wrap}.ie-toolbar button,.ie-layer-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:7px;background:transparent;padding:8px;color:inherit;font:inherit;font-size:12px}.ie-toolbar button:hover,.ie-layer-actions button:hover{background:#eeebf2}.ie-toolbar button.active{background:#ece6fb;border-color:#cfbff4;color:#6949ac}.ie-toolbar label{display:flex;align-items:center;gap:5px;font-size:12px;margin-left:8px}.ie-toolbar input[type=color]{width:28px;height:28px;border:0;padding:0;background:none}.ie-separator{width:1px;height:22px;background:#ddd6e7;margin:0 4px}.ie-body{display:grid;grid-template-columns:230px minmax(280px,1fr) 265px;min-height:0;flex:1}.ie-library,.ie-properties{padding:18px;overflow:auto;overscroll-behavior:contain}.ie-library{border-right:1px solid #e8e5ec}.ie-properties{border-left:1px solid #e8e5ec}.ie-dialog h3{font-size:13px;margin:0 0 12px}.ie-dialog h3 small{font-size:11px;font-weight:400;color:#877e93;margin-left:8px}.ie-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.ie-presets button{border:1px solid #e5e0eb;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 3px;color:#4a4257}.ie-presets button:hover{border-color:#b5a2d8;background:#f5f1fc}.ie-presets button>span{display:block;width:25px;height:25px}.ie-presets small{font-size:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.ie-import{margin-top:20px}.ie-import summary{font-size:12px;cursor:pointer}.ie-import p,.ie-properties p{font-size:11px;color:#827b8d;line-height:1.5}.ie-import textarea{margin-top:10px}.ie-import .btn{width:100%;font-size:11px}.ie-canvas-area{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:0;overflow:auto;padding:24px;background:#f0edf3}.ie-instruction{font-size:11px;text-align:center;color:#827b8d;max-width:430px;margin:0 0 16px}.ie-paper{width:min(100%,430px);aspect-ratio:1;flex-shrink:0;background:#fff;border:1px solid #d8d1e1;box-shadow:0 6px 24px #21172d0b}.ie-paper>svg{display:block;width:100%;height:100%}.ie-measure{color:#8d8299;font-size:11px;margin:10px 0 20px}.ie-sizes{display:flex;align-items:center;gap:20px;min-height:90px}.ie-sizes>div{display:flex;flex-direction:column;align-items:center;gap:6px}.ie-sizes span{display:block}.ie-sizes small{font-size:10px;color:#8a8196}.ie-check{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5}.ie-field{display:grid;gap:5px;margin:10px 0;font-size:11px}.ie-field small{font-size:10px;color:#a4384e}.ie-layers{display:flex;flex-direction:column;gap:3px;max-height:170px;overflow:auto}.ie-layers>button{border:0;text-align:left;padding:7px 9px;background:transparent;border-radius:6px;color:inherit;font-size:12px}.ie-layers>button:hover{background:#eee9f5}.ie-layers>button.active{background:#e9e1f8;color:#6c46b0}.ie-layer-actions{display:flex;gap:6px;padding:7px 0;border-bottom:1px solid #e5dfee;margin-bottom:12px}.ie-footer{display:flex;align-items:center;gap:16px;padding:14px 20px;border-top:1px solid #e8e5ec}.ie-footer span{font-size:11px;color:#827b8d;flex:1}.ie-footer button{white-space:nowrap}.ie-error{padding:9px 20px;background:#fff0f2;color:#a4384e;font-size:12px;margin:0}.ie-dialog :focus-visible{outline:2px solid #9268d8;outline-offset:2px}@media(max-width:1000px){.ie-body{grid-template-columns:180px minmax(240px,1fr) 210px}.ie-library,.ie-properties{padding:12px}.ie-canvas-area{padding:14px}.ie-presets{grid-template-columns:repeat(2,1fr)}.ie-toolbar{padding:8px 12px}.ie-header{padding:12px}}@media(max-width:720px){.ie-overlay{padding:4px}.ie-dialog{height:98dvh;max-height:none;border-radius:12px}.ie-header{gap:10px}.ie-header>div{min-width:0}.ie-header span{display:none}.ie-header strong{font-size:13px}.ie-header>input{max-width:180px}.ie-body{display:flex;flex-direction:column;overflow:auto}.ie-library{order:2;overflow:visible;border:0;border-top:1px solid #e8e5ec}.ie-properties{order:3;overflow:visible;border:0}.ie-canvas-area{min-height:360px;overflow:visible;flex-shrink:0}.ie-paper{width:260px}.ie-sizes{gap:16px;min-height:70px}.ie-sizes>div:last-child{display:none}.ie-presets{grid-template-columns:repeat(5,1fr)}.ie-footer{padding:10px;gap:8px}.ie-footer span{display:none}.ie-footer>.primary{margin-left:auto}.ie-toolbar button{font-size:10px;padding:6px}.ie-toolbar button svg{width:14px}.ie-toolbar label{font-size:10px}}.nip{margin-top:10px;min-width:0}.nip-trigger,.nip-none,.nip-edit{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:7px 9px;border:1px solid var(--border, #e7e7e4);border-radius:7px;background:#fff;color:inherit;text-align:left;font-size:11px}.nip-trigger>span:nth-child(2){flex:1}.nip-glyph,.nip-glyph>span{display:inline-flex;width:22px;height:22px;flex-shrink:0}.nip-choices{margin-top:7px;padding:8px;border:1px solid var(--border, #e7e7e4);border-radius:8px;background:#fff}.nip-search{display:flex;align-items:center;gap:5px;margin-bottom:7px}.nip-search input{width:100%;min-width:0}.nip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-height:250px;overflow:auto;overscroll-behavior:contain;margin:7px 0;padding:3px}.nip-grid button{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:5px;min-width:0;min-height:61px;padding:7px 3px;border:1px solid var(--border, #e7e7e4);border-radius:6px;background:#fff;font-size:9px;overflow-wrap:anywhere}.nip button:hover,.nip button[aria-pressed=true]{background:var(--accent-soft, #f0ecff);color:var(--accent, #6b4eff);border-color:#b6a8f8}.nip-hint{margin:8px 0 0;color:#75757e;font-size:10px;line-height:1.5}.nip :focus-visible{outline:2px solid var(--accent, #6b4eff);outline-offset:2px}@media(pointer:coarse){.nip-trigger,.nip-none,.nip-edit{min-height:44px}.nip-search input{font-size:16px}}.navigation-panel{padding:16px;border-top:1px solid var(--border, #e7e7e4);color:var(--ink, #29292e);font-size:12px}.navigation-panel h3{margin:0 0 13px;font-size:12px;display:flex;align-items:center;gap:6px}.np-heading{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px}.np-heading h3{margin:0}.np-toggle{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.np-toggle input{width:14px;height:14px;margin:0;padding:0;accent-color:var(--accent, #6b4eff);flex-shrink:0}.np-hint{margin:10px 0;font-size:11px;line-height:1.55;color:#75757e}.np-field{display:grid;min-width:0;gap:5px;margin:11px 0 0;font-size:11px;color:#75757e}.np-field input,.np-field select{width:100%;min-width:0;color:var(--ink, #29292e)}.np-side-options{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:12px}.np-side-options button,.np-add{background:var(--surface, #fff);border:1px solid var(--border, #e7e7e4);border-radius:7px;min-height:34px;padding:7px 9px}.np-side-options button[aria-pressed=true]{background:var(--accent-soft, #f0ecff);color:var(--accent, #6b4eff);border-color:#b6a8f8}.np-add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px}.np-add:hover:not(:disabled),.np-side-options button:hover{background:var(--accent-soft, #f0ecff);border-color:#b6a8f8}.np-color-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.np-field input[type=color]{padding:3px;height:32px;cursor:pointer}.np-sticky{margin:14px 0 2px}.np-items-title{display:flex;justify-content:space-between;gap:10px;margin:17px 0 10px}.np-items-title span{font-size:10px;color:#85858b}.np-items-scroll{margin:0;padding:3px;list-style:none;max-height:min(520px,65vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:9px}.np-item{padding:10px;border:1px solid var(--border, #e7e7e4);border-radius:8px;background:#fafaf9}.np-tree-item{margin-inline-start:calc(var(--np-depth, 0) * 10px);border-inline-start:3px solid var(--border, #e7e7e4)}.np-tree-level{margin:7px 0 0;font-size:10px;color:var(--accent, #6b4eff)}.np-behavior{margin-top:16px}.np-behavior summary{font-weight:600;cursor:pointer}.np-behavior .np-toggle{align-items:flex-start;line-height:1.4}.np-behavior .np-toggle input{margin-top:2px}.np-disclosure-preview{margin-top:12px}.np-disclosure-stage{min-height:126px;padding:10px;border:1px solid var(--border, #e7e7e4);border-radius:8px;background:#fafaf9;overflow:hidden}.np-demo-parent{font-weight:600;line-height:24px}.np-demo-children{display:grid;gap:4px;padding-left:18px;overflow:hidden;transform-origin:top}.np-demo-children span{min-height:22px;line-height:22px}.np-demo-children[data-animation=fade]{animation:np-disclosure-fade var(--np-disclosure-duration, .2s) ease-out both}.np-demo-children[data-animation=slide]{animation:np-disclosure-slide var(--np-disclosure-duration, .2s) ease-out both}@keyframes np-disclosure-fade{0%{opacity:0}to{opacity:1}}@keyframes np-disclosure-slide{0%{max-height:0;opacity:0;transform:translateY(-8px)}to{max-height:90px;opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.np-demo-children{animation:none!important}}.np-item-heading{display:flex;align-items:center;justify-content:space-between;gap:7px}.np-item-heading>strong{color:#75757e;font-size:10px;font-weight:500}.np-item-actions{display:flex;gap:3px}.np-item-actions button{width:28px;height:28px;padding:5px;display:grid;place-items:center;border:1px solid var(--border, #e7e7e4);border-radius:5px;background:#fff}.np-item-actions button:hover:not(:disabled){color:var(--accent, #6b4eff);background:var(--accent-soft, #f0ecff)}.np-item .np-field{margin-top:7px}.np-item input,.np-item select{padding:7px;font-size:11px;background:#fff}.np-error{color:#a63636;font-size:11px;line-height:1.5;margin:7px 0 0}.np-status{margin:8px 0 0;color:#6b4eff;font-size:11px;line-height:1.5}.np-status:empty{margin:0}.navigation-panel :focus-visible{outline:2px solid var(--accent, #6b4eff);outline-offset:2px}.np-sidebar-live-preview{max-height:320px;overflow:auto;border:1px solid var(--border, #e7e7e4);border-radius:8px;background:#f5f5f3;overscroll-behavior:contain}.np-preview-states{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:8px}.np-preview-states button{border:1px solid var(--border, #e7e7e4);border-radius:6px;min-height:32px;padding:5px;font-size:10px}.np-preview-states button[aria-pressed=true]{background:var(--accent-soft, #f0ecff);color:var(--accent, #6b4eff);border-color:#b6a8f8}.np-appearance{margin-top:16px}.np-appearance summary{font-weight:600;cursor:pointer}.np-appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.np-state-colors{display:grid;gap:10px;margin-top:16px}.np-state-color{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;font-size:11px}.np-state-color input[type=color]{width:38px;height:28px;padding:3px}.np-state-color small{color:#85858b}.np-apply{margin-top:16px;padding-top:12px;border-top:1px solid var(--border, #e7e7e4)}.np-apply-confirm{border:1px solid #b6a8f8;border-radius:8px;padding:10px;background:var(--accent-soft, #f0ecff)}.np-apply-confirm .np-hint{margin-top:0}.np-apply .np-add{white-space:normal}@media(pointer:coarse){.np-item-actions button{width:34px;height:34px}}.version-history h3{margin:24px 0 12px}.version-history .help-card p{margin:8px 0 0;line-height:1.55}.version-history .version-row{gap:16px;flex-wrap:wrap}.version-history .version-row p{overflow-wrap:anywhere}.backup-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.version-history small{color:var(--muted)}@media(max-width:600px){.version-history .version-row{align-items:stretch;flex-direction:column}.backup-actions{flex-direction:row;flex-wrap:wrap}}.site-preview{min-width:0;width:100%;display:flex;flex-direction:column;gap:12px}.site-preview-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:0 2px}.site-preview-toolbar label{display:grid;gap:5px;max-width:360px;flex:1;font-size:12px;color:#73757c}.site-preview-toolbar select{color:#29292e}.site-preview-device{font-size:12px;color:#73757c;white-space:nowrap;padding-bottom:9px}.site-preview-viewport{width:100%;min-width:0;overflow:auto;display:flex;justify-content:safe center}.site-preview-frame{flex:none;display:block;max-width:none}@media(max-width:480px){.site-preview-toolbar{gap:8px}.site-preview-device{font-size:10px}}.auto-layout-panel{padding:16px;border-top:1px solid var(--border, #e7e7e4);color:var(--ink, #29292e);font-size:12px}.auto-layout-panel h3{display:flex;align-items:center;gap:6px;margin:0 0 13px;font-size:12px}.auto-layout-panel h3 small{margin-left:auto;color:#85858b;font-size:10px;font-weight:400}.al-fieldset{margin:0;padding:0;border:0;min-width:0}.al-fieldset:disabled{opacity:.6}.al-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;line-height:1.45}.al-toggle input{width:14px;height:14px;margin:0;padding:0;flex-shrink:0;accent-color:var(--accent, #6b4eff)}.al-hint{font-size:11px;line-height:1.55;color:#75757e;margin:10px 0}.al-direction{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:13px 0 10px}.al-direction button,.al-reset{border:1px solid var(--border, #e7e7e4);border-radius:7px;padding:7px;min-height:33px;background:#fff}.al-direction button{display:flex;align-items:center;justify-content:center;gap:6px}.al-direction button[aria-pressed=true]{background:var(--accent-soft, #f0ecff);color:var(--accent, #6b4eff);border-color:#b6a8f8}.al-scheme{display:flex;min-height:106px;height:106px;border:1px dashed #b6a8f8;background:#f7f5ff;border-radius:7px;overflow:hidden}.al-scheme span{display:grid;place-items:center;border-radius:4px;background:#ded7ff;color:#6b4eff;font-size:10px;flex-shrink:0}.al-scheme.is-row span{width:34px;min-height:24px}.al-scheme.is-column span{min-width:34px;height:20px}.al-field{display:grid;gap:5px;min-width:0;color:#75757e;font-size:11px;margin-top:10px}.al-field input,.al-field select{width:100%;min-width:0;color:var(--ink, #29292e)}.al-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.al-wrap{margin:13px 0 2px}.al-subtitle{font-weight:600;font-size:11px;margin-top:17px}.al-inheritance{display:grid;gap:7px;border-radius:7px;background:#f5f3fb;padding:8px;margin:10px 0;color:#72638b;font-size:10px}.al-inheritance button{display:flex;align-items:center;gap:5px;justify-self:start;padding:3px 0;color:#6b4eff}.al-child-settings{border-top:1px solid var(--border, #e7e7e4);margin-top:14px}.al-limits{margin:15px 0}.al-limits summary{cursor:pointer;font-size:11px;font-weight:600}.al-reset{width:100%;font-size:11px}.al-error{border-radius:7px;background:#fff1ef;color:#a63636;font-size:11px;padding:9px;line-height:1.5;margin:12px 0 0}.auto-layout-panel :focus-visible{outline:2px solid var(--accent, #6b4eff);outline-offset:2px}.scene-container-content{position:absolute;inset:0;border-radius:inherit;overscroll-behavior:contain;isolation:isolate}.canvas-element.scene-container{overflow:visible!important}.scene-container-label{position:absolute;left:0;top:-23px;max-width:100%;height:21px;border:0!important;border-radius:4px 4px 0 0;background:#6851d6!important;color:#fff!important;font:11px/1.2 Arial,sans-serif!important;padding:3px 7px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;opacity:.85;z-index:4;pointer-events:auto!important}.scene-container:not(.selected):not(:hover)>.scene-container-label{opacity:.45}.scene-node.scene-container{overflow:visible}.canvas-element.scene-container:before,.canvas-element.scene-container:after{z-index:5}.canvas-element.scene-container>.resize-handle{z-index:6}.scene-node img,.scene-node svg{max-width:100%;max-height:100%}.structured-artboard{display:flex;align-items:stretch}.structured-artboard .artboard-main{flex:none;min-width:0}.structure-panel .inline{flex-wrap:wrap}.statusbar>.link-button{white-space:nowrap;display:flex;align-items:center;gap:5px}.canvas-element[data-motion-hover]:is(:hover,:focus-visible){animation:var(--scene-hover-animation)}@media(prefers-reduced-motion:reduce){.canvas-element[data-motion-hover]{animation:none!important}}.sidebar-canvas{position:relative;cursor:pointer;align-self:stretch}.sidebar-canvas.is-selected{outline:2px solid var(--accent, #6b4eff);outline-offset:-2px}.sidebar-canvas:focus-visible{outline:2px solid var(--accent, #6b4eff);outline-offset:-2px}.sidebar-canvas.sc-mobile{align-self:auto;padding:0!important}.sc-rendered-menu{height:100%;min-width:0}.sc-rendered-menu>.lb-page-sidebar{height:100%;border:0!important}.sc-rendered-menu>.lb-mobile-sidebar{display:block!important;border:0!important}.sc-mobile-details{display:block!important;padding:0!important;background:transparent!important}.sc-width-handle{position:absolute;top:0;bottom:0;right:-4px;width:8px;cursor:ew-resize;z-index:2;touch-action:none}.sidebar-canvas.is-right .sc-width-handle{left:-4px;right:auto}.sc-width-handle:after{content:"";position:absolute;inset:0 3px;background:var(--accent, #6b4eff);opacity:0}.sidebar-canvas.is-selected .sc-width-handle:after,.sc-width-handle:hover:after,.sc-width-handle:focus-visible:after{opacity:1}.sc-width-handle:focus-visible{outline:2px solid var(--accent, #6b4eff);outline-offset:2px}.grid-settings{padding:16px;border-top:1px solid var(--border, #e7e7e4);font-size:12px}.grid-settings h3{display:flex;align-items:center;gap:6px;font-size:12px;margin:0 0 14px}.gs-toggles{display:grid;gap:10px}.gs-toggles label{display:flex;align-items:center;gap:7px;cursor:pointer}.gs-toggles input{width:14px;height:14px;padding:0;margin:0;accent-color:var(--accent, #6b4eff)}.gs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.gs-field{display:grid;gap:5px;font-size:11px;color:#75757e;min-width:0}.gs-field input,.gs-field select{width:100%;min-width:0;color:var(--ink, #29292e)}.grid-settings p{color:#75757e;font-size:11px;line-height:1.5;margin:10px 0 0}.grid-settings details{margin-top:12px}.grid-settings summary{cursor:pointer;font-weight:600}.canvas-guides{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:25}.cg-align{stroke:#d342bd}.cg-gap{stroke:#a33ec4}.cg-gap text{fill:#9232b1;stroke:#fff;paint-order:stroke;text-anchor:middle;dominant-baseline:central;font-family:Arial,sans-serif}.cg-column{fill:#8567ea;opacity:.075}.layer-tree{font-size:12px;color:#37333f}.ltt-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 12px 4px}.layer-tree button{font:inherit;background:transparent;border:0;color:inherit;cursor:pointer}.layer-tree button:disabled{opacity:.35;cursor:default}.layer-tree :focus-visible{outline:2px solid #8e76eb;outline-offset:-2px}.ltt-heading button{font-size:10px;color:#817793}.ltt-hint{font-size:10px;color:#8c8398;padding:0 12px;line-height:1.6;margin:7px 0}.ltt-order{display:flex;gap:6px;padding:2px 12px 12px}.ltt-order button{display:grid;place-items:center;background:#fff;border:1px solid #e6e1ed;border-radius:6px;width:33px;height:29px}.ltt-section-title{display:flex;align-items:center;background:#faf9fc;min-height:38px;border-top:1px solid #efebf3}.ltt-section-title.is-active{background:#f1edfa}.ltt-collapse{width:28px;flex-shrink:0}.ltt-section-name{display:flex;align-items:center;gap:7px;min-width:0;flex:1;text-align:left;padding:9px 8px 9px 0}.ltt-section-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ltt-section-name small{font-size:10px;color:#968c9f}.ltt-section ul{list-style:none;padding:0;margin:0}.ltt-layer{display:flex;align-items:center;position:relative;min-height:44px;padding:3px 6px 3px 2px;gap:2px;border-bottom:1px solid #f5f2f8}.ltt-layer.is-selected{background:#eee8fc}.ltt-layer.is-hidden .ltt-layer-name{opacity:.45}.ltt-layer>button:not(.ltt-layer-name){padding:3px;display:grid;place-items:center;flex-shrink:0;min-height:26px}.ltt-grip{cursor:grab!important;color:#a9a0b4!important}.ltt-layer-name{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;min-width:0;text-align:left;padding:3px 1px}.ltt-layer-name span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ltt-layer-name small{font-size:9px;color:#9a8fa6}.ltt-rename{opacity:0}.ltt-layer:hover .ltt-rename,.ltt-layer:focus-within .ltt-rename{opacity:1}.ltt-name-input{min-width:0;width:100%;flex:1;border:1px solid #a58ee7;border-radius:4px;padding:6px 3px;font:inherit}.ltt-layer.drop-above:before,.ltt-layer.drop-below:after{content:"";position:absolute;height:2px;background:#7950e8;left:0;right:0;z-index:1}.ltt-layer.drop-above:before{top:0}.ltt-layer.drop-below:after{bottom:0}.ltt-empty,.ltt-status{padding:8px 12px;font-size:10px;line-height:1.5;color:#8e839b}.ltt-status{background:#f6f2fc;color:#654b8b;margin:10px;border-radius:6px}.layout-tools{padding:16px;border-top:1px solid #eceaef;color:#34323b;font-size:12px}.lt-heading{display:flex;align-items:center;gap:7px}.lt-heading span{margin-left:auto;color:#7c7788;font-size:11px}.layout-tools p{font-size:11px;line-height:1.5;color:#817b8c;margin:10px 0}.layout-tools button,.layout-tools select,.layout-tools input[type=number]{font:inherit;border:1px solid #e6e2ec;background:#fff;border-radius:7px;color:inherit;min-height:32px}.layout-tools button{cursor:pointer}.layout-tools button:hover:not(:disabled){border-color:#9b88e8;background:#f6f3ff}.layout-tools button:disabled{opacity:.4;cursor:default}.layout-tools :focus-visible{outline:2px solid #8d73ef;outline-offset:2px}.lt-alignment{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.lt-alignment button{display:grid;place-items:center;padding:5px}.lt-distribute{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 0 12px}.lt-distribute button{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;padding:5px}.lt-snap{display:flex;align-items:center;justify-content:space-between;gap:8px}.lt-snap label{display:flex;align-items:center;gap:5px}.lt-snap select{padding:0 5px;max-width:75px}.lt-wide{width:100%;margin-top:8px;padding:6px}.layout-tools details{margin-top:14px}.layout-tools summary{cursor:pointer;font-weight:600}.lt-grid-fields{display:flex;gap:10px;margin-top:10px}.lt-grid-fields label{flex:1;min-width:0;font-size:11px;color:#817b8c}.lt-grid-fields input{width:100%;margin-top:5px;padding:5px}.layout-tools .lt-message{padding:9px;background:#f2eefb;border-radius:7px;color:#5a438b}.layout-tools .lt-mobile{color:#7959c2}.lt-reference{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#817b8c;margin:12px 0 8px}.lt-reference select,.lt-reference input{width:100%;padding:6px 8px}.layout-tools .lt-reference-note{margin:6px 0 10px;font-size:10px}.lt-size-match{margin:14px 0}.lt-size-match>span{display:block;font-size:11px;color:#817b8c;margin-bottom:7px}.lt-size-match>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.lt-size-match button{padding:6px 4px;font-size:11px}.layout-tools .lt-spacing{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #eceaef}.page-transitions{display:grid;gap:12px;border-top:1px solid #e3e5dd;padding-top:18px;margin-top:8px}.page-transitions h3,.page-transitions p{margin:0}.page-transitions p{font-size:12px;line-height:1.6;color:#6b7165}.page-transition-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.page-transition-options button{display:grid;gap:7px;text-align:left;padding:9px;border:1px solid #dfe3d8;border-radius:12px;background:#fafbf7;color:#272e21;min-width:0;cursor:pointer}.page-transition-options button.is-selected{border-color:#618440;box-shadow:0 0 0 1px #618440;background:#eff5e7}.page-transition-options button:focus-visible{outline:3px solid #719d4b;outline-offset:3px}.page-transition-options b{font-size:12px}.page-transition-options small{font-size:10px;line-height:1.4;color:#6b7165}.page-transition-stage{display:grid;place-items:center;background:#e5e9df;height:64px;overflow:hidden;border-radius:7px}.page-transition-demo{display:grid;gap:5px;padding:9px;width:65%;background:#fff;border-radius:5px;box-shadow:0 3px 8px #20211f18}.page-transition-demo i{height:4px;background:#b8c8a7;border-radius:2px}.page-transition-demo i:first-child{width:55%;height:7px;background:#60794a}.page-transition-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.page-transition-controls label{display:grid;gap:6px;font-size:12px}.page-transition-controls input{width:120px;min-height:36px;padding:7px;border:1px solid #dfe3d8;border-radius:7px;font:inherit}@media(max-width:600px){.page-transition-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.page-transition-demo{animation:none!important}}.element-library{color:#27262c;width:100%;max-width:1080px;padding:24px;box-sizing:border-box}.element-library header{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.element-library h2{font-size:25px;margin:0 0 8px}.element-library header p{margin:0;color:#77737f;font-size:14px;line-height:1.5}.element-library header button{border:0;background:transparent;padding:8px;border-radius:8px;cursor:pointer}.element-library-search{display:flex;align-items:center;gap:10px;border:1px solid #ddd9e5;border-radius:10px;padding:10px 14px}.element-library-search input{width:100%;border:0;background:transparent;font:inherit;outline:0}.element-library-categories{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.element-library-categories button{border:1px solid #e2deea;border-radius:100px;background:#fff;padding:8px 16px;font:inherit;cursor:pointer}.element-library-categories button[aria-pressed=true]{background:#6851d6;color:#fff;border-color:#6851d6}.element-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:14px;max-height:60vh;overflow:auto;padding:3px 4px 8px}.element-library-card{display:flex;flex-direction:column;gap:7px;text-align:left;background:#fff;border:1px solid #e6e1ea;border-radius:14px;padding:12px;cursor:pointer;font:inherit;color:inherit}.element-library-card:hover{border-color:#6851d6;box-shadow:0 3px 12px #6851d614}.element-library-card:focus-visible,.element-library button:focus-visible{outline:3px solid #9985ef;outline-offset:2px}.element-library-preview{display:flex;width:100%;height:132px;align-items:center;justify-content:center;border-radius:9px;background:#f5f4f8;pointer-events:none}.element-library-card strong{font-size:14px}.element-library-card>span{font-size:12px;color:#827c8c}.element-library-empty{padding:32px;text-align:center;color:#827c8c}@media(max-width:600px){.element-library{padding:16px}.element-library-grid{grid-template-columns:1fr}.element-library h2{font-size:21px}}.pm-page{width:100%;min-width:0;height:100dvh;background:#fff;display:flex;flex-direction:column;overflow:hidden;color:#29292e;outline:none}.pm-page *,.pm-page *:before,.pm-page *:after{box-sizing:border-box}.pm-page>.pm-header,.pm-page>.pm-toolbar,.pm-page>.pm-filters,.pm-page>.pm-settings,.pm-page>.pm-footer{flex-shrink:0}.pm-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e1dbe9;background:#fff;color:#554269;border-radius:8px;padding:10px 14px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;flex:none}.pm-back:hover{background:#f0ecff;color:#6b4eff}.pm-project{max-width:55ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#6b4eff;margin-bottom:6px}.pm-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid #e7e7e4}.pm-title-icon,.pm-empty-symbol{background:#f0ecff;color:#6b4eff;display:grid;place-items:center;border-radius:13px;width:46px;height:46px;flex:none}.pm-heading{flex:1;min-width:0}.pm-heading h1{font-size:19px;letter-spacing:-.5px;margin:0 0 5px}.pm-heading p{font-size:12px;color:#797981;margin:0}.pm-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;background:transparent;border-radius:7px;color:#686872;cursor:pointer;flex:none}.pm-icon:hover,.pm-fit:hover{background:#f0ecff;color:#6b4eff}.pm-icon:disabled{opacity:.35;cursor:default}.pm-toolbar{display:flex;align-items:center;gap:18px;padding:10px 22px;border-bottom:1px solid #e7e7e4;font-size:12px;color:#7d7b86;flex-wrap:wrap}.pm-toolbar b{color:#403e49}.pm-warning{display:inline-flex;align-items:center;gap:5px;color:#b85c2e}.pm-zoom{margin-left:auto;display:flex;align-items:center;gap:2px}.pm-zoom output{min-width:49px;text-align:center;font-variant-numeric:tabular-nums;color:#514b66}.pm-fit{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e7e7e4;border-radius:7px;padding:7px 10px;font-size:12px;margin-left:9px}.pm-body{display:flex;flex:1;min-height:0}.pm-scroll{flex:1;min-width:0;overflow:auto;background-color:#f6f5f8;overscroll-behavior:contain;scrollbar-gutter:stable}.pm-scroll.has-grid{background-image:radial-gradient(#dbd8e4 .9px,transparent .9px)}.pm-settings{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 22px;border-bottom:1px solid #e7e7e4;font-size:11px;color:#665b74}.pm-settings>label{display:flex;align-items:center;gap:6px;min-width:0}.pm-settings input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:#6b4eff}.pm-settings select{min-width:0;padding:6px;border:1px solid #dfd9e8;border-radius:6px;background:#fff;font-size:11px}.pm-settings .pm-fit{margin-left:auto}.pm-edge.is-muted{opacity:.3}.pm-route-dot{fill:#9e8ed5}.pm-edge.is-selected .pm-route-dot{fill:#6b4eff}.pm-route-label{fill:#796693;font-size:10px;paint-order:stroke fill;stroke:#f6f5f8;stroke-width:4px;stroke-linejoin:round;pointer-events:none}.pm-edge.is-selected .pm-route-label{fill:#6b4eff;font-weight:600}.pm-card.is-card-selected{border-color:#9b87fb}.pm-card.is-dragging{z-index:5;box-shadow:0 8px 28px #4d367b30}.pm-card-drag{display:flex;align-items:center;gap:9px;flex:1;min-width:0;height:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:grab;touch-action:none;user-select:none;padding:0}.pm-card-drag:active{cursor:grabbing}.pm-card-drag>svg{flex-shrink:0;color:#a29cae}.pm-card-title{display:flex;flex-direction:column;flex:1;gap:4px;min-width:0}.pm-card-title strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.pm-card-title small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:#96909e}.pm-position-panel{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e7e7e4}.pm-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pm-coordinates label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#746a82}.pm-coordinates input{width:100%;min-width:0;border:1px solid #dfd9e8;border-radius:7px;padding:8px;font-size:12px}.pm-board{position:relative;transform-origin:0 0}.pm-lines{position:absolute;inset:0;overflow:visible;pointer-events:none}.pm-edge-line{fill:none;stroke:#ada4d7;stroke-width:1.6;pointer-events:none}.pm-edge-hit{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:pointer}.pm-edge:hover .pm-edge-line{stroke:#6b4eff;stroke-width:2.5}.pm-edge.is-selected .pm-edge-line{stroke:#6b4eff;stroke-width:3}.pm-edge.is-hidden .pm-edge-line{stroke-dasharray:5 5}.pm-card{position:absolute;display:flex;flex-direction:column;border:1px solid #e3dfe9;border-radius:12px;background:#fff;box-shadow:0 6px 22px #36304708;overflow:visible}.pm-card>.pm-card-header,.pm-card>.pm-miniature,.pm-card>.pm-card-label,.pm-card>.pm-source{flex-shrink:0}.pm-card.is-target,.pm-card.is-origin{border-color:#9b87fb;box-shadow:0 0 0 3px #6b4eff15}.pm-card-header{height:62px;box-sizing:border-box;display:flex;gap:10px;align-items:center;padding:12px 14px}.pm-page-number{font-size:11px;font-weight:650;color:#8a80a9;background:#f1edf8;border-radius:7px;padding:8px 6px}.pm-card-header>div{flex:1;min-width:0}.pm-card-header h3{font-size:13px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-card-header>div>span{font-size:10px;color:#96909e}.pm-card-label{height:28px;box-sizing:border-box;padding:8px 14px 6px;font-size:8px;letter-spacing:1px;color:#a29cae;border-bottom:1px solid #f0edf5}.pm-source{width:100%;height:64px;box-sizing:border-box;display:flex;align-items:center;gap:9px;padding:10px 14px;border:0;border-bottom:1px solid #f3f1f6;background:#fff;text-align:left;color:#8a829d;cursor:pointer;border-radius:0;position:relative}.pm-source:hover{background:#faf8ff}.pm-source.is-selected{background:#f1edff;color:#6b4eff}.pm-source-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pm-source-copy b{font-size:13px;font-weight:550;color:#51495e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-source-copy small{font-size:11px;color:#9990a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-source.is-missing,.pm-source.is-missing small{color:#bd613c}.pm-port{width:8px;height:8px;border-radius:50%;background:#aa9fd3;position:absolute;right:-4px}.pm-source.is-selected .pm-port{background:#6b4eff}.pm-empty-port{width:5px;height:5px;border:1px solid #ddd6e7;border-radius:50%}.pm-card-footer{height:32px;flex-shrink:0;margin-top:auto;line-height:12px;padding:10px 14px;color:#a29ba9;font-size:10px;background:#fcfbfd;border-radius:0 0 12px 12px}.pm-no-sources{padding:17px 16px;margin:0;font-size:11px;line-height:1.7;color:#a39aa9}.pm-inspector{width:278px;padding:24px;flex:none;border-left:1px solid #e7e7e4;overflow:auto}.pm-eyebrow{font-size:9px;letter-spacing:1px;color:#9c94a9}.pm-inspector h3{font-size:16px;line-height:1.4;margin:12px 0 7px;overflow-wrap:anywhere}.pm-breadcrumb{font-size:11px;line-height:1.6;color:#9b92a8;margin:0 0 28px}.pm-target-label{font-size:11px;font-weight:600;display:flex;flex-direction:column;gap:9px}.pm-target-label select{width:100%;padding:10px 8px;border:1px solid #dfd9e8;background:#fff;border-radius:8px;color:#564d65;font-size:12px;min-width:0}.pm-note{font-size:11px;line-height:1.7;color:#99909f;margin-top:18px}.pm-error{font-size:11px;line-height:1.6;color:#a95638;background:#fff5ef;border-radius:8px;padding:12px}.pm-error svg{vertical-align:middle;margin-right:4px}.pm-primary,.pm-secondary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:11px;font-size:11px;margin-top:22px;background:#6b4eff;color:#fff;cursor:pointer}.pm-primary:hover{background:#5a3ce9}.pm-secondary{background:#fff;border:1px solid #e7e1ed;color:#6b4eff;margin-top:9px}.pm-current-url{font-size:11px;overflow-wrap:anywhere;padding:10px;background:#f7f5fa;color:#857b93;border-radius:7px}.pm-inspector-empty{padding-top:24px}.pm-inspector-empty p{font-size:12px;line-height:1.8;color:#97909e}.pm-empty-symbol{margin-bottom:22px}.pm-footer{display:flex;gap:24px;padding:13px 22px;border-top:1px solid #e7e7e4;font-size:10px;color:#aaa2b3;flex-wrap:wrap}.pm-footer>span{display:flex;align-items:center;gap:6px}.pm-footer>span:last-child{margin-left:auto}.pm-footer i{display:inline-block;width:19px;border-top:2px solid #ada4d7}.pm-footer .pm-dashed{border-top-style:dashed}.pm-page button:focus-visible,.pm-page input:focus-visible,.pm-page select:focus-visible{outline:3px solid #9b87fb;outline-offset:2px}.pm-fit:disabled{opacity:.4;cursor:default}.pm-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 22px;border-bottom:1px solid #e7e7e4}.pm-filters>span{width:100%;color:#80758c;font-size:11px}.pm-modes{display:flex;padding:3px;border-radius:9px;background:#f3f0f8}.pm-modes button{border:0;padding:8px 12px;color:#746a82;background:transparent;border-radius:6px;font-size:12px;cursor:pointer}.pm-modes button[aria-pressed=true]{background:#fff;color:#6145de;box-shadow:0 1px 4px #28273315}.pm-search{display:flex;align-items:center;flex:1;min-width:170px;max-width:390px;gap:8px;border:1px solid #e1dbe9;border-radius:8px;padding:8px 10px;color:#9b91a5}.pm-search input{width:100%;border:0;outline:none;background:transparent;color:#403749;font:inherit;font-size:12px}.pm-clear{border:0;background:transparent;color:#6b4eff;cursor:pointer;font-size:12px}.pm-miniature{height:100px;overflow:hidden;margin:0 12px;border-radius:6px;background:#f5f3f8;pointer-events:none}.pm-miniature .preset-preview{height:100px;min-height:0;width:100%;border-radius:0;position:relative;overflow:hidden}.pm-card.is-origin .pm-card-label,.pm-card.is-target .pm-card-label{color:#6b4eff;font-weight:700}.pm-no-sources p{margin:0 0 10px}.pm-empty-action{display:flex;align-items:center;gap:6px;border:0;border-radius:6px;background:#f1edff;color:#6b4eff;padding:8px 10px;font-size:11px;cursor:pointer}.pm-route-summary{background:#f6f3fe;border:1px solid #e7e0fa;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:14px;margin-bottom:22px;overflow-wrap:anywhere}.pm-route-summary>span{color:#8c809e;font-size:10px}.pm-route-summary>strong{font-size:13px;color:#554269}.pm-route-summary>svg{color:#8c74d8;transform:rotate(90deg);margin:4px 0}.pm-route-summary.is-missing{border-color:#eac6b5;background:#fff7f1}.pm-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:30px;text-align:center;color:#80758c;font-size:13px}.pm-no-results h3{margin-bottom:0;color:#4d405d}.pm-footer .pm-broken{border-color:#bd613c;border-top-style:dotted}@media(max-width:850px){.pm-inspector{width:230px;padding:18px}.pm-header{padding:14px}.pm-heading p{font-size:10px}.pm-toolbar{padding:8px 12px;gap:8px}}@media(max-width:700px){.pm-page{overflow:auto}.pm-header{align-items:flex-start;flex-wrap:wrap;gap:10px;padding:14px 16px}.pm-back{min-height:40px;padding:8px 12px}.pm-title-icon{display:none}.pm-heading{flex-basis:100%}.pm-heading h1{font-size:20px}.pm-project{max-width:100%}.pm-toolbar{padding:10px 16px}.pm-zoom{margin-left:0;flex-basis:100%;flex-wrap:wrap;gap:4px}.pm-zoom .pm-fit{margin-left:0;min-height:36px}.pm-icon{min-height:36px;width:36px}.pm-filters{padding:10px 16px;gap:10px}.pm-settings{padding:10px 16px;gap:12px}.pm-settings .pm-fit{margin-left:0}.pm-settings select,.pm-coordinates input{font-size:16px}.pm-modes{flex:1 1 100%}.pm-modes button{flex:1;min-height:36px}.pm-search{max-width:none;flex:1 1 100%;min-width:0;min-height:40px}.pm-search input{font-size:16px}.pm-filters>span{line-height:1.6}.pm-body{flex-direction:column;flex:none;min-height:0}.pm-scroll{flex:none;min-height:280px;height:clamp(280px,48dvh,520px);width:100%}.pm-inspector{width:auto;max-height:none;overflow:visible;border-left:0;border-top:1px solid #e7e7e4;padding:15px}.pm-inspector-empty{padding:0}.pm-inspector-empty .pm-empty-symbol{display:none}.pm-inspector-empty h3{margin:0}.pm-inspector-empty p{margin:7px 0}.pm-breadcrumb{margin-bottom:12px}.pm-primary{margin-top:12px}.pm-heading p{font-size:11px;line-height:1.6}.pm-footer{padding:14px 16px;gap:12px}.pm-footer>span:last-child{display:none}}.cw-overlay{position:fixed;inset:0;z-index:150;padding:20px;background:#25233166;backdrop-filter:blur(7px);display:grid;place-items:center}.cw-dialog{width:min(1640px,100%);height:min(1000px,100%);display:flex;flex-direction:column;background:var(--surface, #fff);border:1px solid #ffffff80;border-radius:16px;box-shadow:0 32px 100px #18132730;overflow:hidden;outline:none}.cw-header{padding:20px 24px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:1px solid var(--border)}.cw-eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--accent);font-weight:700}.cw-header h2{font-size:21px;letter-spacing:-.6px;margin:7px 0}.cw-header p{margin:0;color:var(--muted);font-size:12px}.cw-header>button{padding:8px;border-radius:8px}.cw-body{min-height:0;flex:1;display:grid;grid-template-columns:218px minmax(220px,1fr) 270px}.cw-sidebar,.cw-inspector{overflow-y:auto;padding:18px 16px;scrollbar-width:thin}.cw-sidebar{border-right:1px solid var(--border)}.cw-inspector{border-left:1px solid var(--border)}.cw-dialog h3{font-size:12px;font-weight:650;display:flex;align-items:center;gap:7px;margin:22px 0 10px}.cw-dialog h3:first-child{margin-top:0}.cw-dialog h3 small{margin-left:auto;color:var(--muted);font-weight:400}.cw-dialog h3 button{margin-left:auto;padding:3px}.cw-field{display:flex;flex-direction:column;gap:6px;color:#77777f;font-size:10px;margin-bottom:12px}.cw-field input,.cw-field textarea,.cw-field select{font-size:12px;color:var(--ink);padding:7px 8px}.cw-field textarea{resize:vertical;min-height:64px}.cw-field small{line-height:1.5;color:var(--muted)}.cw-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.cw-row{display:flex;align-items:center;gap:4px}.cw-row button{padding:8px;border-radius:6px;display:inline-flex;gap:6px;align-items:center;justify-content:center;white-space:nowrap}.cw-dialog button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.cw-dialog button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.cw-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cw-add-grid button{border:1px solid var(--border);padding:12px 4px;display:flex;flex-direction:column;gap:7px;align-items:center;border-radius:8px;font-size:11px}.cw-hint{font-size:10px;color:var(--muted);line-height:1.65;margin:7px 0 12px}.cw-layer-list{max-height:245px;overflow-y:auto;scrollbar-width:thin}.cw-layer{display:flex;align-items:center;border-radius:6px;min-height:36px}.cw-layer.is-selected{background:var(--accent-soft);color:var(--accent)}.cw-layer-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding:9px 7px;font-size:11px}.cw-layer>button:not(.cw-layer-name){padding:5px}.cw-center{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f0f0ed}.cw-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;padding:10px 14px;background:#fafaf9;border-bottom:1px solid var(--border);flex-shrink:0}.cw-zoom{min-width:38px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}.cw-preview-button{display:flex;align-items:center;gap:6px;font-size:11px;padding:8px;border-radius:6px}.cw-canvas-scroll{min-height:0;flex:1;overflow:auto;padding:30px 32px 48px;background-image:radial-gradient(#d3d3d0 1px,transparent 1px);background-size:16px 16px;overscroll-behavior:contain}.cw-canvas-label{font-size:9px;color:#909098;letter-spacing:1px;margin-bottom:10px;white-space:nowrap}.cw-canvas-space{position:relative;background-color:#fff;background-image:linear-gradient(45deg,#f6f6f6 25%,transparent 25%),linear-gradient(-45deg,#f6f6f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f6f6f6 75%),linear-gradient(-45deg,transparent 75%,#f6f6f6 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;box-shadow:0 8px 30px #2020200d}.cw-canvas{transform-origin:top left;position:absolute;inset:0 auto auto 0}.cw-element{touch-action:none;user-select:none}.cw-element:hover{outline:1px solid #6b4eff80}.cw-element-selected{outline:2px solid var(--accent);outline-offset:1px}.cw-element:hover{animation:var(--cw-animation)}.cw-resize{position:absolute;bottom:-6px;right:-6px;width:12px;height:12px;padding:0;background:#fff!important;border:2px solid var(--accent);cursor:nwse-resize;touch-action:none}.cw-canvas-foot{background:#fafaf9;border-top:1px solid var(--border);padding:10px 14px;color:#86868c;font-size:10px;line-height:1.6}.cw-canvas-foot strong{display:block;color:var(--accent);font-weight:500}.cw-color{display:flex;gap:5px}.cw-color input[type=color]{width:32px;height:32px;padding:3px;flex-shrink:0}.cw-color button{flex:0 0 24px;font-size:18px;border-radius:5px}.cw-effects{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}.cw-effects>button{padding:5px 2px 7px;border:1px solid var(--border);border-radius:7px;font-size:9px;overflow:hidden}.cw-effects>button.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.cw-effect-stage{display:grid;place-items:center;height:36px;overflow:hidden}.cw-effect-stage i{display:block;width:16px;height:16px;border-radius:4px;background:#9b89ff}.cw-empty{text-align:center;color:var(--muted);padding:60px 8px;line-height:1.8}.cw-empty h3{display:block;color:var(--ink)}.cw-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cw-footer>span{flex:1;min-width:160px;color:var(--muted);font-size:11px;line-height:1.5}.cw-footer button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 14px;font-size:11px;white-space:nowrap}.cw-footer .cw-primary{background:var(--accent);color:#fff}.cw-footer .cw-primary:hover:not(:disabled){background:#5a3de5;color:#fff}.cw-footer .cw-secondary{border:1px solid var(--border)}@media(max-width:1050px){.cw-overlay{padding:8px}.cw-body{grid-template-columns:160px minmax(200px,1fr) 225px}.cw-sidebar,.cw-inspector{padding:12px 10px}.cw-header{padding:16px}.cw-footer>span{display:none}.cw-footer{justify-content:flex-end;gap:6px}.cw-footer button{padding:9px 10px}}@media(max-width:730px){.cw-body{grid-template-columns:130px minmax(180px,1fr)}.cw-inspector{grid-column:1 / -1;border-top:1px solid var(--border);max-height:240px}.cw-body{overflow:auto;grid-template-rows:minmax(310px,1fr) auto}.cw-dialog{height:100%}.cw-header p{display:none}.cw-header h2{font-size:17px}.cw-footer{flex-wrap:wrap;padding:10px}.cw-footer button{flex:1;font-size:10px}}@media(prefers-reduced-motion:reduce){.cw-effect-stage i{animation:none!important}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#29292e;background:#f5f5f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: #fff;--workspace: #f0f0ed;--border: #e7e7e4;--ink: #29292e;--muted: #85858b;--accent: #6b4eff;--accent-soft: #f0ecff;--radius: 9px;--shadow: 0 10px 35px #2222220c, 0 1px 4px #22222208}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}body{font-size:12px}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button,a,input,textarea,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,input,textarea,select{color:inherit}button{border:0;background:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}svg{flex-shrink:0;vertical-align:middle}input,textarea,select{min-width:0;width:100%;border:1px solid var(--border);background:#f8f8f7;border-radius:6px;padding:8px 10px;line-height:1.4;transition:border-color .15s,box-shadow .15s}input:hover,textarea:hover,select:hover{border-color:#ceced5}input:focus,textarea:focus,select:focus{border-color:var(--accent);background:#fff}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}input[type=color]{padding:3px;height:32px;width:36px;cursor:pointer}input[type=range]{border:0;padding:0;accent-color:var(--accent)}textarea{resize:vertical;min-height:72px}select{cursor:pointer}label{line-height:1.4}::selection{background:#dcd4ff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#d3d3d5;border:1px solid transparent;background-clip:padding-box;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:22px;flex-shrink:0;height:58px;padding:0 18px;background:#fff;border-bottom:1px solid var(--border);z-index:30}.brand{display:inline-flex;gap:9px;align-items:center;white-space:nowrap;font-size:15px;font-weight:760;letter-spacing:-.55px;color:#242429}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:29px;border-radius:8px;background:#29292e;color:#fff;font-size:12px;font-weight:800;letter-spacing:-1px}.brand-mark svg{width:18px;height:18px}.project-breadcrumb{display:flex;align-items:center;gap:9px;color:#85858b;min-width:0;font-size:12px}.project-breadcrumb strong{color:#49494f;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.project-breadcrumb input{background:transparent;border-color:transparent;width:190px;font-weight:600}.project-breadcrumb input:hover{border-color:var(--border)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.btn{display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:7px;background:#fff;padding:8px 12px;min-height:33px;font-size:12px;font-weight:550;line-height:1.1;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .15s}.btn:hover:not(:disabled){background:#f6f6f4;border-color:#d2d2d7}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 2px 3px #6b4eff18}.btn.primary:hover:not(:disabled){background:#5a3ee3;border-color:#5a3ee3}.btn.icon{width:32px;height:32px;min-height:32px;padding:6px;border-color:transparent}.btn.icon svg{width:16px;height:16px}.btn.small{padding:6px 9px;min-height:28px;font-size:11px}.btn.active,.btn.icon.active{background:var(--accent-soft);color:var(--accent);border-color:#dfd8ff}.btn.danger{color:#c44e51}.btn.ghost{background:transparent;border-color:transparent}.btn.full{width:100%}.save-status{display:inline-flex;align-items:center;gap:5px;color:#85858b;font-size:10px;white-space:nowrap}.save-status svg{width:12px;height:12px;color:#789c7c}.workspace{display:grid;grid-template-columns:248px minmax(0,1fr) 280px;min-height:0;flex:1}.workspace.no-inspector{grid-template-columns:248px minmax(0,1fr)}.sidebar{min-height:0;overflow:auto;background:#fff;position:relative}.sidebar.left{border-right:1px solid var(--border)}.sidebar.right{border-left:1px solid var(--border)}.panel-tabs,.properties-tabs{display:flex;align-items:center;gap:2px;min-height:47px;padding:0 12px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:6;background:#fff}.panel-tab{font-size:11px;font-weight:550;color:#8a8a90;padding:16px 9px 15px;position:relative}.panel-tab.active,.panel-tab[aria-selected=true]{color:#313138}.panel-tab.active:after,.panel-tab[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:9px;right:9px;height:2px;background:var(--accent);border-radius:2px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 16px 12px;font-size:11px;font-weight:650;letter-spacing:.1px}.panel-title h2,.panel-title h3{margin:0;font-size:inherit}.panel-title .btn.icon{width:23px;height:23px;min-height:23px}.muted{color:var(--muted);line-height:1.6}.search{display:flex;align-items:center;gap:8px;margin:5px 14px 12px;padding:0 10px;border-radius:7px;background:#f5f5f4;color:#98989d;border:1px solid #efefed}.search input{padding:8px 0;background:none;border:0;border-radius:0;font-size:11px}.search:focus-within{border-color:var(--accent)}.search input:focus{outline:none}.search svg{width:14px;height:14px}input.search{display:block;width:calc(100% - 28px);padding:9px 10px}.preset-categories{display:flex;flex-wrap:wrap;gap:5px;padding:0 14px 14px}.chip{padding:5px 8px;border-radius:5px;color:#85858a;font-size:10px;font-weight:500;background:#f7f7f5;border:1px solid transparent;transition:background .15s}.chip:hover{background:#efefed;color:#45454b}.chip.active{background:var(--accent-soft);color:var(--accent);border-color:#e4dcff}.preset-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:0 14px 18px}.preset-card{display:block;width:100%;padding:0;text-align:left;border:0;border-radius:7px;background:none}.preset-card:hover .preset-preview{border-color:#aa98ff;box-shadow:0 3px 14px #6b4eff10;transform:translateY(-1px)}.preset-preview{position:relative;aspect-ratio:1.8;width:100%;overflow:hidden;border:1px solid #e4e4e0;border-radius:6px;background:#f4f2ed;transition:border-color .15s,transform .15s,box-shadow .15s;pointer-events:none}.preset-preview iframe{border:0;width:1200px;height:600px;transform-origin:top left}.preset-preview:empty{background:linear-gradient(115deg,#f2efe7 60%,#e8e4d9 60%)}.preset-preview:empty:before{content:"Aa";position:absolute;left:18px;top:29%;font-weight:650;font-size:31px;letter-spacing:-2px;color:#30302a}.preset-preview:empty:after{content:"";position:absolute;width:68px;height:68px;right:12px;top:16px;background:#c8d45f;border-radius:50% 50% 6px 6px;transform:rotate(-13deg);box-shadow:9px 7px #282a2610}.preset-card:nth-child(3n+2) .preset-preview:empty{background:#232526}.preset-card:nth-child(3n+2) .preset-preview:empty:before{color:#f5f3ef}.preset-card:nth-child(3n+2) .preset-preview:empty:after{background:#dbbbf6;border-radius:50%}.preset-card:nth-child(3n+3) .preset-preview:empty{background:#e7eef0}.preset-card:nth-child(3n+3) .preset-preview:empty:after{background:#758b9a;border-radius:7px;transform:rotate(8deg)}.preset-name{display:block;margin-top:7px;font-size:11px;font-weight:600;color:#45454c}.preset-description{display:block;margin-top:3px;color:#99999e;font-size:10px;line-height:1.5}.page-row,.layer-row,.section-row{display:flex;align-items:center;gap:8px;min-height:33px;padding:7px 13px;width:100%;text-align:left;color:#66666f;font-size:11px;border:1px solid transparent}.page-row>span,.layer-row>span,.section-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-row svg,.layer-row svg,.section-row svg{width:14px;height:14px;opacity:.75}.page-row:hover,.layer-row:hover,.section-row:hover{background:#f7f7f6}.page-row.selected,.layer-row.selected,.section-row.selected{background:#f0edff;color:#654ce2}.page-row .btn,.layer-row .btn,.section-row .btn{margin-left:auto;width:21px;height:21px;min-height:21px;padding:3px;background:transparent}.section-row{font-weight:550;color:#47474e;padding-top:9px;padding-bottom:9px}.layer-row{padding-left:30px;font-size:10px}.hidden-layer{opacity:.4}.section-actions{display:flex;gap:3px;margin-left:auto}.section-actions .btn{margin-left:0}.canvas-area{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;background:var(--workspace)}.canvas-toolbar{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;border-bottom:1px solid #e2e2df;background:#fafaf8;gap:10px;z-index:5}.canvas-toolbar .muted{font-size:10px}.canvas-toolbar .btn{background:transparent}.canvas-toolbar .btn.active{background:#fff;box-shadow:0 1px 3px #0000000b;border-color:#e3e3e3;color:#4b4b52}.device-switch{display:flex;align-items:center;gap:2px;border-radius:6px;background:#efefed;padding:3px}.device-switch .btn{width:28px;height:25px;min-height:25px;border:0;padding:5px;border-radius:4px}.device-switch svg{width:14px;height:14px}.canvas-scroll{min-height:0;flex:1;overflow:auto;padding:42px 40px 120px;background-image:radial-gradient(#cececc .65px,transparent .65px);background-size:12px 12px}.canvas-wrap{position:relative;margin:0 auto;flex-shrink:0}.canvas-hand,.canvas-hand *{cursor:grab!important}.canvas-panning,.canvas-panning *{cursor:grabbing!important}.canvas-scroll{overscroll-behavior:contain}.canvas-navigation-hint{position:absolute;bottom:76px;left:50%;transform:translate(-50%);font-size:10px;color:#696571;background:#fafaf8eb;padding:6px 10px;border:1px solid #e6e3e9;border-radius:7px;white-space:nowrap;pointer-events:none;z-index:5}.creation-actions{display:flex;flex-direction:column;gap:7px;padding:0 16px 12px}.page-map-open{margin:0 16px 12px}.artboard{background:#fff;position:relative;transform-origin:top left;box-shadow:0 2px 3px #00000004,0 10px 35px #00000009}.canvas-section{position:relative;width:100%;isolation:isolate}.canvas-section+.canvas-section{border-top:1px solid #00000005}.canvas-section.selected{outline:1px solid #6b4eff88;outline-offset:0}.section-label{position:absolute;left:0;top:-25px;display:flex;align-items:center;gap:7px;height:20px;font-size:11px;color:#8a8a92;font-weight:500;white-space:nowrap;z-index:6}.canvas-section:not(:first-child) .section-label{top:6px;left:6px;padding:2px 7px;border-radius:4px;background:#ffffffed;opacity:0;transition:opacity .15s}.canvas-section:not(:first-child):hover .section-label{opacity:1}.section-label .btn{width:19px;height:19px;min-height:19px;padding:2px}.canvas-element{position:absolute;cursor:grab;touch-action:none;user-select:none;white-space:pre-wrap;overflow-wrap:anywhere}.canvas-element:active{cursor:grabbing}.canvas-element:hover{outline:1px solid #6b4eff88}.canvas-element.selected{outline:2px solid var(--accent)}.canvas-element.selected:before,.canvas-element.selected:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border:1px solid var(--accent);pointer-events:none}.canvas-element.selected:before{left:-4px;top:-4px}.canvas-element.selected:after{right:-4px;top:-4px}.canvas-element img{width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}.canvas-element button,.canvas-element a{pointer-events:none}.resize-handle{position:absolute;right:-5px;bottom:-5px;width:9px;height:9px;background:#fff;border:1.5px solid var(--accent);border-radius:1px;cursor:nwse-resize;touch-action:none;z-index:22}.appearance-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 16px 14px}.appearance-actions .btn{white-space:normal;font-size:11px}.appearance-actions small{grid-column:1 / -1;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}.canvas-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;border:1px dashed #c4c4c8;color:#8b8b94;background:#ffffff50;padding:14px;border-radius:6px;font-size:12px}.canvas-add:hover{color:var(--accent);border-color:#a995f9;background:#f6f3ff}.tool-strip{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;z-index:25;padding:7px;border-radius:13px;background:#29292e;color:#fff;border:1px solid #39393f;box-shadow:0 8px 24px #25242b26,0 1px 2px #fff2 inset}.tool-strip .btn,.tool-strip button{color:#bdbdc7;background:transparent;border-color:transparent;border-radius:7px;height:35px;width:35px;padding:9px}.tool-strip .btn:hover,.tool-strip button:hover{background:#44444b;color:#fff;border-color:transparent}.tool-strip .btn.active,.tool-strip button.active{background:#6b4eff;color:#fff}.tool-strip .divider{width:1px;height:21px;margin:0 4px;background:#55545b}.tool-strip svg{width:17px;height:17px}.statusbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:27px;padding:0 14px;border-top:1px solid #e1e1df;background:#fafaf8;color:#909097;font-size:10px;gap:10px}.inspector-section{padding:17px 16px;border-bottom:1px solid var(--border)}.inspector-section>h3,.inspector-section>h4{margin:0 0 14px;font-size:11px;font-weight:650}.inspector-section .panel-title{padding:0 0 12px}.field{display:flex;flex-direction:column;gap:6px;min-width:0;color:#85858e;font-size:10px}.field>input,.field>textarea,.field>select{color:#45454f;font-size:11px}.field+.field{margin-top:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 10px;margin-bottom:12px}.field-grid .field+.field{margin-top:0}.field.full{grid-column:1 / -1}.color-field{display:flex;align-items:center;gap:7px}.color-field input[type=text]{flex:1;width:0}.animation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.animation-card{padding:8px;border:1px solid #e9e9e6;border-radius:7px;background:#fff;text-align:left;font-size:10px;color:#7e7e87;overflow:hidden}.animation-card:hover{border-color:#cabdff}.animation-card.active,.animation-card.selected{border-color:#9b83ff;background:#faf8ff;color:var(--accent)}.animation-demo{height:47px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;border-radius:4px;background:#f5f4f8;overflow:hidden}.animation-demo:empty:after{content:"";display:block;width:20px;height:20px;border-radius:5px;background:#a48fff;box-shadow:0 3px 8px #6b4eff15}.animation-demo>span,.animation-demo>div{width:20px;height:20px;border-radius:5px;background:#a48fff}.animation-card:hover .animation-demo[data-animation=fade]:after,.animation-demo.playing[data-animation=fade]:after,.animation-card:hover [data-animation=fade]>span{animation:lb-fade 1.4s ease infinite}.animation-card:hover .animation-demo[data-animation=rise]:after,.animation-demo.playing[data-animation=rise]:after,.animation-card:hover [data-animation=rise]>span{animation:lb-rise 1.4s ease infinite}.animation-card:hover .animation-demo[data-animation=slide]:after,.animation-demo.playing[data-animation=slide]:after,.animation-card:hover [data-animation=slide]>span{animation:lb-slide 1.4s ease infinite}.animation-card:hover .animation-demo[data-animation=zoom]:after,.animation-demo.playing[data-animation=zoom]:after,.animation-card:hover [data-animation=zoom]>span{animation:lb-zoom 1.4s ease infinite}.animation-card:hover .animation-demo[data-animation=spin]:after,.animation-demo.playing[data-animation=spin]:after,.animation-card:hover [data-animation=spin]>span{animation:lb-spin 1.8s ease infinite}.animation-card:hover .animation-demo[data-animation=float]:after,.animation-demo.playing[data-animation=float]:after,.animation-card:hover [data-animation=float]>span{animation:lb-float 1.8s ease-in-out infinite}.empty-inspector{padding:42px 25px 24px;text-align:center;color:#94949c;line-height:1.7;font-size:11px}.empty-inspector>svg{color:#b1a8cf;width:30px;height:30px;margin-bottom:12px}.empty-inspector h3{color:#55555f;font-size:12px;font-weight:600;margin:8px 0}.help-card{margin:18px 14px;padding:14px;border-radius:8px;border:1px solid #e9e4f6;background:#faf8ff;color:#9286ac;line-height:1.7;font-size:10px}.help-card h4,.help-card strong{color:#65547e;font-weight:600}.help-card h4{margin:0 0 7px;font-size:11px}.help-card p{margin:5px 0}.kbd,kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-family:inherit;color:#8b8b94;background:#f4f4f2;border:1px solid #e6e6e4;border-bottom-width:2px;border-radius:4px;line-height:1}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;font-size:9px;font-weight:550;color:#7b6ba6;background:#f2edf9;border-radius:4px;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:30px;background:#28273355;backdrop-filter:blur(5px);z-index:100;animation:lb-backdrop .15s ease both}.modal{width:min(460px,100%);max-height:calc(100dvh - 60px);display:flex;flex-direction:column;border-radius:15px;background:#fff;border:1px solid #ffffff66;box-shadow:0 30px 100px #16132135;overflow:hidden;animation:lb-modal .2s ease both}.modal.wide{width:min(940px,100%)}.modal.preview-modal{width:min(1480px,100%)}.modal.versions-modal{width:min(780px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:16px;letter-spacing:-.4px;font-weight:650}.modal-header .muted{margin-top:5px;font-size:11px}.modal-body{padding:24px;overflow-y:auto;min-height:0}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:15px 24px;border-top:1px solid var(--border);background:#fafaf9}.template-grid,.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.template-card,.project-card{border:1px solid var(--border);border-radius:9px;padding:0;overflow:hidden;text-align:left;background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}.template-card:hover,.project-card:hover{border-color:#b5a4fd;transform:translateY(-2px);box-shadow:0 7px 20px #6b4eff0b}.template-card h3,.project-card h3{margin:13px 13px 5px;font-size:12px;font-weight:600}.template-card p,.project-card p{margin:0 13px 14px;font-size:10px;line-height:1.6;color:#92929b}.template-art{height:145px;position:relative;overflow:hidden;background:#f1eee5;border-bottom:1px solid #00000005}.template-art:empty:before{content:"Make\asomething\agreat.";white-space:pre;position:absolute;left:20px;top:25px;font-size:21px;font-weight:650;line-height:1.1;letter-spacing:-.9px;color:#33352d;z-index:1}.template-art:empty:after{content:"";width:105px;height:105px;position:absolute;right:14px;top:23px;background:#d0de77;border-radius:50% 50% 6px 6px;transform:rotate(-13deg)}.template-card:nth-child(4n+2) .template-art{background:#282a29}.template-card:nth-child(4n+2) .template-art:empty:before{color:#f6f4ec;content:"Ideas\ainto\aimpact."}.template-card:nth-child(4n+2) .template-art:empty:after{border-radius:50%;background:#b3a6ed;box-shadow:inset -20px -10px #0000001a}.template-card:nth-child(4n+3) .template-art{background:#e9eef2}.template-card:nth-child(4n+3) .template-art:empty:before{color:#324451;content:"Quiet\ais a\astatement."}.template-card:nth-child(4n+3) .template-art:empty:after{border-radius:55px 55px 4px 4px;background:#81969e;transform:rotate(8deg)}.template-card:nth-child(4n+4) .template-art{background:#f4e6db}.template-card:nth-child(4n+4) .template-art:empty:before{color:#4e302a;content:"Made\awith\aintention."}.template-card:nth-child(4n+4) .template-art:empty:after{background:#ce8a69;border-radius:50% 4px}.project-card{padding:17px}.project-card h3,.project-card p{margin-left:0;margin-right:0}.project-card>svg{color:#8a76d8;margin-bottom:5px}.project-card .badge{margin-top:5px}.welcome-header{margin-bottom:23px}.welcome-header h1{margin:0 0 9px;font-size:25px;line-height:1.25;font-weight:650;letter-spacing:-.8px}.welcome-header p{margin:0;color:#8a8a94;font-size:12px;line-height:1.7}.form-stack{display:flex;flex-direction:column;gap:15px}.form-stack .field+.field{margin-top:0}.form-error{padding:10px 12px;color:#b65d5c;background:#fff2f0;border:1px solid #f2d8d5;border-radius:6px;line-height:1.6;font-size:11px}.link-button{padding:0;color:var(--accent);font-size:inherit;text-align:left}.link-button:hover{text-decoration:underline}.animation-preview{height:100px;background:#f5f3fa;border:1px solid #eae5f6;border-radius:7px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;overflow:hidden}.animation-preview>div{width:38px;height:38px;border-radius:10px;background:var(--accent)}.preview-frame{width:100%;height:min(70dvh,820px);border:1px solid #e3e3e3;background:#fff;display:block;border-radius:6px}.publish-info{padding:15px;background:#f7f6fc;border:1px solid #e9e4fa;border-radius:8px;color:#7f7497;line-height:1.8;font-size:11px}.publish-info strong{color:#5f4d87}.publish-info a{overflow-wrap:anywhere}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:29px;color:#777780;font-size:11px}.toggle-row input[type=checkbox]{margin-left:auto}.divider{height:1px;width:100%;background:var(--border);margin:16px 0;flex-shrink:0}.inline{display:flex;align-items:center;gap:7px;min-width:0}.inline>input,.inline>select{flex:1}.inline.spread{justify-content:space-between}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%);padding:12px 18px;border:1px solid #46444f;border-radius:9px;color:#f4f2fb;background:#302e38;box-shadow:0 9px 30px #29242d20;font-size:12px;max-width:min(560px,calc(100% - 40px));z-index:200;animation:lb-toast .2s ease both;line-height:1.5}.dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;padding:5px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:var(--shadow);z-index:60}.dropdown>button{width:100%;padding:9px 10px;display:flex;gap:9px;border-radius:5px;text-align:left;font-size:11px}.dropdown>button:hover{background:#f3f1fa}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.small-screen-notice{display:none}.avatar{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e4ddf3;border-radius:50%;background:#f0ebfa;color:#8b79a9;font-weight:650;font-size:11px;margin-left:4px}.avatar:hover{background:#e7ddfa;color:#6b4eff}.project-breadcrumb>button{display:inline-flex;align-items:center;gap:7px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#53535b;padding:6px 0;font-weight:550}.panel-tab{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.panel-tabs>.panel-tab{flex:1;padding-left:4px;padding-right:4px}.panel-tabs>.panel-tab svg{width:13px;height:13px}.preset-name{display:flex;align-items:center;justify-content:space-between;gap:7px}.preset-name svg{color:#b4b0bf}.preset-card:hover .preset-name svg{color:var(--accent)}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:11px 13px;position:sticky;bottom:0;z-index:8;background:#fffffff5;backdrop-filter:blur(8px);border-top:1px solid var(--border)}.sidebar-footer>.btn:first-child{flex:1;justify-content:flex-start;border-color:transparent;background:transparent;color:#73737c}.sidebar-footer>.btn:first-child:hover{background:#f5f4f9;color:#4f426f}.sidebar.left>.btn{margin:12px 14px;max-width:calc(100% - 28px)}.layer-row{gap:4px;padding:3px 9px 3px 28px}.layer-row>button{display:inline-flex;align-items:center;justify-content:center;padding:5px;flex-shrink:0;color:inherit;border-radius:4px}.layer-row>button:hover{background:#00000005}.layer-row>button:first-child{flex:1;min-width:0;justify-content:flex-start;gap:7px}.layer-row>button:first-child>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row>button:not(:first-child){color:#a7a5af}.layer-row:hover>button:not(:first-child),.layer-row.selected>button:not(:first-child){color:#797284}.page-row>.muted{margin-left:auto;font-size:9px}.artboard-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#9b9ba3;font-size:10px}.artboard-label>span{display:inline-flex;align-items:center;gap:5px}.canvas-section.active-section{outline:1px solid #a18df044;outline-offset:0}.canvas-section:first-child .section-label{top:5px;left:6px;opacity:0;padding:2px 7px;background:#ffffffed;border-radius:4px}.canvas-section:hover .section-label,.canvas-section.active-section:hover .section-label{opacity:1}.section-label{transition:opacity .15s}.section-label>button{color:#9385b3;font-size:10px;font-weight:550;padding:1px 0}.section-label .section-actions{opacity:.7}.section-label:hover .section-actions{opacity:1}.element-size{position:absolute;left:50%;bottom:-25px;transform:translate(-50%);padding:3px 5px;background:var(--accent);color:#fff;border-radius:3px;font:10px/1.2 Inter,Arial,sans-serif;letter-spacing:.1px;white-space:nowrap;pointer-events:none}.canvas-bottom-space{height:15px}.tool-strip{bottom:46px}.tool-divider{width:1px;height:21px;margin:0 5px;background:#55545b}.canvas-toolbar select{min-width:66px;padding:5px 4px;border:0;background:transparent;font-size:10px}.canvas-toolbar strong{font-size:11px;font-weight:550;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statusbar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statusbar>label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.statusbar input{margin:0;width:11px;height:11px}.image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#929b8a;background:#e7ebe1;font:15px/1.5 Arial,sans-serif;border-radius:inherit;overflow:hidden}.image-placeholder span{font-size:12px}.form-preview{display:flex;flex-direction:column;width:100%;height:100%;gap:12px;font:14px/1.4 Arial,sans-serif;color:#777f70}.form-preview>div{background:#fff;border:1px solid #d6dbcf;border-radius:8px;padding:12px 14px;min-height:42px}.form-preview>div:nth-child(3){min-height:75px;flex:1}.form-preview>span{display:block;border-radius:9px;background:#242720;color:#fff;padding:15px;text-align:center}.inspector-section>.btn+.btn{margin-top:8px}.inspector-section.inline>.btn+.btn{margin-top:0}.inspector-section>.btn{max-width:100%}.inspector-section>.field+.field-grid,.inspector-section>.link-button+.field-grid{margin-top:13px}.inspector-section>.field+.btn{margin-top:10px}.inspector-section>.link-button{font-size:10px;margin-top:7px}.inspector-section .help-card{margin-left:0;margin-right:0}.animation-card strong{font-weight:550;font-size:10px}.help-card>svg+strong{margin-left:7px}.help-card h3{font-size:12px;color:#6c5e86;font-weight:600;margin:10px 0 6px}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-grid .help-card{margin:0;padding:17px}.help-grid .help-card p{font-size:11px;line-height:1.8}.version-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--border)}.version-row strong{font-size:11px}.version-row .btn{font-size:10px}.version-row:last-child{border-bottom:0}.welcome-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.welcome-header h3{margin:0 0 8px;font-size:18px;font-weight:600;letter-spacing:-.5px}.project-grid{margin-top:22px}.project-card{display:flex;flex-direction:column;padding:0}.project-card>.preset-preview{border:0;border-radius:0;border-bottom:1px solid var(--border)}.project-card>strong{padding:12px 13px 5px;font-size:12px;font-weight:600}.project-card>.muted{padding:0 13px 14px;font-size:10px}.blank-template{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:220px;text-align:center;background:radial-gradient(#e3dfea 1px,transparent 1px) 0 0 / 12px 12px,#faf9fc;border-style:dashed}.blank-template>svg{width:34px;height:34px;color:#aa9bc5;margin:16px 0 5px;stroke-width:1}.blank-template h3{color:#77668f}.blank-template p{color:#a296b1}.template-card>.preset-preview{border:0;border-radius:0;border-bottom:1px solid var(--border)}.publish-info{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px}.publish-info>svg{margin-top:4px;flex-shrink:0;color:#9c8ac1}.publish-info h3{font-size:13px;margin:0 0 6px;color:#6e5b91}.publish-info p{margin:0}.modal-body>.field{margin-bottom:16px}.modal-body>.help-card{margin-left:0;margin-right:0}.modal-body>.help-card>a{display:block;margin-top:8px}.modal-body>h3{font-size:13px;font-weight:600}.modal-body>.inline{flex-wrap:wrap}.form-stack .divider{margin:3px 0}.form-stack h3{margin:0;font-size:13px;font-weight:600}.form-stack .panel-tabs{position:static}.form-stack>.muted{margin:0}.form-error{margin-bottom:15px}.preview-frame{margin:0 auto}.toast{display:flex;align-items:center;gap:10px}.toast>button{display:inline-flex;padding:3px;color:#b9b5c5;margin-left:8px}.toast>button:hover{color:#fff}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}@keyframes lb-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes lb-slide{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}@keyframes lb-zoom{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes lb-spin{0%{transform:rotate(-110deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes lb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes lb-backdrop{0%{opacity:0}to{opacity:1}}@keyframes lb-modal{0%{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lb-toast{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@media(min-width:1700px){.workspace{grid-template-columns:270px minmax(0,1fr) 290px}.workspace.no-inspector{grid-template-columns:270px minmax(0,1fr)}.preset-grid{grid-template-columns:1fr}}@media(max-width:1200px){.topbar{gap:15px}.topbar .save-status{display:none}.project-breadcrumb strong{max-width:145px}.canvas-scroll{padding-left:28px;padding-right:28px}}@media(max-width:1050px){.workspace{grid-template-columns:210px minmax(0,1fr) 240px}.workspace.no-inspector{grid-template-columns:210px minmax(0,1fr)}.topbar{padding:0 12px}.project-breadcrumb{gap:5px}.project-breadcrumb strong{max-width:110px}.top-actions{gap:4px}.top-actions .btn{padding:8px 9px}.inspector-section{padding:14px 12px}.canvas-toolbar{padding:0 10px}}@media(max-width:800px){.workspace{grid-template-columns:190px minmax(0,1fr) 220px}.workspace.no-inspector{grid-template-columns:190px minmax(0,1fr)}.topbar{gap:9px}.brand{font-size:13px}.project-breadcrumb{display:none}.top-actions .btn:not(.primary):not(.icon){font-size:10px}.canvas-toolbar>.muted{display:none}.canvas-scroll{padding-left:16px;padding-right:16px}.tool-strip{gap:0;padding:5px}.tool-strip .btn,.tool-strip button{width:30px;height:30px;padding:7px}.template-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-strip{max-width:calc(100% - 18px);overflow-x:auto;justify-content:flex-start}.tool-strip .btn,.tool-strip button,.tool-divider{flex-shrink:0}.canvas-toolbar{gap:5px}.canvas-toolbar>.inline:first-child{display:none}}@media(max-width:640px){.topbar{height:52px}.brand{gap:6px}.brand-mark{width:24px;height:25px;font-size:10px}.workspace,.workspace.no-inspector{grid-template-columns:160px minmax(0,1fr)}.sidebar.right{display:none}.panel-tabs{padding:0 5px}.panel-tab{padding-left:5px;padding-right:5px;font-size:10px}.preset-grid{padding:0 9px 15px;gap:12px}.preset-categories{padding-left:9px;padding-right:9px}.search{margin-left:9px;margin-right:9px}.top-actions .btn{padding:7px;min-height:30px}.top-actions .btn.icon{width:27px}.top-actions .btn svg{width:14px;height:14px}.top-actions .btn .label{display:none}.statusbar{font-size:9px}.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px);border-radius:11px}.modal-header,.modal-body{padding:17px}.modal-footer{padding:12px 17px}.template-grid,.project-grid{gap:10px}.template-art{height:120px}.template-art:empty:before{left:12px;font-size:18px}.template-art:empty:after{width:75px;height:75px;right:6px}.small-screen-notice{display:block;padding:9px 12px;background:#f3efff;color:#817099;font-size:10px}.help-grid{grid-template-columns:1fr}.welcome-header{align-items:flex-start;flex-direction:column}.version-row{flex-wrap:wrap}.panel-tabs>.panel-tab svg{display:none}}.compact-navigation{display:none}.map-loading{padding:32px}@media(max-width:640px){.workspace,.workspace.no-inspector{grid-template-columns:minmax(0,1fr)}.workspace>.sidebar,.workspace>.canvas-area{display:none}.workspace.compact-library>.sidebar.left,.workspace.compact-properties>.sidebar.right{display:block;border:0}.workspace.compact-canvas>.canvas-area{display:flex}.compact-navigation{display:flex;flex-shrink:0;background:#fff;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.compact-navigation button{min-height:54px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px}.compact-navigation button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.canvas-toolbar{height:auto;min-height:48px;flex-wrap:wrap;padding:6px 8px;gap:4px}.canvas-toolbar>.inline{gap:2px}.canvas-navigation-hint{display:none}.canvas-scroll{padding:24px 16px 100px}.topbar{padding:0 8px;gap:6px}.top-actions{gap:2px}.top-actions>.btn{width:32px;min-height:32px;padding:6px}.top-actions .btn .label{display:none}.panel-tabs{padding:0 12px}.panel-tab{flex:1;font-size:12px;min-height:44px}.sidebar.right input,.sidebar.right select,.sidebar.right textarea{font-size:16px}.sidebar.right .field{min-width:0}.statusbar{overflow:hidden}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.project-start{max-width:1040px;margin:60px auto;padding:24px}.project-start .project-grid{margin:24px 0}.project-start .project-card{padding:24px;display:grid;gap:12px;text-align:left}.persistence-notice{position:fixed;z-index:1000;bottom:20px;left:50%;transform:translate(-50%);width:min(780px,calc(100% - 32px));padding:20px;border:1px solid #c9c0ed;border-radius:16px;background:#fff;box-shadow:0 8px 40px #20211f33}.persistence-notice p{margin:10px 0;line-height:1.5}.persistence-notice .inline{flex-wrap:wrap;margin-bottom:10px}.persistence-notice small{color:#62645f}.local-issues{border:1px solid #c9c0ed;border-radius:12px;padding:16px;margin-bottom:16px;line-height:1.5;overflow-wrap:anywhere}.local-issues p{margin:8px 0}.local-issues details{margin-top:8px}.local-issues summary{cursor:pointer}