.toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;background:#3a3a3a;border-bottom:1px solid #555;width:100%;justify-content:center;position:sticky;top:0;z-index:100}.toolbar-group{display:flex;gap:4px;align-items:center}.toolbar-group+.toolbar-group{margin-left:16px;padding-left:16px;border-left:1px solid #555}.tool-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #666;border-radius:6px;background:#444;color:#e0e0e0;cursor:pointer;font-size:13px;white-space:nowrap;transition:background .15s}.tool-btn:hover{background:#555}.tool-btn.active{background:#1976d2;border-color:#1565c0;color:#fff}.tool-btn.export-btn{background:#2e7d32;border-color:#1b5e20}.tool-btn.export-btn:hover{background:#388e3c}.zoom-label{font-size:12px;color:#ccc;min-width:36px;text-align:center;-webkit-user-select:none;user-select:none}.page-nav-group{margin-left:auto!important;padding-left:16px;border-left:1px solid #555}.nav-btn-sm{padding:4px 10px;border:1px solid #666;border-radius:6px;background:#444;color:#e0e0e0;cursor:pointer;font-size:14px;transition:background .15s}.nav-btn-sm:hover:not(:disabled){background:#555}.nav-btn-sm:disabled{opacity:.4;cursor:default}.add-btn-sm{background:#2e7d32;border-color:#1b5e20}.add-btn-sm:hover{background:#388e3c}.del-btn-sm{background:#c62828;border-color:#b71c1c}.del-btn-sm:hover:not(:disabled){background:#d32f2f}.page-counter-sm{font-size:12px;color:#ccc;min-width:70px;text-align:center;-webkit-user-select:none;user-select:none}.canvas-wrapper{display:flex;align-items:flex-start;justify-content:center;flex:1;min-width:0;min-height:0;overflow:hidden}.canvas-wrapper .canvas-zoom{max-width:100%;max-height:100%;transform-origin:center top}.canvas-wrapper canvas{border:1px solid #888;display:block;max-width:100%;max-height:100%;width:auto;height:auto}.page-nav{display:flex;align-items:center;gap:8px;padding:6px 16px;background:#3a3a3a;border-bottom:1px solid #555;width:100%;justify-content:center;flex-shrink:0}.nav-btn{padding:6px 14px;border:1px solid #666;border-radius:6px;background:#444;color:#e0e0e0;cursor:pointer;font-size:16px;transition:background .15s}.nav-btn:hover:not(:disabled){background:#555}.nav-btn:disabled{opacity:.4;cursor:default}.page-counter{font-size:14px;min-width:120px;text-align:center}.add-btn{background:#2e7d32;border-color:#1b5e20}.add-btn:hover:not(:disabled){background:#388e3c}.delete-btn{background:#c62828;border-color:#b71c1c}.delete-btn:hover:not(:disabled){background:#d32f2f}.clipboard-panel{width:180px;flex-shrink:0;background:#333;border-right:1px solid #555;display:flex;flex-direction:column;overflow:hidden}.clipboard-header{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;border-bottom:1px solid #555;flex-shrink:0}.clipboard-count{background:#555;color:#ccc;font-size:11px;padding:1px 7px;border-radius:10px;font-weight:400}.clipboard-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.clipboard-empty{font-size:12px;color:#888;text-align:center;padding:20px 8px;line-height:1.6}.clipboard-item{background:#444;border:1px solid #555;border-radius:6px;padding:8px 10px;cursor:pointer;transition:background .15s,border-color .15s}.clipboard-item:hover{background:#4a4a4a;border-color:#1976d2}.clipboard-text{color:#e0e0e0;font-size:11px;line-height:1.4;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#2c2c2c;color:#e0e0e0;min-height:100vh;overflow:hidden;position:fixed;width:100%;height:100%;top:0;left:0}.app{display:flex;flex-direction:column;align-items:center;min-height:100vh;overflow:hidden}.main-layout{flex:1;display:flex;width:100%;overflow:hidden}.canvas-column{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}.canvas-area{flex:1;display:flex;align-items:center;justify-content:center;padding:5px 20px 20px;overflow:hidden;position:relative;min-height:0}@media (max-width: 700px){.toolbar{flex-direction:column;align-items:stretch}.toolbar-group{justify-content:center}.toolbar-group+.toolbar-group{margin-left:0;padding-left:0;border-left:none;padding-top:8px;border-top:1px solid #555}.canvas-wrapper canvas{border-radius:4px}}