*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background-color:#f5f5f7;color:#222}.app-root{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:#1a237e;color:#fff}.topbar-left{display:flex;align-items:center;gap:12px}.logo{font-weight:600}.case-title{font-size:16px;font-weight:600;opacity:1;color:#ff9800}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar button,.import-button{border-radius:999px;border:none;padding:6px 14px;font-size:13px;cursor:pointer;background:#fff;color:#1a237e;border:1px solid rgba(255,255,255,.1);transition:background .15s ease,transform .05s ease,box-shadow .15s ease}.topbar button:hover,.import-button:hover{background:#e8eaf6;box-shadow:0 1px 4px #0003}.topbar button:active,.import-button:active{transform:translateY(1px);box-shadow:none}.import-button{display:inline-flex;align-items:center;justify-content:center}.main-layout{display:grid;grid-template-columns:1fr 320px;gap:0;flex:1;min-height:0}.main-center{padding:12px;min-width:0}.canvas-container{width:100%;height:100%;border-radius:12px;background:#fff;box-shadow:0 10px 30px #0000001f,0 0 0 1px #00000005;overflow:hidden;position:relative}.canvas-svg{width:100%;height:100%;display:block}.canvas-toolbar{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:1}.canvas-toolbar button{border-radius:999px;border:none;padding:4px 10px;font-size:12px;cursor:pointer;background:#ffffffe6;color:#1a237e;border:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-toolbar button:hover{background:#e8eaf6}.side-panel{border-left:1px solid #e0e0e0;background:#fafafa;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.side-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.side-panel h2{font-size:15px;margin:0}.side-panel-empty{font-size:13px;color:#666}.side-panel-close{border:none;background:transparent;font-size:18px;line-height:1;cursor:pointer;color:#666}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.field-group-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.field label{font-size:12px;color:#555}.field input,.field select,.field textarea{border-radius:8px;border:1px solid #d0d0d0;padding:6px 8px;font-size:13px;font-family:inherit;outline:none;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1a237e;box-shadow:0 0 0 1px #1a237e26}.field textarea{resize:vertical}@media(max-width:960px){.main-layout{grid-template-columns:1fr;grid-template-rows:1.4fr 1fr}.side-panel{border-left:none;border-top:1px solid #e0e0e0}}