/* Scoped presentation: no editor state, storage or document actions. */
.cm-demo{--cm-bg:#fff;--cm-soft:#f6f8fb;--cm-line:#e5eaf1;--cm-ink:#1d1d1f;--cm-muted:#8491a2;--cm-blue:#005bff;margin:44px 0 64px;color:var(--cm-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cm-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}.cm-heading h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.04em;margin:10px 0}.cm-heading p{margin:0;color:var(--cm-muted);max-width:640px;line-height:1.6}.cm-heading .button{flex-shrink:0}.cm-window{border:1px solid var(--cm-line);border-radius:16px;overflow:hidden;background:var(--cm-bg);box-shadow:0 24px 70px -35px #132c5f50;container-type:inline-size}.cm-window *{box-sizing:border-box}.cm-mac{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:var(--cm-soft);border-bottom:1px solid var(--cm-line);color:var(--cm-muted);font-size:11px}.cm-lights{display:flex;gap:7px}.cm-lights i{width:11px;height:11px;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 1px #00000010}.cm-lights i:nth-child(2){background:#febc2e}.cm-lights i:nth-child(3){background:#28c840}.cm-address{background:var(--cm-bg);padding:5px 60px;border:1px solid var(--cm-line);border-radius:6px}.cm-document{height:62px;padding:0 20px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--cm-line);font-size:12px}.cm-back,.cm-saved{color:var(--cm-muted)}.cm-saved{margin-left:auto;font-size:10px;white-space:nowrap}.cm-button{padding:9px 12px;border:1px solid var(--cm-line);border-radius:8px;white-space:nowrap}.cm-primary{background:var(--cm-blue);border-color:var(--cm-blue);color:white;font-weight:600}.cm-settings{display:flex;gap:12px;padding:12px 18px;border-bottom:1px solid var(--cm-line);align-items:center;font-size:11px}.cm-settings>div{flex:1;min-width:0}.cm-settings small{display:block;font-size:9px;color:var(--cm-muted);margin:0 0 5px}.cm-settings>div>span{display:block;padding:11px;background:var(--cm-soft);border-radius:7px;white-space:nowrap}.cm-settings i{float:right;font-style:normal}.cm-settings .cm-template{flex:1.1;background:#edf5ff;padding:12px;color:var(--cm-blue);border-radius:8px}.cm-template small{color:var(--cm-blue);font-size:8px;margin:4px 0 0 20px}.cm-paper b{background:var(--cm-blue);color:white;padding:7px 8px;border-radius:5px;font-weight:500}.cm-editor{display:grid;grid-template-columns:19% 59% 22%;height:490px;font-size:11px}.cm-layers,.cm-properties{padding:18px 14px;background:var(--cm-bg);min-width:0;position:relative}.cm-layers{border-right:1px solid var(--cm-line)}.cm-properties{border-left:1px solid var(--cm-line)}.cm-panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:18px}.cm-count{background:var(--cm-soft);border-radius:30px;padding:3px 7px;font-size:9px}.cm-add{padding:10px;color:var(--cm-blue);border:1px solid #d6e5fb;border-radius:7px;text-align:center;background:#eef5ff;margin-bottom:22px}.cm-subhead{display:flex;justify-content:space-between;color:var(--cm-muted);font-size:9px;margin-bottom:10px}.cm-subhead span{font-size:8px}.cm-layer{display:flex;align-items:center;gap:8px;border:1px solid var(--cm-line);border-radius:7px;padding:10px 8px;margin-bottom:6px;transition:background .3s,border-color .3s}.cm-layer>b{font-size:17px;color:var(--cm-muted);width:20px}.cm-layer>span{min-width:0}.cm-layer small{display:block;color:var(--cm-muted);font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-layer>i{margin-left:auto;font-style:normal;color:var(--cm-muted);font-size:9px}.cm-layer.is-selected{background:#edf5ff;border-color:#8fb6ff;color:#005bff}.cm-layer-help{position:absolute;bottom:22px;left:14px;right:12px;color:var(--cm-muted);font-size:9px;line-height:1.6}.cm-layer-help strong{font-size:10px;color:var(--cm-ink)}.cm-layer-help p{margin:7px 0;font-size:9px}.cm-layer-help span{border:1px solid var(--cm-line);padding:1px 4px;border-radius:3px}.cm-workspace{display:flex;flex-direction:column;min-width:0;background:var(--cm-soft)}.cm-tools{height:42px;display:flex;align-items:center;gap:20px;padding:0 14px;border-bottom:1px solid var(--cm-line);background:var(--cm-bg);font-size:9px;white-space:nowrap}.cm-tools>span:last-child{margin-left:auto}.cm-stage{position:relative;flex:1;display:grid;place-items:center;background-image:radial-gradient(#c9d4e5 .8px,transparent .8px);background-size:16px 16px;overflow:hidden}.cm-dimension{position:absolute;top:5%;font-size:9px;color:var(--cm-muted)}.cm-label{position:relative;width:82%;aspect-ratio:58/40;background:white;color:#111;border-radius:3px;box-shadow:0 8px 25px #253f7010;font-family:Arial,sans-serif;container-type:inline-size}.cm-object{position:absolute;will-change:transform,opacity}.cm-brand{left:6%;top:8%;font-size:6cqw;font-weight:700;letter-spacing:.02em}.cm-size{position:absolute;right:6%;top:8%;font-weight:700;font-size:6cqw}.cm-rule{position:absolute;top:22%;left:6%;right:6%;border-top:1px solid #a6adb8}.cm-name{left:6%;top:29%;font-size:5.8cqw;font-weight:700;white-space:nowrap}.cm-detail{left:6%;top:44%;font-size:3.6cqw}.cm-barcode{left:6%;top:62%;width:88%;height:28%;text-align:center}.cm-barcode canvas{width:100%;height:75%;object-fit:fill;display:block}.cm-barcode small{font-size:3cqw;display:block;letter-spacing:.14em;line-height:1.7}.cm-guide{position:absolute;left:6%;top:3%;height:92%;border-left:1px dashed #ef47b4;opacity:0}.cm-selection{position:absolute;left:5%;top:28%;width:90%;height:12%;border:1px solid #377dff;pointer-events:none;opacity:0}.cm-selection i{position:absolute;background:white;border:1px solid #377dff;width:5px;height:5px}.cm-selection i:nth-child(1){top:-3px;left:-3px}.cm-selection i:nth-child(2){top:-3px;right:-3px}.cm-selection i:nth-child(3){bottom:-3px;left:-3px}.cm-selection i:nth-child(4){bottom:-3px;right:-3px}.cm-cursor{position:absolute;width:23px;height:28px;top:0;left:0;filter:drop-shadow(0 2px 2px #0003);z-index:2;will-change:transform}.cm-cursor svg{width:100%;height:100%}.cm-cursor span{position:absolute;left:22px;top:22px;padding:3px 7px;border-radius:4px;background:#005bff;color:white;font-size:9px}.cm-toast{position:absolute;bottom:14px;background:var(--cm-bg);color:var(--cm-ink);box-shadow:0 4px 20px #0001;border:1px solid var(--cm-line);border-radius:8px;padding:9px 15px;opacity:0;font-size:11px}.cm-status{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:var(--cm-muted);font-size:8px;background:var(--cm-bg);border-top:1px solid var(--cm-line)}.cm-property-name{font-size:11px;font-weight:600;padding-bottom:16px;border-bottom:1px solid var(--cm-line);margin-bottom:15px}.cm-properties>small{display:block;color:var(--cm-muted);margin:15px 0 8px;font-size:9px}.cm-prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;color:var(--cm-muted);font-size:9px}.cm-prop-grid b,.cm-font b{display:block;font-size:11px;font-weight:400;padding:9px;margin-top:5px;border-radius:6px;background:var(--cm-soft);color:var(--cm-ink)}.cm-font{display:flex;align-items:center;gap:12px;font-size:9px;color:var(--cm-muted)}.cm-font>span{flex:1}.cm-format{display:flex;gap:6px;margin-top:10px}.cm-format>*{padding:6px 10px;border-radius:5px;background:var(--cm-soft);font-size:12px}.cm-format>b{color:var(--cm-blue);background:#edf5ff}.cm-content{position:relative;padding:12px 20px 12px 9px;border:1px solid var(--cm-line);border-radius:7px;line-height:1.5;min-height:52px}.cm-content i{position:absolute;right:8px;top:10px;font-style:normal;color:var(--cm-muted)}.cm-property-help{color:var(--cm-muted);font-size:9px;line-height:1.6;margin-top:18px}.cm-playback{display:flex;align-items:center;gap:18px;padding:22px 2px 14px}.cm-demo .cm-play{width:36px;height:36px;padding:0;flex-shrink:0;border:1px solid var(--cm-line);background:var(--cm-bg);color:var(--cm-ink);border-radius:50%;font-size:13px;cursor:pointer}.cm-chapters{display:flex;gap:24px}.cm-demo .cm-chapters button{border:0;background:transparent;padding:6px 0;color:var(--cm-muted);font:inherit;font-size:12px;cursor:pointer}.cm-chapters span{margin-left:7px}.cm-demo .cm-chapters button[aria-current="step"]{color:var(--cm-blue)}.cm-time{margin-left:auto;color:var(--cm-muted);font-size:11px;font-variant-numeric:tabular-nums}.cm-progress{height:2px;background:var(--cm-line);overflow:hidden}.cm-progress>span{display:block;width:100%;height:100%;background:var(--cm-blue);transform:scaleX(0);transform-origin:left}.cm-accessible{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cm-demo button:focus-visible{outline:2px solid var(--cm-blue);outline-offset:4px}
[data-theme="dark"] .cm-demo{--cm-bg:#202124;--cm-soft:#282a2e;--cm-line:#383b42;--cm-ink:#f1f2f4;--cm-muted:#9ba5b5}[data-theme="dark"] .cm-template,[data-theme="dark"] .cm-add,[data-theme="dark"] .cm-layer.is-selected{background:#1f3354;color:#8eb7ff;border-color:#365581}[data-theme="dark"] .cm-stage{background-image:radial-gradient(#414a59 .8px,transparent .8px)}
@media(min-width:1450px){.cm-editor{height:570px}.cm-document{font-size:14px}.cm-settings{font-size:13px}.cm-settings small{font-size:11px}.cm-layer{font-size:13px}}
@media(max-width:1000px){.cm-editor{grid-template-columns:20% 58% 22%;height:410px}.cm-document{gap:9px;padding:0 12px;font-size:10px}.cm-document .cm-button:not(.cm-primary){display:none}.cm-settings{gap:8px;padding:10px;font-size:9px}.cm-settings small{font-size:8px}.cm-settings .cm-template{flex:1}.cm-template small{display:none}.cm-settings .cm-secondary{display:none}.cm-layer-help{display:none}.cm-panel-heading{font-size:11px}.cm-layers,.cm-properties{padding:14px 9px}.cm-layer{font-size:10px;padding:8px 5px}.cm-layer small{font-size:8px}.cm-layer i,.cm-subhead span{display:none}.cm-tools{gap:10px;padding:0 8px;font-size:8px}.cm-heading{align-items:flex-start}.cm-heading .button{font-size:12px}}
@media(max-width:700px){.cm-demo{margin:30px 0 42px}.cm-heading{display:block}.cm-heading p{font-size:14px}.cm-heading .button{margin-top:18px}.cm-window{border-radius:12px}.cm-mac{padding:0 12px;height:36px}.cm-mac>span:last-child{display:none}.cm-address{padding:4px 15px;font-size:9px}.cm-document{height:48px;gap:8px}.cm-back{font-size:9px}.cm-document strong{font-size:10px}.cm-saved{display:none}.cm-document .cm-primary{margin-left:auto;padding:7px;font-size:9px}.cm-settings .cm-template,.cm-settings .cm-paper,.cm-orient{display:none}.cm-settings>div>span{padding:7px}.cm-settings{gap:16px;padding:9px 12px}.cm-editor{display:flex;height:auto;min-height:340px}.cm-layers,.cm-properties{display:none}.cm-workspace{width:100%}.cm-stage{min-height:300px}.cm-label{width:82%;max-width:450px}.cm-dimension{top:3%}.cm-tools{height:34px;font-size:9px}.cm-status{font-size:7px}.cm-chapters{gap:12px;justify-content:space-between;flex:1}.cm-demo .cm-chapters button{font-size:10px}.cm-chapters span{display:block;margin:3px 0 0}.cm-playback{gap:10px;padding-top:16px}.cm-time{display:none}}

.cm-editing .cm-name:after{content:"";display:inline-block;height:.9em;border-right:1.5px solid #005bff;margin-left:2px;vertical-align:-.08em}.cm-clicking .cm-cursor:before{content:"";position:absolute;width:30px;height:30px;left:-12px;top:-12px;border:2px solid #005bff66;border-radius:50%;background:#005bff12}
[data-theme="dark"] .cm-demo{--cm-blue:#82b2ff}[data-theme="dark"] .cm-primary,[data-theme="dark"] .cm-paper b{background:#005bff;border-color:#005bff}