:root{--bg: #2b2d31;--panel: #f5f5f5;--border: #d0d0d0;--text: #1f1f1f;--accent: #1a73e8;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Sans,sans-serif;font-size:13px;color:var(--text)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}#app{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;grid-template-areas:"toolbar toolbar" "canvas properties" "status status";height:100%}#toolbar{grid-area:toolbar}#canvas-container{grid-area:canvas}#properties{grid-area:properties}#status{grid-area:status}#toolbar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden}#app-title{font-weight:600}#toolbar>*{flex:none}#toolbar button{white-space:nowrap}#tool-buttons,#align-buttons,#group-buttons,#order-buttons,#file-buttons,#help-buttons{display:flex;gap:4px}.toolbar-separator{width:1px;height:20px;background:var(--border)}.toolbar-check{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.toolbar-check input{margin:0;cursor:pointer}#toolbar button{padding:4px 12px;font:inherit;color:inherit;background:#fff;border:1px solid var(--border);border-radius:4px;cursor:pointer}#align-buttons button,#group-buttons button,#order-buttons button,#file-buttons button,#help-buttons button{padding:4px 6px}#help-buttons button{width:28px;padding:4px 0;font-weight:700}#toolbar button:hover:not(:disabled){background:#ececec}#tool-buttons button.is-active{color:#fff;background:var(--accent);border-color:var(--accent)}#toolbar button:disabled{color:#bbb;background:#f5f5f5;cursor:default}#canvas-container{position:relative;overflow:hidden;background:var(--bg);touch-action:none;cursor:default}#canvas-container.is-pan-ready{cursor:grab}#canvas-container.is-panning{cursor:grabbing}#canvas-container .text-editor{position:absolute;z-index:1;margin:0;padding:0;border:none;outline:none;background:transparent;white-space:pre;overflow:hidden;resize:none}#properties{width:200px;padding:10px 12px;background:var(--panel);border-left:1px solid var(--border);overflow-y:auto}.panel-title{margin:0 0 8px;font-size:12px;font-weight:600;color:#555}.panel-empty{margin:0;color:#999}#property-fields.is-empty{display:none}#property-fields:not(.is-empty)~.panel-empty{display:none}.prop-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.prop-row.is-hidden{display:none}.prop-label{width:32px;color:#555}.prop-input{width:72px;padding:3px 6px;font:inherit;text-align:right;font-variant-numeric:tabular-nums;border:1px solid var(--border);border-radius:3px}.prop-input:disabled{background:#f0f0f0;color:#aaa}.prop-unit{color:#999}.prop-color{width:40px;height:24px;padding:0;border:1px solid var(--border);border-radius:3px;background:none}.prop-none{display:flex;align-items:center;gap:3px;color:#555}#help-dialog{width:min(1240px,96vw);max-height:90vh;padding:0;color:var(--text);background:#fff;border:none;border-radius:8px;box-shadow:0 12px 40px #0000004d;overflow:hidden}#help-dialog[open]{display:flex;flex-direction:column}#help-dialog::backdrop{background:#00000073}.help-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--border);flex:none}.help-header h2{margin:0;font-size:15px}.help-close{width:28px;height:28px;font-size:18px;line-height:1;color:#555;background:none;border:none;border-radius:4px;cursor:pointer}.help-close:hover{background:#e4e4e4}.help-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 32px;align-content:start;padding:16px 20px 4px;flex:1 1 auto;min-height:0;overflow-y:auto}.help-section{break-inside:avoid;margin-bottom:8px}.help-section h3{margin:0 0 6px;padding-bottom:3px;font-size:12px;color:var(--accent);border-bottom:1px solid var(--border)}.help-section dl{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:2px 12px;margin:0}.help-section dt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;white-space:nowrap;color:#1f1f1f}.help-section dd{margin:0;color:#444}.help-notes{padding:10px 20px 12px;background:#fff8e6;border-top:1px solid var(--border);flex:none}.help-notes h3{margin:0 0 6px;font-size:12px}.help-notes ul{margin:0;padding-left:18px}.help-notes li{margin-bottom:3px;color:#444}#status{display:flex;gap:16px;padding:6px 12px;background:var(--panel);border-top:1px solid var(--border);font-variant-numeric:tabular-nums;color:#555}#status-storage{margin-left:auto;text-align:right}#status-storage.is-warning,#status-autosave{color:#b3261e;font-weight:600}