:root{font-family:Inter,Yu Gothic UI,Meiryo,sans-serif;color:#182235;background:#dce3eb;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}#app{display:flex;flex-direction:column}.app-header{height:58px;flex-shrink:0;display:flex;align-items:center;padding:0 18px;background:#0b1220;color:#fff;box-shadow:0 2px 10px #0004}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#28a4ff,#3165e6);font-weight:900}.brand strong,.brand small{display:block}.brand small{color:#9cb0ca;margin-top:2px}.engine-state{margin-left:auto;font-size:12px;color:#f8ce68;background:#ffffff12;padding:6px 10px;border-radius:20px}.engine-state.ready{color:#71e7a7}.command-bar{min-height:58px;flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:6px 12px;background:#f8fafc;border-bottom:1px solid #b9c5d2}.command-bar>:not(.spacer){flex-shrink:0}.command-bar .tool-button,.command-bar label{white-space:nowrap}.tool-button{min-width:52px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;border:1px solid transparent;border-radius:7px;background:transparent;color:#26364b;font-size:11px}.tool-button:hover{background:#e6f0fb;border-color:#abc9e8}.tool-button.active{color:#075aa6;background:#d9ecff;border-color:#66a8e5}.tool-button:disabled{opacity:.35;cursor:default}.tool-icon{font-weight:800;font-size:18px;line-height:19px}.separator{width:1px;height:34px;background:#cad3dd;margin:0 5px}.spacer{flex:1}.zoom-control{display:flex;align-items:center;gap:8px;font-size:12px}.zoom-control input{width:120px}.zoom-control output{width:42px}.workspace{--toolbox-width: 92px;--property-width: 360px;--tool-columns: 1;display:grid;grid-template-columns:var(--toolbox-width) 7px minmax(280px,1fr) 7px var( --property-width );grid-template-rows:1fr;flex:1;min-height:0;min-width:760px}.toolbox{grid-column:1;grid-row:1}.toolbox-splitter{grid-column:2;grid-row:1}.canvas-shell{grid-column:3;grid-row:1}.property-splitter{grid-column:4;grid-row:1}.properties{grid-column:5;grid-row:1}.layout-splitter{position:relative;z-index:5;background:#c5cfda;cursor:ew-resize;touch-action:none}.layout-splitter:hover,.layout-splitter:active{background:#3994df}.layout-splitter:after{content:"";position:absolute;inset:0 -3px}.workspace.toolbox-top{grid-template-columns:minmax(280px,1fr) 7px var(--property-width);grid-template-rows:auto 1fr}.workspace.toolbox-top .toolbox{grid-column:1;grid-row:1;border-right:0;border-bottom:1px solid #b7c2cf;overflow:visible}.workspace.toolbox-top .toolbox-splitter{grid-column:1;grid-row:1;justify-self:end;width:7px;height:100%}.workspace.toolbox-top .canvas-shell{grid-column:1;grid-row:2}.workspace.toolbox-top .property-splitter{grid-column:2;grid-row:1 / span 2}.workspace.toolbox-top .properties{grid-column:3;grid-row:1 / span 2}.workspace.toolbox-top .toolbox h2,.workspace.toolbox-top .tool-help{display:none}.workspace.toolbox-top .tool-grid{grid-template-columns:repeat(var(--tool-columns),minmax(62px,72px));align-content:start}.toolbox,.properties{background:#f7f9fc;overflow:auto}.toolbox{border-right:1px solid #b7c2cf}.properties{border-left:1px solid #b7c2cf}.toolbox h2,.properties h2{height:38px;margin:0;display:flex;align-items:center;padding:0 13px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#4e6075;border-bottom:1px solid #d3dbe4}.tool-grid{display:grid;grid-template-columns:repeat(var(--tool-columns),minmax(62px,1fr));gap:5px;padding:8px}.tool-grid .tool-button{width:100%;height:57px;background:#fff;border-color:#d6dee8}.tool-help{margin:8px;padding:10px;color:#64748b;background:#eef3f8;border-radius:6px;font-size:11px;line-height:1.55}.canvas-shell{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 27px}.canvas-scroller{min-width:0;min-height:0;overflow:auto;padding:42px;background:#cbd4df}.page{position:relative;margin:0 auto;background:#fff;box-shadow:0 4px 22px #26384d55;transform-origin:top center}.page svg{display:block;touch-action:none}.selection-box{fill:none;stroke:#1686e8;stroke-width:1.5;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}.creation-guide{fill:#1686e812;stroke:#075fae;stroke-width:1.5;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;pointer-events:none}.resize-handle{fill:#fff;stroke:#0876d1;stroke-width:1.2;vector-effect:non-scaling-stroke}.resize-handle[data-handle=n],.resize-handle[data-handle=s]{cursor:ns-resize}.resize-handle[data-handle=e],.resize-handle[data-handle=w]{cursor:ew-resize}.resize-handle[data-handle=ne],.resize-handle[data-handle=sw]{cursor:nesw-resize}.resize-handle[data-handle=nw],.resize-handle[data-handle=se]{cursor:nwse-resize}.line-handle{cursor:crosshair!important}.curve-handle{cursor:ns-resize!important}.multiline-editor-dialog{width:min(640px,calc(100vw - 48px));border:1px solid #61758a;border-radius:10px;padding:0;box-shadow:0 18px 60px #0b172944}.multiline-editor-dialog::backdrop{background:#15263b66}.multiline-editor-dialog form{display:grid;gap:12px;padding:18px}.multiline-editor-dialog textarea{min-height:220px;resize:both;font:inherit;padding:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.object-hit{fill:#0000;stroke:#0000;pointer-events:all}.object-hit-stroke{pointer-events:stroke}[data-object-id]{cursor:move;pointer-events:bounding-box}[data-object-id][data-object-kind=line]{pointer-events:none}[data-object-id]>.object-hit,[data-object-id]>.resize-handle{pointer-events:all}[data-object-id]>.object-hit-stroke{pointer-events:stroke}[data-object-id]>:not(.object-hit):not(.resize-handle){pointer-events:none}#canvas[data-active-tool=text],#canvas[data-active-tool=line],#canvas[data-active-tool=rectangle],#canvas[data-active-tool=ellipse],#canvas[data-active-tool=image],#canvas[data-active-tool=barcode]{cursor:crosshair}#canvas[data-active-tool=rotate]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M22 10a9 9 0 1 0 .2 7' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='m18 5 5 5-7 1' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") 14 14,crosshair}.grid-layer,.page-background{pointer-events:all}.toggle{display:flex;align-items:center;gap:4px;margin-right:10px;white-space:nowrap;font-size:12px;color:#475569}.compact-select{display:grid;gap:2px;margin:0 5px;color:#526174;font-size:10px}.compact-select select,#zoomPreset{max-width:92px;padding:3px;border:1px solid #bdc8d4;border-radius:4px;background:#fff;font-size:11px}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:#eef2f6;border-top:1px solid #b7c2cf;color:#526277;font-size:11px}#objectSelector{width:calc(100% - 18px);margin:9px;padding:7px;border:1px solid #b9c6d4;border-radius:5px;background:#fff}#propertyFilter{display:block;width:calc(100% - 18px);min-width:0;margin:0 9px 9px;padding:7px 9px;border:1px solid #b9c6d4;border-radius:5px;background:#fff;box-sizing:border-box}#propertyEditor{min-width:0;overflow-x:hidden}#propertyEditor section{border-top:1px solid #d6dee7;padding-bottom:8px}#propertyEditor h3{margin:0;padding:7px 10px;background:#eaf0f6;color:#3d536c;font-size:12px}.property-row{display:grid;grid-template-columns:minmax(104px,42%) minmax(0,1fr);min-height:33px;align-items:center;border-bottom:1px solid #e5eaf0;font-size:12px}.property-row[hidden]{display:none}.property-row>span{min-width:0;padding:6px 9px;color:#526174;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.property-row input:not([type=checkbox]),.property-row textarea,.property-row select{width:calc(100% - 8px);min-width:0;max-width:calc(100% - 8px);box-sizing:border-box;margin:4px;padding:5px;border:1px solid #bdc8d4;border-radius:3px;background:#fff}.property-row output{min-width:0;margin:4px;padding:5px;overflow:hidden;color:#334155;text-overflow:ellipsis;white-space:nowrap}.property-row input[type=color]{min-height:30px;padding:2px}.property-row textarea{min-height:60px;resize:vertical}dialog{width:min(1120px,94vw);height:92vh;padding:0;border:0;border-radius:10px;box-shadow:0 18px 60px #0008}dialog::backdrop{background:#07101dcc}.info-dialog{width:min(520px,90vw);height:auto;padding:24px}.info-dialog h2{margin-top:0}.info-dialog a{display:block;margin:18px 0}.info-dialog a[hidden]{display:none}.info-dialog button{float:right;padding:7px 18px}.preview-header{height:50px;display:flex;align-items:center;gap:14px;padding:0 16px;background:#0d1828;color:#fff}.preview-header span{color:#91a7c2;font-size:12px}.preview-header button{margin-left:auto;border:0;background:transparent;color:#fff;font-size:25px}.preview-toolbar{height:55px;display:flex;align-items:center;padding:5px 10px;border-bottom:1px solid #c5d0dc;background:#f7f9fc}.preview-surface{height:calc(100% - 105px);overflow:auto;padding:28px;background:#cfd7e1}.preview-surface svg{display:block;max-width:100%;height:auto;margin:0 auto;box-shadow:0 3px 18px #0004;background:#fff}@media(max-width:980px){.tool-button span:last-child{font-size:10px}.brand small{display:none}}