.jacoid{--jp-line:#e7e7ed;--jp-muted:#868995;--jp-soft:#f7f7f9;min-width:0}.jp-title-line{display:flex;align-items:center;gap:12px;min-width:0}.jp-title-line h1{overflow-wrap:anywhere}.jp-beta{font-size:10px;font-weight:650;letter-spacing:.6px;color:#85838f;border:1px solid #dedde5;background:#f8f7fa;border-radius:6px;padding:5px 7px;text-transform:uppercase;white-space:nowrap}.jp-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px}.jp-project{padding:25px;text-align:left;min-height:205px;color:var(--ink);transition:border-color .16s,box-shadow .16s}.jp-project:hover{border-color:#b6b7c3;box-shadow:0 8px 28px #26263109}.jp-project-icon{width:40px;height:42px;display:grid;place-items:center;border-radius:10px;background:#f0f0f4;color:#787b87;margin-bottom:22px}.jp-project h2{font-size:18px;margin-bottom:20px}.jp-project>div{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}.jp-project>div strong{font-size:10px;font-weight:500}.jp-new-project{border:1px dashed #d4d5df;border-radius:15px;min-height:205px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fafafc;color:#818491;font-size:12px}.jp-new-project:hover{background:#f3f3f6;border-color:#b3b5c2}.jp-loading{padding:60px;text-align:center;color:var(--muted)}
.content:has(.jacoid-editor){padding:26px 28px;max-width:none}.jp-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px}.jp-heading h1{font-size:25px;line-height:1.3;margin:0}.jp-back{width:36px;padding:8px}.jp-save{display:block;font-size:10px;color:#8a8e99;margin-top:5px;min-height:15px}.jp-status-error{color:#a65360}.jp-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.jp-header-actions .btn{font-size:11px;min-height:36px;padding:8px 12px}.jp-header-actions select{width:auto;min-height:36px;font-size:11px;padding:7px 27px 7px 12px}.jp-workspace{display:grid;grid-template-columns:210px minmax(320px,1fr) 280px;gap:14px;align-items:stretch;height:calc(100dvh - 195px);min-height:560px;max-height:1100px}.jp-workspace>.card{min-width:0;overflow:hidden;border-radius:12px;box-shadow:0 3px 14px #26263003}.jp-tree{display:flex;flex-direction:column}.jp-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border-bottom:1px solid var(--jp-line);min-height:53px}.jp-section-title h2{font-size:12px;font-weight:650}.jp-section-title h2 span{color:#9699a4;margin-left:5px;font-weight:400}.jp-section-title .btn{min-height:26px;height:26px;min-width:26px;padding:4px;font-size:12px}.jp-section-title .icon{width:14px;height:14px}.jp-sheets{padding:8px;max-height:29%;overflow:auto;flex-shrink:0}.jp-sheet{display:flex;align-items:center;width:100%;gap:9px;padding:10px 8px;border:0;border-radius:7px;background:transparent;text-align:left;color:var(--ink);min-height:37px}.jp-sheet.selected{background:#f0f0f4}.jp-sheet strong{font-size:11px;font-weight:550;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jp-sheet small{font-size:10px;color:#8d91a0}.jp-sheet-swatch{width:13px;height:16px;flex:none;border:1px solid #00000015;border-radius:2px}.jp-label-list{overflow:auto;flex:1;padding:8px}.jp-label{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;border:1px solid transparent;border-radius:8px;background:white;text-align:left;color:var(--ink)}.jp-label.selected{border-color:#e1d5d9;background:#fcf7f8}.jp-label>span{width:30px;height:31px;background:#f3f3f6;border:1px solid #e8e8ee;border-radius:6px;display:grid;place-items:center;color:#8b8d99;font-size:8px;font-weight:700;letter-spacing:.3px;flex:none}.jp-label>div{min-width:0;flex:1}.jp-label strong{display:block;font-size:11px;line-height:1.5;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jp-label small{display:block;font-size:9px;color:#9699a4;margin-top:4px}.jp-tree-bottom{border-top:1px solid var(--jp-line);padding:10px}.jp-tree-bottom .btn{width:100%;font-size:10px;padding:8px;min-height:32px}.jp-tree-bottom .icon{width:13px;height:13px}.jp-tree-empty{font-size:11px;color:var(--jp-muted);padding:22px 12px;line-height:1.8}
.jp-work-area{display:flex;flex-direction:column;min-height:0}.jp-toolbar{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;gap:5px;border-bottom:1px solid var(--jp-line);min-height:49px;flex-wrap:wrap}.jp-toolbar>.row{gap:1px;flex-wrap:wrap}.jp-toolbar .btn{font-size:10px;padding:6px 7px;min-height:30px}.jp-toolbar-divider{height:16px;border-left:1px solid var(--jp-line);margin:0 6px}.jp-canvas{flex:1;min-height:0;overflow:auto;display:block;background:#f0f0f3;padding:24px;position:relative;overscroll-behavior:contain;scrollbar-width:thin;touch-action:none}.jp-canvas:focus-visible{outline:2px solid #b7bcc8;outline-offset:-3px}#jacoid-canvas{display:block;box-shadow:0 5px 20px #25273813;overflow:visible;min-width:0;flex:none;touch-action:none}.jp-svg-label{cursor:grab;outline:none}.jp-svg-label:active{cursor:grabbing}.jp-svg-label .jp-selection{stroke:transparent;stroke-width:.35;vector-effect:non-scaling-stroke;pointer-events:none}.jp-svg-label.selected .jp-selection,.jp-svg-label:focus-visible .jp-selection{stroke:#798aaf;stroke-width:1.5;stroke-dasharray:5 3}.jp-svg-label>rect.jp-hit{stroke:none;pointer-events:all}.jp-marquee{fill:#8599bf20;stroke:#8599bf;stroke-width:.3;pointer-events:none}.jp-canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 12px;min-height:46px;border-top:1px solid var(--jp-line);font-size:9px;color:#858995;flex-wrap:wrap}.jp-grid-settings,.jp-grid-settings label,.jp-zoom{display:flex;align-items:center;gap:6px}.jp-grid-settings input[type=number]{width:46px;min-height:25px;padding:4px;font-size:10px;border-color:#e8e8ed}.jp-grid-settings input[type=checkbox]{accent-color:#737d91;width:12px;height:12px}.jp-zoom>.btn{font-size:10px;min-height:24px;padding:4px 6px}.jp-zoom>span{min-width:28px;text-align:center;font-variant-numeric:tabular-nums}
.jp-properties{display:flex;flex-direction:column;min-height:0}.jp-properties-scroll{overflow:auto;flex:1;scrollbar-width:thin}.jp-inspector-heading{padding:18px 17px}.jp-type{display:block;color:#9a9ca7;font-size:9px;letter-spacing:.7px;text-transform:uppercase;margin-bottom:15px}.jp-properties .field{font-size:10px;font-weight:500;gap:6px;min-width:0;margin-bottom:12px}.jp-properties input,.jp-properties select,.jp-properties textarea{font-size:11px;min-height:34px;padding:8px 10px;border-color:#e4e4eb;border-radius:7px;width:100%;background:white}.jp-properties textarea{resize:vertical;line-height:1.6}.jp-dimensions{display:flex;align-items:baseline;gap:6px;color:#737987;font-size:10px}.jp-dimensions strong{font-size:13px;font-weight:550;font-variant-numeric:tabular-nums}.jp-property-section{padding:18px 17px;border-top:1px solid var(--jp-line)}.jp-property-section>h3{font-size:11px;font-weight:650;margin:0 0 17px}.jp-property-section>.jp-section-title{padding:0 0 14px;border:0;min-height:0}.jp-property-section>.jp-section-title h3{font-size:11px}.jp-toggle{display:flex;align-items:center;gap:10px;position:relative;font-size:11px;line-height:1.5;cursor:pointer;padding:7px 0;margin-bottom:7px}.jp-toggle>input{position:absolute;opacity:0;width:32px;height:18px;min-height:0;margin:0;left:0}.jp-toggle .switch-track{width:32px;height:18px;flex-basis:32px;background:#d9dbe2}.jp-toggle .switch-track:before{height:12px;width:12px;top:3px;left:3px}.jp-toggle input:checked+.switch-track{background:#626b7b}.jp-toggle input:checked+.switch-track:before{transform:translateX(14px)}.jp-toggle input:focus-visible+.switch-track{outline:2px solid #8b96ad;outline-offset:3px}.jp-geometry{border-top:1px solid var(--jp-line);font-size:10px}.jp-geometry summary{padding:15px 17px;color:#6e7482;cursor:pointer}.jp-geometry-fields{padding:0 17px 8px;display:grid;grid-template-columns:1fr 1fr;gap:0 9px}.jp-geometry-fields>.field:last-child{grid-column:1/-1}.jp-inspector-empty{padding:50px 25px;text-align:center;color:#a0a3ae}.jp-inspector-empty>.icon{width:30px;height:30px;margin-bottom:18px}.jp-inspector-empty h3{font-size:13px;color:#656b79;margin-bottom:10px}.jp-inspector-empty p{font-size:11px;line-height:1.9;margin-bottom:22px}.jp-inspector-empty .btn{font-size:11px}.jp-logo-import{padding:0 17px 15px}.jp-logo-import .btn{font-size:10px;min-height:30px;padding:7px 0}.jp-row-card{padding:13px 10px;background:#fafafb;border:1px solid #e9e9ef;border-radius:9px;margin-top:10px}.jp-row-card .field:last-child{margin-bottom:0}.jp-row-tools{display:flex;align-items:center;gap:2px;margin-bottom:11px}.jp-row-tools>strong{font-size:10px;flex:1;color:#7d8290}.jp-row-tools>.btn{font-size:11px;min-height:22px;height:22px;padding:3px 4px;color:#969aa7}.jp-table-empty{font-size:11px;color:#a0a3ae;line-height:1.6}.jp-module-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.jp-module-grid fieldset{padding:8px;border:1px solid #e7e7ed;border-radius:6px;min-width:0}.jp-module-grid legend{font-size:10px;color:#707785}.jp-module-grid .field{font-size:9px}.jp-module-grid input{font-size:10px;padding:6px;min-height:28px}.jp-sheet-danger{display:flex;flex-wrap:wrap;gap:5px}.jp-sheet-danger .btn{font-size:11px;color:#8a7075}.jp-family-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.jp-family-grid>button{display:flex;align-items:center;gap:10px;padding:16px 12px;border:1px solid #e4e4eb;background:#fff;border-radius:9px;text-align:left;min-height:62px}.jp-family-grid>button:hover{border-color:#bd9da5;background:#fcf9fa}.jp-family-grid span{font-size:9px;font-weight:700;color:#9296a2;background:#f4f4f7;padding:8px;border-radius:5px;min-width:36px;text-align:center}.jp-family-grid strong{font-size:11px;font-weight:550}.jp-error p{font-size:12px;line-height:1.7}.jp-error .row{margin-top:10px}.jp-error .btn{font-size:11px}.jp-mobile-tabs{display:none}
@media(min-width:1600px){.jp-workspace{grid-template-columns:230px minmax(400px,1fr) 310px}}
@media(max-width:1200px){.content:has(.jacoid-editor){padding:22px 18px}.jp-workspace{grid-template-columns:175px minmax(280px,1fr) 245px;gap:10px}.jp-toolbar .btn{padding:5px;font-size:9px}.jp-canvas-footer{padding:8px}.jp-canvas-footer>.jp-grid-settings{display:none}.jp-heading h1{font-size:22px}}
@media(max-width:1040px){.jp-workspace{grid-template-columns:170px minmax(0,1fr);height:calc(100dvh - 225px)}.jp-properties{display:none}.jp-mobile-tabs{display:flex;gap:5px;margin-bottom:12px}.jp-mobile-tabs .btn{min-height:32px;font-size:10px;padding:7px 11px;background:#f4f4f7;border-color:transparent}.jp-mobile-tabs .selected{background:#fff;border-color:#dedee6}.jacoid-editor[data-pane=properties] .jp-properties{display:flex}.jacoid-editor[data-pane=properties] .jp-work-area{display:none}.jacoid-editor[data-pane=properties] .jp-workspace{grid-template-columns:170px minmax(0,1fr)}.jp-properties-scroll .jp-property-section{max-width:540px}}
@media(max-width:650px){.content:has(.jacoid-editor){padding:20px 14px}.jp-heading{gap:14px}.jp-heading h1{font-size:21px}.jp-header-actions{gap:6px;width:100%}.jp-header-actions .btn{font-size:10px;padding:7px 9px}.jp-header-actions select{font-size:10px;min-width:0;flex:1;width:100px}.jp-workspace,.jacoid-editor[data-pane=properties] .jp-workspace{display:block;height:calc(100dvh - 275px);min-height:480px}.jp-workspace>.card{height:100%}.jp-tree,.jp-work-area,.jp-properties{display:none}.jacoid-editor[data-pane=canvas] .jp-work-area{display:flex}.jacoid-editor[data-pane=sheets] .jp-tree{display:flex}.jacoid-editor[data-pane=properties] .jp-properties{display:flex}.jp-mobile-tabs{justify-content:stretch}.jp-mobile-tabs .btn{flex:1;padding:8px;font-size:10px}.jp-canvas{padding:14px}.jp-properties-scroll .jp-property-section{max-width:none}.jp-family-grid{gap:8px}.jp-family-grid>button{padding:12px 8px;gap:7px}.jp-family-grid strong{font-size:10px}.jp-family-grid span{font-size:8px;min-width:30px;padding:7px}.jp-heading .jp-title-line{gap:8px}.jp-save{font-size:9px}.jp-title-line .jp-beta{font-size:9px;padding:4px 6px}}