*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2328;background:#eef1f4}button,select,input{font:inherit}button{min-height:32px;border:1px solid #c7ced8;background:#fff;color:#1f2328;cursor:pointer;padding:4px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button:hover:not(:disabled){background:#f4f7fb}button:disabled{color:#98a1ad;cursor:not-allowed}button.primary{border-color:#1f6feb;background:#1f6feb;color:#fff}button.danger,.trash-button{border-color:#dc2626;background:#fff5f5;color:#b91c1c;font-weight:700}button.danger{width:100%;margin-top:12px}button.danger:hover:not(:disabled),.trash-button:hover{background:#fee2e2}button.large{min-width:180px;min-height:44px;font-weight:700}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr) 250px;width:100%;height:100%}.toolbar,.properties{overflow:auto;background:#f8fafc;border-right:1px solid #d8dee8;padding:12px}.properties{border-right:0;border-left:1px solid #d8dee8}.brand{font-size:18px;font-weight:800;margin-bottom:12px}.tool-group{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.tool-group button{min-width:0}.tool-group button.active{border-color:#1f6feb;background:#dbeafe;color:#0f4eb6;font-weight:700}label{display:grid;gap:5px;margin:10px 0;font-size:13px;color:#4a5565}select,input[type=number],input[type=color]{width:100%;min-height:30px;border:1px solid #c7ced8;background:#fff}input[type=range]{width:100%}.file-label input{width:100%;margin-top:5px}.workspace{display:grid;grid-template-rows:42px minmax(0,1fr);min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:18px;border-bottom:1px solid #d8dee8;background:#fff;padding:0 14px;font-size:14px;font-weight:600}.stage-wrap{position:relative;overflow:auto;padding:16px}.empty-state{display:grid;place-items:center;min-height:360px}.page-stage{position:relative;background:#fff;box-shadow:0 2px 12px #0f172a29}.page-stage canvas,.page-stage .overlay{position:absolute;inset:0}.overlay{cursor:crosshair;-webkit-user-select:none;user-select:none}.svg-item{cursor:pointer}.svg-item.selected rect,.svg-item.selected circle{outline:none;filter:drop-shadow(0 0 3px rgba(31,111,235,.8))}.properties h2{margin:0 0 12px;font-size:16px}.mark-list{display:grid;gap:6px;margin-bottom:18px}.mark-row{display:grid;grid-template-columns:54px minmax(62px,1fr) 34px 42px;gap:6px;align-items:center;width:100%;min-height:38px;text-align:left;background:#fff;font-size:14px}.mark-row.active{border-color:#1f6feb;background:#dbeafe}.mark-row span:first-child{font-weight:800;color:#e60000}.mark-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-button{display:inline-grid;place-items:center;min-height:26px;border:1px solid #dc2626;font-size:12px;line-height:1}.palette-block{margin:10px 0}.palette-label{margin-bottom:6px;font-size:13px;color:#4a5565}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.color-swatch{min-height:28px;border:1px solid #8b95a5}.resize-handle{cursor:nwse-resize}.label-handle{cursor:move;-webkit-user-select:none;user-select:none}.property-line{padding:8px 0;border-bottom:1px solid #e2e8f0;font-weight:700}.properties p{color:#667085;line-height:1.5}@media(max-width:980px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.properties{display:none}}