.social-share-buttons{margin-top:20px}.social-share-buttons h4{margin:0 0 15px;color:#333;font-size:16px}.share-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.share-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.share-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.share-btn-twitter:hover{border-color:#1da1f2;color:#1da1f2}.share-btn-linkedin:hover{border-color:#0077b5;color:#0077b5}.share-btn-instagram:hover{border-color:#e4405f;color:#e4405f}.share-btn-copy:hover{border-color:#667eea;color:#667eea}.share-btn svg{flex-shrink:0}.demo-workspace-container{min-height:100vh;background:radial-gradient(1200px 600px at 50% 0,rgba(238,247,251,.4),transparent 60%),linear-gradient(145deg,#f6f7ff,#eef3ff 34%,#fff);padding-bottom:80px}.demo-banner{position:fixed;top:0;left:0;right:0;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 1px 3px rgba(15,23,42,.06)}.demo-banner span{color:#64748b;font-size:14px;font-weight:500}.get-full-access-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 20px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(102,126,234,.2)}.get-full-access-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.demo-workspace-header{background:transparent;border-bottom:none;margin-top:60px}.workspace-info{max-width:1200px;margin:0 auto;padding:60px 24px 40px;text-align:center}.workspace-info h1{margin:0 0 12px;color:#0f172a;font-size:42px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.workspace-info p{margin:0;color:#64748b;font-size:16px;font-weight:400;line-height:1.5}.demo-message{max-width:1200px;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:500;margin:0 auto 24px}.demo-message-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.demo-message-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.demo-workspace-content{max-width:1200px;margin:0 auto;padding:0 24px}.demo-actions{margin-bottom:40px}.demo-limit-message{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:16px;padding:24px 32px;text-align:center;box-shadow:0 4px 16px rgba(251,191,36,.12),0 1px 4px rgba(251,191,36,.08);transition:all .2s cubic-bezier(.4,0,.2,1)}.demo-limit-message:hover{box-shadow:0 8px 24px rgba(251,191,36,.16),0 2px 8px rgba(251,191,36,.12)}.demo-limit-message p{margin:0 0 20px;color:#92400e;font-size:16px;font-weight:500;line-height:1.5}.demo-limit-message .btn{margin:0;width:auto;display:inline-block;padding:12px 32px;font-size:15px}.btn{padding:12px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.25),0 2px 4px rgba(102,126,234,.15)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.35),0 4px 8px rgba(102,126,234,.2)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:#667eea;border:2px solid #e2e8f0;box-shadow:0 1px 3px rgba(15,23,42,.06)}.btn-secondary:hover:not(:disabled){background:#f8faff;border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.12)}.btn-sm{padding:10px 20px;font-size:14px}.btn-block{width:100%;margin-top:0}.boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.board-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(15,23,42,.06),0 0 0 1px rgba(15,23,42,.04);border:1px solid #e2e8f0;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.board-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(37,99,235,.08),0 4px 8px rgba(15,23,42,.04);border-color:rgba(102,126,234,.2)}.board-card-header{padding:24px;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);min-height:80px;display:flex;align-items:center;position:relative}.board-card-header:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.1);pointer-events:none;border-radius:0}.board-card-header h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;z-index:1}.board-card-actions{padding:20px 24px;display:flex;gap:12px;background:#fff}.board-card-actions .btn{flex:1}.board-card-actions .btn:not(.btn-secondary){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.2)}.board-card-actions .btn:not(.btn-secondary):hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.board-card-actions .btn-secondary{background:#fff;color:#667eea;border:2px solid #e2e8f0}.board-card-actions .btn-secondary:hover{background:#f8faff;border-color:#667eea}.empty-state{text-align:center;padding:80px 20px;color:#64748b;font-size:16px;grid-column:1/-1}.empty-state p{margin:0;line-height:1.6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content{background:#fff;border-radius:20px;padding:40px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(15,23,42,.2),0 8px 24px rgba(15,23,42,.12)}.modal-content h2{margin:0 0 12px;color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.02em}.modal-content p{color:#64748b;margin-bottom:24px;font-size:15px;line-height:1.6}.ai-prompt-input{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:inherit;resize:vertical;margin-bottom:24px;box-sizing:border-box;color:#0f172a;transition:all .2s ease}.ai-prompt-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.share-url-container{display:flex;gap:12px;margin-bottom:24px}.share-url-input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;box-sizing:border-box;color:#0f172a;background:#f8fafc}.share-url-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.share-thumbnail-preview{margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.share-thumbnail-preview img{max-width:100%;height:auto;border-radius:8px}.demo-workspace-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(1200px 600px at 50% 0,rgba(238,247,251,.4),transparent 60%),linear-gradient(145deg,#f6f7ff,#eef3ff 34%,#fff)}.demo-workspace-loading p{color:#64748b;font-size:16px;font-weight:500}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.workspace-info{padding:40px 20px 32px}.workspace-info h1{font-size:32px}.workspace-info p{font-size:15px}.demo-workspace-content{padding:0 20px}.boards-grid{grid-template-columns:1fr;gap:20px}.demo-limit-message{padding:20px 24px}.demo-limit-message p{font-size:15px}.board-card-header{padding:20px;min-height:72px}.board-card-header h3{font-size:18px}.board-card-actions{padding:16px 20px;flex-direction:column}.board-card-actions .btn{width:100%}.modal-content{padding:32px 24px;border-radius:16px}.modal-content h2{font-size:24px}}@media (min-width:769px) and (max-width:1024px){.boards-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.board-card,.btn,.demo-limit-message{transition:none}.board-card:hover,.btn:hover{transform:none}}.board-card:focus-visible,.btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}