*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#ddd;background:#1e1e1e;font-family:-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}button{font-family:inherit}.app{-webkit-user-select:none;user-select:none;flex-direction:column;width:100vw;height:100vh;font-size:12px;display:flex}.menu-bar{background:#2b2b2b;border-bottom:1px solid #000;flex:none;align-items:center;gap:4px;height:32px;padding:0 8px;display:flex}.app-name{color:#e67e22;letter-spacing:.5px;margin-right:12px;font-weight:600}.menu{position:relative}.menu summary{cursor:pointer;color:#ccc;border-radius:3px;padding:6px 10px;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu[open] summary,.menu summary:hover{background:#444}.menu-dropdown{z-index:50;background:#333;border:1px solid #111;border-radius:4px;flex-direction:column;min-width:180px;padding:4px;display:flex;position:absolute;top:28px;left:0;box-shadow:0 4px 12px #00000080}.menu-dropdown button{color:#ddd;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:6px 10px;font-size:12px}.menu-dropdown button:hover{color:#fff;background:#4b9eff}.app-body{flex:auto;min-height:0;display:flex}.toolbar{background:#2b2b2b;border-right:1px solid #000;flex-direction:column;flex:0 0 40px;align-items:center;gap:2px;padding:6px 0;display:flex}.tool-button{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.tool-button:hover{background:#444}.tool-button.active{color:#fff;background:#4b9eff}.center-column{flex-direction:column;flex:auto;min-width:0;display:flex}.control-bar{color:#ccc;background:#2b2b2b;border-bottom:1px solid #000;flex:0 0 36px;align-items:center;gap:16px;padding:0 12px;display:flex}.color-input{align-items:center;gap:4px;display:flex}.color-input input[type=color]{background:0 0;border:1px solid #555;border-radius:3px;width:22px;height:22px;padding:0}.stroke-width-input{align-items:center;gap:4px;display:flex}.stroke-width-input input{width:48px}.canvas-area{cursor:default;background:#555;flex:auto;position:relative;overflow:hidden}.canvas-area canvas{background:#fff;position:absolute;inset:0}.status-bar{color:#aaa;background:#2b2b2b;border-top:1px solid #000;flex:0 0 28px;justify-content:flex-end;align-items:center;gap:8px;padding:0 12px;display:flex}.status-bar .icon-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #555;border-radius:3px;width:20px;height:20px}.zoom-readout{text-align:center;cursor:pointer;width:48px}.right-panels{background:#2b2b2b;border-left:1px solid #000;flex-direction:column;flex:0 0 240px;display:flex;overflow-y:auto}.panel{border-bottom:1px solid #000;padding-bottom:8px}.panel-header{color:#ccc;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;font-weight:600;display:flex}.panel-header-actions{gap:2px;display:flex}.panel-empty{color:#777;margin:0;padding:0 10px}.icon-btn{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.icon-btn:hover{background:#444}.field{color:#bbb;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px;display:flex}.field input,.field select{color:#ddd;background:#1e1e1e;border:1px solid #555;border-radius:3px;width:100px;padding:2px 4px}.layer-list{max-height:260px;overflow-y:auto}.layer-row{color:#ccc;cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;display:flex}.layer-row:hover{background:#383838}.layer-row.selected{color:#fff;background:#3a5a84}.layer-name{text-overflow:ellipsis;outline:none;overflow:hidden}.align-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:0 10px 8px;display:grid}.align-grid button{color:#ccc;cursor:pointer;background:#1e1e1e;border:1px solid #555;border-radius:3px;justify-content:center;align-items:center;height:28px;display:flex}.align-grid button:hover{background:#444}.pathfinder-grid{grid-template-columns:repeat(2,1fr);gap:4px;padding:0 10px;display:grid}.pathfinder-grid button{color:#ccc;cursor:pointer;background:#1e1e1e;border:1px solid #555;border-radius:3px;padding:6px 0}.pathfinder-grid button:hover{background:#444}.selection-overlay{pointer-events:none;position:absolute;inset:0}.selection-outline{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.selection-outline polygon{fill:none;stroke:#4b9eff;stroke-width:1px}.handle{pointer-events:auto;cursor:pointer;background:#fff;border:1.5px solid #4b9eff;border-radius:2px;width:10px;height:10px;position:absolute}.handle-rotate{cursor:grab;border-radius:50%;width:12px;height:12px}.text-edit-overlay{resize:none;background:0 0;border:1px dashed #4b9eff;outline:none;min-width:60px;min-height:1.4em;padding:0;font-family:Helvetica,Arial,sans-serif;line-height:1.2;position:absolute}