:root{font-family:"Segoe UI",Arial,sans-serif;font-size:14px;color:#21312b;background:#f2f6f5;--teal:#087f78;--border:#d8e5e3}*{box-sizing:border-box}body{margin:0}button,input,select,a{font:inherit}button,.share-panel a{border:1px solid #bad6d2;background:white;color:#086e68;border-radius:6px;padding:7px 9px;cursor:pointer;text-decoration:none}button:hover{background:#edf7f5}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.viewport:focus-visible{outline:2px solid #139b8a;outline-offset:2px}input:not([type=checkbox]):not([type=color]):not([type=range]),select{border:1px solid #bfcecd;border-radius:5px;padding:8px;background:white;color:#26382e;min-width:0;width:100%}input[type=checkbox],input[type=range]{accent-color:var(--teal)}.workspace{max-width:1570px;margin:auto;padding:28px 24px 38px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#6c8679;font-weight:700;margin-bottom:7px}h1{font-size:28px;letter-spacing:-.7px;margin:0 0 8px}.page-head p{font-size:13px;color:#64756b;line-height:1.7;margin:0;max-width:1100px}.page-head>button{white-space:nowrap;font-size:12px}.card{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 3px 16px #143d3006}.card-head{padding:16px 21px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h2{font-size:16px;margin:0}.history{display:flex;gap:5px}.history button{font-size:11px;padding:5px 8px}.editor-layout{padding:23px;display:grid;grid-template-columns:minmax(380px,490px) minmax(0,1fr);gap:24px}.controls{min-width:0}.controls>section{margin-bottom:20px}h3{font-size:12px;margin:0 0 8px}.presets{display:flex;gap:5px;flex-wrap:wrap}.presets button{font-size:11px;padding:6px 8px}.solid-settings>select{margin-bottom:6px;font-size:13px}.dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:6px}.dimension-grid label{font-size:11px;color:#63776b}.dimension-grid input,.dimension-grid select{font-size:12px;margin-top:4px}.hint{font-size:10px;color:#809184;line-height:1.6;margin:8px 0}.available{font-size:11px;color:#6c8272;line-height:1.6;margin:8px 0}.available strong{font-weight:600;color:#425e4d}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.section-head h3{margin:0}.section-head button{font-size:11px;padding:5px 9px}.item-card{border:1px solid #dce8e0;border-radius:6px;padding:9px;background:#fbfdfb;margin-bottom:8px}.item-heading{display:flex;gap:6px;align-items:center;margin-bottom:7px}.item-heading input{max-width:68px;font-size:12px;padding:5px!important}.item-heading select{font-size:11px;padding:5px;flex:1}.item-heading .remove{margin-left:auto;border:0;padding:2px 6px;color:#82968a;font-size:17px;background:none}.fields{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.fields label{font-size:10px;color:#6e8273;min-width:0}.fields input,.fields select{margin-top:3px;font-size:11px;padding:6px!important}.fields .check{display:flex;align-items:center;gap:4px;font-size:11px;padding-bottom:5px}.fields .check input{width:auto}.fields .wide{grid-column:1/-1}.item-error{font-size:10px;color:#b42318;margin:7px 0 0;line-height:1.6}.appearance{padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.appearance summary{font-size:11px;color:#087f78;cursor:pointer}.appearance>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.appearance label{display:flex;align-items:center;gap:5px;font-size:11px;color:#607b68}.appearance input[type=color]{width:30px;height:23px;border:0;padding:0;background:none}.appearance input[type=range]{width:90px}.appearance input[type=number]{max-width:75px;padding:5px!important}.appearance p{grid-column:1/-1}.caption-field{display:block;font-size:11px;color:#6e8172;margin-top:16px}.caption-field input{margin-top:6px;font-size:12px}.draft-note{font-size:10px;color:#90a093;line-height:1.6;margin-top:14px}.preview-column{min-width:0}.preview-sticky{position:sticky;top:16px;background:#fff}.view-tabs{display:flex;align-items:center;gap:5px;margin-bottom:9px}.view-tabs button{font-size:12px}.view-tabs .active{background:var(--teal);border-color:var(--teal);color:#fff}.view-tabs>span{margin-left:auto;color:#819588;font-size:10px}.viewport{border:1px solid var(--border);border-radius:7px;overflow:hidden;background:#fff;touch-action:none;cursor:grab;user-select:none}.viewport:active{cursor:grabbing}.viewport svg{display:block;width:100%;height:auto}.view-actions{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:10px}.view-actions button{font-size:11px;padding:6px 9px}.gesture-hint{font-size:10px;color:#89998c;text-align:center;line-height:1.7;margin:8px 0}.status{font-size:11px;color:#637d69;line-height:1.7;margin:9px 0;max-height:140px;overflow:auto}.status.error{color:#b42318}.exports{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:11px}.exports button{font-size:12px}.primary{color:white;background:var(--teal);border-color:var(--teal)}.primary:hover{background:#066b65}.transparent{font-size:11px;color:#79917d;display:flex;gap:5px;align-items:center;justify-content:center;margin-top:9px}.share-panel{border:1px solid var(--border);border-radius:8px;background:#f7faf8;padding:14px;margin-top:18px}.share-panel h3{font-size:12px}.share-panel>div{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.share-panel input{flex:1;min-width:150px!important;font-size:10px}.share-panel button,.share-panel a{font-size:11px;padding:7px 8px;white-space:nowrap}.share-panel p{font-size:10px;color:#7e9382;line-height:1.7;margin:8px 0 0}.edit-copy{display:block;margin:15px auto;font-size:12px}dialog{max-width:650px;width:calc(100% - 32px);border:1px solid var(--border);border-radius:12px;padding:24px;color:#30473a}dialog::backdrop{background:#18382b60}dialog h2{font-size:20px;margin-top:0}dialog li{font-size:13px;line-height:1.8;margin-bottom:7px}dialog p{font-size:12px;line-height:1.7;color:#718876}dialog>button{float:right}#presentationArea:fullscreen{padding:20px;overflow:auto;display:flex;flex-direction:column;align-items:center}#presentationArea:fullscreen .viewport{height:75vh;max-width:100%;aspect-ratio:800/680}#presentationArea:fullscreen .viewport svg{width:100%;height:100%}#presentationArea:fullscreen .share-panel,#presentationArea:fullscreen .exports,#presentationArea:fullscreen .transparent{display:none}.presenter .controls,.presenter .card-head,.presenter .page-head p,.presenter .history,.presenter .exports,.presenter .transparent,.presenter .share-panel{display:none}.presenter .workspace{max-width:1200px}.presenter .editor-layout{display:block}.presenter .preview-sticky{position:static}.presenter .viewport{max-width:950px;margin:auto}.presenter .edit-copy{display:block}.presenter .status{max-width:950px;margin:8px auto}[hidden]{display:none!important}@media(max-width:1120px){.editor-layout{grid-template-columns:380px minmax(0,1fr);gap:18px;padding:18px}.workspace{padding:22px 15px}.view-tabs>span{display:none}}@media(max-width:820px){.editor-layout{grid-template-columns:1fr}.workspace{padding:18px 10px}.preview-sticky{position:static}.preview-column{border-top:1px solid var(--border);padding-top:16px}h1{font-size:23px}.page-head p{font-size:12px}.page-head{gap:12px}.card-head{padding:13px 17px}.card-head h2{font-size:14px}.history button{font-size:10px}.appearance input[type=range]{width:85px}}@media print{@page{size:A4 portrait;margin:12mm}.controls,.page-head,.card-head,.view-tabs,.view-actions,.gesture-hint,.status,.exports,.transparent,.share-panel,.edit-copy{display:none!important}.workspace,.editor-layout{display:block;padding:0;margin:0}.card,.viewport{border:0;box-shadow:none}.preview-column{border:0;padding:0}.preview-sticky{position:static}.viewport svg{max-height:240mm}.viewport{overflow:visible}body{background:white}}

.viewport[data-mode="sgk"]{cursor:default}@media(max-width:820px){.viewport .point-label{font-size:26px}.viewport .figure-caption{font-size:21px}}