*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f4f5f7;color:#1c1e21}.app{max-width:860px;margin:0 auto;padding:16px 20px 60px}.muted{color:#6b7280;font-size:14px}.hidden-input{display:none}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0 18px}.app-title{margin:0;font-size:22px}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid #cbd2d9;background:#fff;color:#1c1e21;border-radius:6px;padding:7px 14px;font-size:14px;cursor:pointer}.btn:hover{background:#eef1f4}.btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-small{padding:4px 10px;font-size:13px}.btn-danger{color:#b91c1c}.btn-danger:hover{background:#fee2e2}.btn-toggle{border-radius:0}.btn-toggle:first-child{border-radius:6px 0 0 6px}.btn-toggle:last-child{border-radius:0 6px 6px 0;margin-left:-1px}.btn-toggle-active{background:#2563eb;border-color:#2563eb;color:#fff}.btn-toggle-active:hover{background:#2563eb}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;border-radius:8px;padding:10px 14px;margin-bottom:16px}.empty-state{text-align:center;padding:60px 0;font-size:16px}.group-section{background:#fff;border:1px solid #e2e6ea;border-radius:10px;padding:4px 18px 10px;margin-bottom:20px}.group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:2px solid #1c1e21}.group-section--collapsed .group-header{border-bottom:none}.group-toggle{display:flex;align-items:center;gap:10px;background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:left;color:inherit;font:inherit}.group-toggle-icon{font-size:11px;line-height:1;color:#6b7280}.group-name{margin:0;font-size:18px}.group-count{font-size:13px;font-weight:600;color:#6b7280;background:#eef1f4;border-radius:999px;padding:2px 10px}.group-actions{display:flex;gap:6px}.case-row{display:flex;align-items:flex-start;gap:18px;padding:14px 0;border-bottom:1px solid #e2e6ea}.case-row:last-child{border-bottom:none}.case-diagram{flex:0 0 auto;width:110px;display:flex;justify-content:center}.case-body{flex:1 1 auto;min-width:0}.case-name{margin:0 0 6px;font-size:16px}.case-algs{margin:0;padding-left:0;list-style:none;counter-reset:case-alg}.case-alg{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.7;overflow-wrap:anywhere;counter-increment:case-alg;display:flex;align-items:baseline;gap:8px}.case-alg:before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#9aa2ab;align-self:center}.case-alg-primary{font-weight:700}.case-actions{display:flex;flex-direction:column;gap:6px}.case-sortable{position:relative}.case-sortable .case-row{border-bottom:1px solid #e2e6ea}.case-sortable:last-child .case-row{border-bottom:none}.case-row--dragging{position:relative;z-index:2;opacity:.9;background:#fff;box-shadow:0 8px 20px #0f141e2e;border-radius:8px}.case-drag-handle{margin-top:2px;padding:4px 8px;border:1px solid #d4d9df;border-radius:6px;background:#f5f7f9;color:#6b7280;font-size:16px;line-height:1;cursor:grab;touch-action:none;align-self:stretch;text-align:center}.case-drag-handle:hover{background:#eaeef2;color:#374151}.case-drag-handle:active{cursor:grabbing}.cube-svg{display:block}.cube-svg-interactive rect,.cube-svg-interactive polygon{cursor:crosshair}.editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141e73;display:flex;align-items:flex-start;justify-content:center;padding:30px 16px;overflow-y:auto;z-index:10}.editor-panel{background:#fff;border-radius:12px;padding:20px 24px 24px;width:640px;max-width:100%;box-shadow:0 10px 40px #00000040}.editor-header{display:flex;gap:12px;align-items:center;margin-bottom:14px}.close-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:8px;background:transparent;color:#6b7280;cursor:pointer;flex:0 0 auto}.close-btn:hover{background:#eef1f4;color:#1c1e21}.case-name-input{flex:1 1 auto;font-size:18px;font-weight:600;padding:8px 10px;border:1px solid #cbd2d9;border-radius:6px}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.view-toggle{display:flex}.editor-canvas{display:flex;justify-content:center;padding:12px 0 16px;-webkit-user-select:none;user-select:none}.editor-hint{margin:8px 0 16px}.palette{display:flex;gap:8px;justify-content:center}.palette-swatch{position:relative;width:44px;height:44px;border:2px solid #757c85;border-radius:8px;cursor:pointer;padding:0}.palette-swatch-active{border-color:#2563eb;outline:3px solid rgba(37,99,235,.35)}.palette-key{position:absolute;right:3px;bottom:1px;font-size:11px;font-weight:700;color:#1c1e21;background:#ffffffbf;border-radius:4px;padding:0 3px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141e73;display:flex;align-items:flex-start;justify-content:center;padding-top:18vh;z-index:20}.dialog-panel{background:#fff;border-radius:12px;padding:20px 22px;width:400px;max-width:calc(100vw - 32px);box-shadow:0 10px 40px #00000040}.dialog-title{margin:0 0 12px;font-size:16px}.dialog-message{margin:0 0 16px;font-size:14px;color:#374151;line-height:1.5}.dialog-input{width:100%;font-size:15px;padding:8px 10px;border:1px solid #cbd2d9;border-radius:6px;margin-bottom:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.btn-danger-solid{background:#dc2626;border-color:#dc2626;color:#fff}.btn-danger-solid:hover{background:#b91c1c}.alg-editor-header{display:flex;align-items:center;justify-content:space-between}.alg-editor-header h3{margin:0;font-size:15px}.alg-row{display:flex;align-items:center;gap:8px;margin-top:8px}.alg-input{flex:1 1 auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;padding:7px 10px;border:1px solid #cbd2d9;border-radius:6px}.star-btn{border:none;background:none;font-size:20px;line-height:1;cursor:pointer;color:#9ca3af;padding:2px}.star-btn-active{color:#f59e0b}@media print{.no-print{display:none!important}body{background:#fff;color:#000}.app{max-width:none;padding:0}.group-section{border:none;border-radius:0;padding:0;margin-bottom:14px}.group-header{border-bottom:2px solid #000000;padding:4px 0;break-after:avoid}.group-name{font-size:16px}.case-row{break-inside:avoid;page-break-inside:avoid;padding:8px 0;border-bottom:1px solid #999999;gap:14px}.case-diagram{width:90px}.case-diagram svg{width:88px;height:auto}.case-name{font-size:13px;margin-bottom:3px}.case-alg{font-size:12px;line-height:1.5}.cube-svg rect,.cube-svg polygon{print-color-adjust:exact;-webkit-print-color-adjust:exact}}