:root {
        --bg-main: radial-gradient(circle at 18% 20%, #fff3d3 0%, #f4f1ea 45%, #e8e2d4 100%);
        --bg-dark: radial-gradient(circle at 18% 20%, #24221d 0%, #151413 50%, #10100f 100%);
      }
      body {
        background: var(--bg-main);
        transition: background 0.3s ease;
      }
      body.dark {
        background: var(--bg-dark);
        color: #f3f0ea;
      }
      .glass {
        backdrop-filter: blur(12px);
      }
      .canvas-wrap {
        animation: stageIn 0.5s ease;
      }
      .stagger {
        animation: rise 0.45s ease both;
      }
      @keyframes stageIn {
        from { opacity: 0; transform: translateY(14px) scale(0.99); }
        to { opacity: 1; transform: translateY(0) scale(1); }
      }
      @keyframes rise {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
      }
      @keyframes pulse {
        0%, 100% { opacity: 0.4; }
        50% { opacity: 0.6; }
      }
      .dragover {
        outline: 3px dashed #f97316;
        outline-offset: 4px;
      }
      .panel-content {
        max-height: 0 !important;
        overflow: hidden !important;
        clip-path: inset(0) !important;
        transition: max-height 0.3s ease;
        padding: 0 !important;
        margin: 0 !important;
        visibility: hidden;
        opacity: 0;
      }
      .panel-content.open {
        max-height: 2500px !important;
        padding: 0.75rem !important;
        visibility: visible;
        opacity: 1;
      }
      .title-details { color: #3730a3; }
      .dark .title-details { color: #a5b4fc; }
      .title-adjust { color: #0369a1; }
      .dark .title-adjust { color: #7dd3fc; }
      .title-steg { color: #0d9488; }
      .dark .title-steg { color: #5eead4; }
      .title-ascii { color: #d97706; }
      .dark .title-ascii { color: #fbbf24; }
      .title-anno { color: #7c3aed; }
      .dark .title-anno { color: #c4b5fd; }
      .title-social { color: #be185d; }
      .dark .title-social { color: #fbcfe8; }
      .title-anim { color: #059669; }
      .dark .title-anim { color: #86efac; }
      .title-pattern { color: #0891b2; }
      .dark .title-pattern { color: #67e8f9; }
      #recentChevron {
        transition: transform 0.25s ease;