.docai-btn {
          padding: 12px 18px;
          border-radius: 12px;
          font-weight: 800;
          cursor: pointer;
          font-family: inherit;
          transition: all 0.2s;
          color: #fff;
          border: none;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
        }

        .docai-btn:disabled {
          opacity: 0.5;
          cursor: not-allowed;
        }

        .docai-btn.primary {
          background: linear-gradient(135deg, #1d4ed8, #3b82f6);
          border: 1px solid rgba(59, 130, 246, .55);
        }

        .docai-btn.primary:hover {
          transform: translateY(-2px);
          box-shadow: 0 10px 28px rgba(59, 130, 246, 0.34);
        }

        .docai-btn.success {
          background: linear-gradient(135deg, #065f46, #10b981);
          border: 1px solid rgba(16, 185, 129, .4);
        }

        .docai-btn.success:hover {
          transform: translateY(-2px);
          box-shadow: 0 10px 28px rgba(16, 185, 129, 0.26);
        }

        .docai-shell-upgrade {
          background: #080d1a;
        }

        .docai-control-hero {
          position: relative;
          overflow: hidden;
          padding: 28px 24px;
          display: grid;
          grid-template-columns: minmax(0, 1.3fr) minmax(320px, .9fr);
          gap: 20px;
          background: linear-gradient(135deg, rgba(2, 6, 23, .98), rgba(15, 23, 42, .96));
          border-bottom: 1px solid rgba(99, 102, 241, .18);
        }

        .docai-control-hero::before {
          content: '';
          position: absolute;
          inset: 0;
          pointer-events: none;
          opacity: .32;
          background-image: radial-gradient(circle at 18% 50%, rgba(99, 102, 241, .35) 0%, transparent 40%), radial-gradient(circle at 82% 18%, rgba(14, 165, 233, .24) 0%, transparent 34%), radial-gradient(circle at 58% 88%, rgba(16, 185, 129, .16) 0%, transparent 30%);
        }

        .docai-hero-copy,
        .docai-hero-actions {
          position: relative;
          z-index: 1;
        }

        .docai-pill {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          padding: 8px 14px;
          border-radius: 999px;
          margin-bottom: 14px;
          background: rgba(99, 102, 241, .12);
          border: 1px solid rgba(99, 102, 241, .28);
          color: #a5b4fc;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .13em;
        }

        .docai-hero-title {
          font-size: 30px;
          line-height: 1.08;
          color: #f8fafc;
          font-weight: 900;
          max-width: 780px;
        }

        .docai-hero-sub {
          margin-top: 10px;
          max-width: 760px;
          font-size: 14px;
          line-height: 1.75;
          color: #94a3b8;
        }

        .docai-hero-actions {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: stretch;
          gap: 12px;
        }

        .docai-file-card {
          padding: 18px;
          border-radius: 18px;
          background: rgba(15, 23, 42, .74);
          border: 1px solid rgba(255, 255, 255, .08);
          backdrop-filter: blur(10px);
          box-shadow: 0 20px 60px rgba(2, 6, 23, .35);
        }

        .docai-card-label {
          font-size: 11px;
          font-weight: 800;
          text-transform: uppercase;
          letter-spacing: .14em;
          color: #64748b;
          margin-bottom: 10px;
        }

        .docai-premium-select {
          background: rgba(2, 6, 23, .92) !important;
          border-color: rgba(99, 102, 241, .18) !important;
          color: #e2e8f0 !important;
          min-height: 46px;
        }

        .docai-file-meta {
          margin-top: 10px;
          font-size: 12px;
          line-height: 1.6;
          color: #94a3b8;
        }

        .docai-modebar {
          position: sticky;
          top: 64px;
          z-index: 88;
          background: rgba(8, 13, 26, .86);
          backdrop-filter: blur(16px);
          border-bottom: 1px solid rgba(99, 102, 241, .12);
        }

        .docai-modebar-inner {
          display: flex;
          gap: 8px;
          padding: 10px 18px;
          overflow: auto;
        }

        .docai-subtab {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          padding: 12px 18px;
          border-radius: 12px;
          min-width: max-content;
          color: #94a3b8;
          font-size: 13px;
          font-weight: 700;
          cursor: pointer;
          border: 1px solid transparent;
          transition: all .22s ease;
        }

        .docai-subtab:hover {
          color: #e2e8f0;
          background: rgba(255, 255, 255, .03);
        }

        .docai-subtab.active {
          color: #c7d2fe;
          background: rgba(99, 102, 241, .16);
          border-color: rgba(99, 102, 241, .28);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
        }

        .docai-tab-icon {
          font-size: 15px;
        }

        .docai-workspace {
          padding: 22px;
        }

        .docai-subtp {
          display: none;
        }

        .docai-subtp.active {
          display: block;
        }

        .docai-launch-panel {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 16px;
          align-items: center;
          padding: 20px;
          margin-bottom: 22px;
          border-radius: 20px;
          background: linear-gradient(135deg, rgba(15, 23, 42, .86), rgba(30, 41, 59, .58));
          border: 1px solid rgba(99, 102, 241, .18);
          box-shadow: 0 24px 64px rgba(2, 6, 23, .22);
        }

        .docai-launch-panel.planning {
          border-color: rgba(16, 185, 129, .16);
        }

        .docai-launch-panel.chat {
          border-color: rgba(245, 158, 11, .18);
        }

        .docai-launch-kicker {
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .14em;
          text-transform: uppercase;
          color: #818cf8;
          margin-bottom: 10px;
        }

        .docai-launch-title {
          font-size: 24px;
          line-height: 1.18;
          font-weight: 900;
          color: #f8fafc;
          max-width: 840px;
        }

        .docai-launch-desc {
          margin-top: 8px;
          max-width: 840px;
          color: #94a3b8;
          font-size: 13px;
          line-height: 1.8;
        }

        .docai-launch-actions {
          display: flex;
          align-items: center;
          justify-content: flex-end;
        }

        .docai-chat-inline {
          display: flex;
          gap: 12px;
          align-items: center;
          min-width: 380px;
        }

        .docai-chat-input {
          min-height: 46px;
          background: rgba(2, 6, 23, .92) !important;
          border-color: rgba(245, 158, 11, .18) !important;
        }

        .docai-output {
          min-height: 220px;
        }

        .docai-pres-empty {
          border: 1px dashed rgba(148, 163, 184, .14);
          border-radius: 20px;
          padding: 54px 26px;
          text-align: center;
          background: linear-gradient(180deg, rgba(15, 23, 42, .45), rgba(2, 6, 23, .34));
          color: #94a3b8;
        }

        .docai-pres-empty-icon {
          font-size: 48px;
          margin-bottom: 16px;
        }

        .docai-pres-empty-title {
          font-size: 20px;
          color: #e2e8f0;
          font-weight: 800;
          margin-bottom: 8px;
        }

        .docai-pres-empty-sub {
          max-width: 760px;
          margin: 0 auto;
          line-height: 1.8;
          font-size: 13px;
        }

        .docai-loading-shell {
          padding: 36px 30px;
          border-radius: 24px;
          border: 1px solid rgba(99, 102, 241, .18);
          background: linear-gradient(145deg, rgba(2, 6, 23, .94), rgba(15, 23, 42, .94));
          box-shadow: 0 30px 80px rgba(2, 6, 23, .38);
        }

        .docai-loading-badge {
          display: inline-flex;
          padding: 7px 12px;
          border-radius: 999px;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .14em;
          color: #a5b4fc;
          background: rgba(99, 102, 241, .12);
          border: 1px solid rgba(99, 102, 241, .24);
        }

        .docai-loading-title {
          margin-top: 16px;
          font-size: 30px;
          font-weight: 900;
          color: #f8fafc;
        }

        .docai-loading-sub {
          margin-top: 10px;
          max-width: 760px;
          color: #94a3b8;
          line-height: 1.75;
        }

        .docai-load-grid {
          margin-top: 24px;
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
          gap: 16px;
        }

        .docai-load-card {
          padding: 18px;
          border-radius: 18px;
          background: rgba(255, 255, 255, .03);
          border: 1px solid rgba(255, 255, 255, .06);
          animation: docaiPulse 1.5s infinite ease-in-out;
        }

        .docai-load-card-line {
          height: 11px;
          border-radius: 999px;
          background: linear-gradient(90deg, rgba(148, 163, 184, .12), rgba(148, 163, 184, .26), rgba(148, 163, 184, .12));
          margin-bottom: 10px;
        }

        .docai-load-card-line.short {
          width: 56%;
        }

        .docai-load-card-tag {
          margin-top: 12px;
          font-size: 11px;
          color: #64748b;
          text-transform: uppercase;
          letter-spacing: .14em;
        }

        @keyframes docaiPulse {

          0%,
          100% {
            opacity: .7;
            transform: translateY(0);
          }

          50% {
            opacity: 1;
            transform: translateY(-2px);
          }
        }

        .docai-pres {
          color: #e2e8f0;
        }

        .docai-pres-hero {
          position: relative;
          overflow: hidden;
          border-radius: 28px;
          margin-bottom: 18px;
          background: linear-gradient(135deg, #020617 0%, #0f172a 42%, #111827 100%);
          border: 1px solid rgba(99, 102, 241, .18);
          box-shadow: 0 35px 100px rgba(2, 6, 23, .46);
        }

        .docai-pres-bg {
          position: absolute;
          inset: 0;
          pointer-events: none;
          opacity: .35;
          background-image: radial-gradient(circle at 18% 50%, rgba(99, 102, 241, .34) 0%, transparent 45%), radial-gradient(circle at 85% 18%, rgba(14, 165, 233, .18) 0%, transparent 34%), radial-gradient(circle at 62% 82%, rgba(16, 185, 129, .14) 0%, transparent 28%), linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
          background-size: auto, auto, auto, 54px 54px, 54px 54px;
        }

        .docai-pres-hero-inner {
          position: relative;
          z-index: 1;
          padding: 34px 30px 30px;
        }

        .docai-pres-pill {
          display: inline-flex;
          padding: 8px 14px;
          border-radius: 999px;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .14em;
          color: #fbbf24;
          background: rgba(245, 158, 11, .12);
          border: 1px solid rgba(245, 158, 11, .24);
        }

        .docai-pres-meta-row {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 18px;
        }

        .docai-pres-meta-chip {
          padding: 7px 12px;
          border-radius: 999px;
          font-size: 12px;
          color: #cbd5e1;
          background: rgba(255, 255, 255, .04);
          border: 1px solid rgba(255, 255, 255, .08);
        }

        .docai-pres-main-title {
          margin-top: 16px;
          font-size: 36px;
          line-height: 1.08;
          font-weight: 900;
          color: #fff;
          max-width: 860px;
        }

        .docai-pres-subtitle {
          margin-top: 12px;
          max-width: 860px;
          font-size: 15px;
          line-height: 1.85;
          color: #cbd5e1;
        }

        .docai-pres-facts {
          margin-top: 22px;
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
          gap: 14px;
        }

        .docai-pres-fact {
          padding: 18px;
          border-radius: 18px;
          background: rgba(255, 255, 255, .04);
          border: 1px solid rgba(255, 255, 255, .08);
          backdrop-filter: blur(10px);
        }

        .docai-pres-fact-icon {
          font-size: 22px;
          margin-bottom: 12px;
        }

        .docai-pres-fact-value {
          font-size: 28px;
          line-height: 1;
          font-weight: 900;
        }

        .docai-pres-fact-unit {
          margin-top: 5px;
          font-size: 10px;
          text-transform: uppercase;
          letter-spacing: .16em;
          color: #64748b;
        }

        .docai-pres-fact-label {
          margin-top: 8px;
          font-size: 13px;
          color: #cbd5e1;
          font-weight: 600;
        }

        .docai-pres-strip-grid {
          margin-top: 22px;
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
          gap: 14px;
        }

        .docai-pres-strip {
          padding: 16px 18px;
          border-radius: 18px;
          border: 1px solid rgba(255, 255, 255, .08);
          background: rgba(255, 255, 255, .03);
        }

        .docai-pres-strip.success {
          background: rgba(16, 185, 129, .07);
          border-color: rgba(16, 185, 129, .16);
        }

        .docai-pres-strip.danger {
          background: rgba(239, 68, 68, .06);
          border-color: rgba(239, 68, 68, .14);
        }

        .docai-pres-strip-title {
          font-size: 12px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          color: #e2e8f0;
          margin-bottom: 10px;
        }

        .docai-info-strip {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
        }

        .docai-info-pill {
          padding: 6px 10px;
          border-radius: 999px;
          font-size: 11px;
          background: rgba(255, 255, 255, .05);
          color: #cbd5e1;
        }

        .docai-pres-nav-wrap {
          position: sticky;
          top: 118px;
          z-index: 8;
          margin-bottom: 18px;
        }

        .docai-pres-nav {
          display: flex;
          gap: 8px;
          overflow: auto;
          padding: 8px;
          border-radius: 18px;
          background: rgba(15, 23, 42, .75);
          border: 1px solid rgba(99, 102, 241, .14);
          backdrop-filter: blur(14px);
        }

        .docai-pres-nav-btn {
          padding: 10px 14px;
          border: none;
          border-radius: 12px;
          font: inherit;
          font-size: 12px;
          font-weight: 700;
          color: #94a3b8;
          background: transparent;
          cursor: pointer;
          transition: all .18s;
          white-space: nowrap;
        }

        .docai-pres-nav-btn:hover {
          background: rgba(99, 102, 241, .12);
          color: #c7d2fe;
        }

        .docai-pres-main {
          display: flex;
          flex-direction: column;
          gap: 18px;
        }

        .docai-pres-section {
          scroll-margin-top: 180px;
        }

        .docai-pres-headline {
          display: flex;
          align-items: center;
          gap: 12px;
          margin-bottom: 12px;
        }

        .docai-pres-line {
          width: 34px;
          height: 2px;
          border-radius: 999px;
        }

        .docai-pres-kicker {
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .16em;
          text-transform: uppercase;
        }

        .docai-pres-card {
          padding: 24px 22px;
          border-radius: 24px;
          background: linear-gradient(145deg, rgba(2, 6, 23, .92), rgba(15, 23, 42, .84));
          border: 1px solid rgba(99, 102, 241, .14);
          box-shadow: 0 30px 80px rgba(2, 6, 23, .30);
        }

        .docai-pres-section-title {
          display: flex;
          align-items: center;
          gap: 10px;
          font-size: 28px;
          font-weight: 900;
          color: #fff;
          margin-bottom: 16px;
        }

        .docai-pres-icon {
          font-size: 18px;
          color: #94a3b8;
        }

        .docai-pres-content {
          color: #dbe3f0;
          font-size: 14px;
          line-height: 1.85;
        }

        .docai-soft-note {
          padding: 16px 18px;
          border-radius: 16px;
          background: rgba(255, 255, 255, .03);
          border: 1px dashed rgba(148, 163, 184, .18);
          color: #94a3b8;
        }

        .docai-inline-subtitle {
          font-size: 12px;
          font-weight: 800;
          text-transform: uppercase;
          letter-spacing: .14em;
          color: #fbbf24;
          margin-bottom: 10px;
        }

        .docai-chip-cloud {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
        }

        .docai-chip {
          display: inline-flex;
          padding: 8px 14px;
          border-radius: 999px;
          border: 1px solid rgba(255, 255, 255, .12);
          font-size: 12px;
          font-weight: 700;
        }

        .docai-bullet-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
          gap: 12px;
        }

        .docai-bullet-card {
          position: relative;
          overflow: hidden;
          padding: 18px 16px 16px;
          border-radius: 18px;
          background: rgba(255, 255, 255, .03);
          border: 1px solid rgba(255, 255, 255, .06);
        }

        .docai-bullet-card.tone-red {
          background: rgba(239, 68, 68, .05);
          border-color: rgba(239, 68, 68, .14);
        }

        .docai-bullet-card.tone-amber {
          background: rgba(245, 158, 11, .05);
          border-color: rgba(245, 158, 11, .16);
        }

        .docai-bullet-card.tone-indigo {
          background: rgba(99, 102, 241, .05);
          border-color: rgba(99, 102, 241, .14);
        }

        .docai-bullet-index {
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .14em;
          color: #64748b;
          margin-bottom: 10px;
        }

        .docai-bullet-text {
          color: #dbe3f0;
          font-size: 13px;
          line-height: 1.75;
        }

        .docai-ms-list {
          position: relative;
          display: flex;
          flex-direction: column;
          gap: 0;
        }

        .docai-ms-list::before {
          content: '';
          position: absolute;
          left: 18px;
          top: 10px;
          bottom: 10px;
          width: 1px;
          background: linear-gradient(180deg, rgba(245, 158, 11, .42), rgba(99, 102, 241, .18));
        }

        .docai-ms-item {
          position: relative;
          display: flex;
          gap: 16px;
          padding: 14px 0 14px 0;
        }

        .docai-ms-dot {
          width: 38px;
          height: 38px;
          border-radius: 50%;
          flex-shrink: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(245, 158, 11, .12);
          border: 1px solid rgba(245, 158, 11, .3);
          font-size: 15px;
          z-index: 1;
        }

        .docai-ms-body {
          flex: 1;
          padding: 14px 16px;
          border-radius: 18px;
          background: rgba(255, 255, 255, .03);
          border: 1px solid rgba(255, 255, 255, .06);
        }

        .docai-ms-top {
          display: flex;
          justify-content: space-between;
          gap: 16px;
          align-items: center;
          margin-bottom: 6px;
        }

        .docai-ms-name {
          font-size: 15px;
          font-weight: 800;
          color: #fff;
        }

        .docai-ms-date {
          font-size: 12px;
          font-weight: 800;
          color: #fbbf24;
        }

        .docai-ms-note {
          font-size: 13px;
          color: #94a3b8;
          line-height: 1.7;
        }

        .docai-chat-result {
          padding: 24px;
          border-radius: 24px;
          background: linear-gradient(145deg, rgba(2, 6, 23, .94), rgba(15, 23, 42, .88));
          border: 1px solid rgba(245, 158, 11, .18);
          box-shadow: 0 30px 80px rgba(2, 6, 23, .32);
        }

        .docai-chat-result-head {
          display: flex;
          justify-content: space-between;
          gap: 16px;
          align-items: flex-start;
          margin-bottom: 16px;
        }

        .docai-chat-kicker {
          font-size: 11px;
          font-weight: 800;
          text-transform: uppercase;
          letter-spacing: .16em;
          color: #fbbf24;
          margin-bottom: 8px;
        }

        .docai-chat-title {
          font-size: 28px;
          font-weight: 900;
          color: #fff;
        }

        .docai-chat-source {
          padding: 8px 12px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .04);
          border: 1px solid rgba(255, 255, 255, .08);
          color: #cbd5e1;
          font-size: 12px;
        }

        .docai-chat-question {
          display: flex;
          gap: 12px;
          align-items: flex-start;
          padding: 14px 16px;
          border-radius: 18px;
          background: rgba(245, 158, 11, .06);
          border: 1px solid rgba(245, 158, 11, .14);
          color: #fde68a;
          font-weight: 700;
          margin-bottom: 16px;
        }

        .docai-chat-question span {
          width: 30px;
          height: 30px;
          border-radius: 50%;
          flex-shrink: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(245, 158, 11, .16);
          color: #fbbf24;
          font-size: 13px;
        }

        .docai-chat-answer {
          color: #dbe3f0;
          line-height: 1.85;
          font-size: 14px;
        }

        .docai-pres .mermaid {
          color: #f8fafc;
        }

        .docai-pres table,
        .docai-chat-result table {
          width: 100%;
          border-collapse: collapse;
          margin: 16px 0;
          font-size: 13px;
        }

        .docai-pres table th,
        .docai-chat-result table th {
          background: #1e293b;
          color: #93c5fd;
          padding: 10px 12px;
          text-align: left;
          font-weight: 700;
          border-bottom: 1px solid rgba(59, 130, 246, .3);
        }

        .docai-pres table td,
        .docai-chat-result table td {
          padding: 10px 12px;
          border-bottom: 1px solid rgba(255, 255, 255, .05);
          color: #dbe3f0;
          vertical-align: top;
        }

        .docai-pres pre,
        .docai-chat-result pre {
          background: #020617;
          border: 1px solid rgba(99, 102, 241, .14);
          border-radius: 16px;
          padding: 16px;
          overflow: auto;
        }

        @media (max-width: 980px) {
          .docai-control-hero {
            grid-template-columns: 1fr;
          }

          .docai-launch-panel {
            grid-template-columns: 1fr;
          }

          .docai-chat-inline {
            min-width: 0;
            flex-direction: column;
            align-items: stretch;
          }

          .docai-pres-main-title {
            font-size: 30px;
          }

          .docai-pres-section-title {
            font-size: 24px;
          }
        }

        @media (max-width: 720px) {
          .docai-workspace {
            padding: 14px;
          }

          .docai-control-hero {
            padding: 20px 14px;
          }

          .docai-pres-hero-inner {
            padding: 24px 18px 20px;
          }

          .docai-pres-main-title {
            font-size: 26px;
          }

          .docai-pres-facts {
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }

          .docai-ms-top {
            flex-direction: column;
            align-items: flex-start;
          }

          .docai-chat-result-head {
            flex-direction: column;
          }
        }