.cookie-banner-container{color:#f8fafc;z-index:9999;background-color:#0f172a;justify-content:center;align-items:center;padding:16px 20px;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 10px #00000026}.cookie-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1200px;display:flex}.cookie-content p{color:#cbd5e1;flex:1;margin:0;font-size:.9rem;line-height:1.5}.cookie-content a{color:#818cf8;text-decoration:underline}.cookie-buttons{gap:10px;display:flex}.btn-cookie-accept,.btn-cookie-decline{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background-color .2s}.btn-cookie-accept{color:#fff;background-color:#6366f1}.btn-cookie-accept:hover{background-color:#4f46e5}.btn-cookie-decline{color:#94a3b8;background-color:#0000;border:1px solid #475569}.btn-cookie-decline:hover{color:#fff;background-color:#1e293b}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=768px){.cookie-content{flex-direction:column;align-items:flex-start}.cookie-buttons{justify-content:flex-end;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f4f7fc;font-family:Inter,Arial,sans-serif}.header{color:#fff;background:linear-gradient(135deg,#2563eb,#6d69b4);justify-content:space-between;align-items:center;height:55px;padding:0 25px;display:flex;box-shadow:0 2px 10px #0000001a}.logo{color:#ffc107;letter-spacing:-.025em;font-family:Inter,Segoe UI,sans-serif;font-size:24px;font-weight:700}.logo span{color:#fff;font-weight:400}.logo .dotcom{color:#ffc107}.header nav{gap:25px;display:flex}.header nav a{color:#fff;font-weight:500;text-decoration:none;transition:all .3s}.header nav a:hover{opacity:.8}.login-btn{color:#1976d2;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.app-layout{box-sizing:border-box;width:100%;min-height:calc(100vh - 55px);display:flex;overflow-x:hidden}.sidebar-top{gap:10px;margin-top:20px;margin-left:3%}.saved-list{max-height:550px;margin-top:10px;padding-bottom:30%;font-size:14px;overflow-y:scroll}.saved-item{cursor:pointer;background:#f8fafc;border-radius:8px;padding:12px;transition:all .3s}.content{box-sizing:border-box;flex:1;min-width:0;padding:5px 15px;overflow-x:hidden}.top-actions{justify-content:center;gap:12px;margin-top:5px;margin-right:1%;display:flex}button{color:#fff;cursor:pointer;background:#6d69b4;border:none;border-radius:4px;padding:10px 8px;font-weight:600;transition:all .3s}button:hover{background:#6d69b4}.editor-layout{box-sizing:border-box;gap:10px;width:100%;display:flex}.editor-box{box-sizing:border-box;background:#fff;border:2px solid #e3f2fd;border-radius:5px;flex:1;min-width:0;overflow:hidden;box-shadow:0 4px 15px #00000014}.editor-box h3{color:#6d69b4;margin-bottom:15px}.editor-box:first-child{border:2px solid #42a5f5;box-shadow:0 0 0 4px #42a5f51a,0 6px 20px #42a5f526}.editor-box:last-child{border:2px solid #66bb6a;box-shadow:0 0 0 4px #66bb6a1a,0 6px 20px #66bb6a26}.button-area{white-space:nowrap;flex-direction:column;gap:12px;display:flex}.button-area button{width:100%;padding:10px 15px 10px 8px}.editor-wrapper,.editor-wrapper section,.editor-wrapper div[data-keybinding-context],.monaco-editor,.monaco-editor .overflow-guard{width:100%!important;max-width:100%!important}.auth-modal{width:450px;max-width:95%;padding:30px;position:relative}.auth-close-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;width:34px;height:34px;font-size:18px;position:absolute;top:12px;right:12px}.auth-close-btn:hover{background:#e2e8f0}.auth-header{text-align:center;margin-bottom:24px}.auth-header h2{color:#1e293b;margin-bottom:8px}.auth-header p{color:#64748b;font-size:14px}.auth-name-row{gap:10px;display:flex}.auth-input{border:1px solid #dbe2ea;border-radius:8px;width:100%;margin-bottom:12px;padding:12px;font-size:14px}.auth-input:focus{border-color:#6d69b4;outline:none;box-shadow:0 0 0 3px #6d69b426}.auth-submit-btn{width:100%;margin-top:8px;padding:12px;font-size:15px;font-weight:600}.auth-divider{text-align:center;margin:18px 0;position:relative}.auth-divider:before{content:"";background:#e5e7eb;width:100%;height:1px;position:absolute;top:50%;left:0}.auth-divider span{color:#64748b;background:#fff;padding:0 12px;font-size:13px;position:relative}.auth-switch-text{text-align:center;color:#64748b;font-size:14px}.auth-switch-link{color:#6d69b4;cursor:pointer;font-weight:600}.auth-switch-link:hover{text-decoration:underline}@media (width<=600px){.auth-name-row{flex-direction:column;gap:0}.auth-modal{width:95%;padding:20px}}.modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:450px;padding:25px;box-shadow:0 10px 30px #0003}.modal h2{margin-bottom:20px}.modal input,.modal textarea{border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:12px;padding:12px}.modal input:focus,.modal textarea:focus{border-color:#6d69b4;outline:none}.sortButton{margin-bottom:40px}@media (width<=1296px){.nav-item{padding:6px 5px!important;font-size:.75rem!important}}@media (width<=992px){.app-layout{flex-direction:column!important}.sidebar{border-bottom:1px solid #e2e8f0;overflow:hidden;border-right:none!important;width:100%!important;min-width:100%!important;height:auto!important;margin-bottom:0!important;position:relative!important;top:0!important}.sidebar-toggle-header{z-index:10;box-sizing:border-box;background:#fff;width:100%;position:sticky;top:0}.sidebar.collapsed{max-height:55px!important}.sidebar:not(.collapsed){max-height:50vh}.saved-list{max-height:calc(50vh - 55px);transition:all .3s ease-in-out;overflow-y:auto;margin-top:2px!important;padding-bottom:3%!important}.sidebar-section-header{margin-bottom:2px!important}.sidebar.collapsed .sidebar-toggle-header{justify-content:left!important;padding:12px!important}.content{width:100%!important;margin-top:0!important;padding:10px!important}.editor-layout{flex-direction:column}.button-area{flex-direction:row;justify-content:center;width:100%;margin:15px auto!important}.editor-box{width:100%}.header{flex-direction:column;gap:10px;height:auto;padding:15px}.header nav{flex-wrap:wrap;justify-content:center}.sortButton{margin-bottom:0!important}}.json-toolbar{background:#34495e;gap:4px;padding:5px;display:flex}.json-toolbar button:hover{background:#4f6478}.editor-title{color:#1e293b;background:#f8f9fa;padding:5px;font-weight:600}.monaco-editor{border:none!important}.editor-hint{color:#64748b;margin-right:2%;font-size:12px}.editor-hint.success{color:#16a34a}.editor-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.json-toolbar button{border:none;border-radius:6px;width:32px;height:32px;padding:0}.editor-wrapper{position:relative}.editor-placeholder{z-index:1;pointer-events:none;color:#94a3b8;font-family:Consolas,monospace;position:absolute;top:15px;left:40px}.sample-json pre{color:#94a3b8;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.json-stats{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;padding:8px 12px;font-size:12px;display:flex}.button-area{gap:8px;margin-top:55px}.editor-titles-row{justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.editor-title-section{flex:1;justify-content:space-between;align-items:center;padding-left:2%;display:flex}.editor-title-section:nth-child(2){margin-left:10%}.group-section{margin:5px 0 15px}.group-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.group-header label{color:#334155;font-size:14px;font-weight:600}.group-switch-btn{color:#4f46e5;cursor:pointer;background:#eef2ff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.group-switch-btn:hover{background:#dbeafe}.group-select,.group-input{background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:12px}.group-select:focus,.group-input:focus{border-color:#6d69b4;box-shadow:0 0 0 3px #6d69b426}.group-select{cursor:pointer}.group-box{margin-bottom:5px}.group-header{cursor:pointer;background:#c5c5c5;border-radius:5px;justify-content:space-between;align-items:center;padding:5px 10px;font-weight:600;display:flex}.group-header:hover{background:#c5c5fc}.saved-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;margin-top:5px;padding:5px 10px;display:flex}.saved-item.active{background-color:#84eab3}.saved-item:hover{background:#f8fafc}.saved-content{cursor:pointer;flex:1}.saved-content small{color:#64748b;font-size:11px;display:block}.menu-btn{color:#64748b;background:0 0;width:26px;height:26px;padding:0}.tooltip-menu{z-index:999;background:#fff;border-radius:8px;width:140px;position:absolute;top:36px;right:0;box-shadow:0 5px 20px #00000026}.tooltip-menu div{cursor:pointer;align-items:center;gap:8px;padding:10px;display:flex}.tooltip-menu div:hover{background:#f1f5f9}.share-modal{width:750px}.recommended{color:#2e7d32;margin-left:6px;font-size:13px;font-weight:600}.group-actions{align-items:center;gap:8px;height:26px;display:flex}.menu-wrapper{position:relative}.group-tooltip{z-index:99999;width:180px;position:absolute;top:34px;right:0}.share-icon{margin-bottom:10px;font-size:30px}.share-card h4{align-items:center;gap:8px;margin:0;font-size:17px}.recommended{color:#fff;background:#22c55e;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.share-card p{color:#666;min-height:42px;margin:10px 0 14px;font-size:13px}.permission-tags{flex-wrap:wrap;gap:6px;display:flex}.permission-tags span{color:#2563eb;background:#eef2ff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.share-options{align-items:stretch;gap:18px;margin-bottom:2%;display:flex}.share-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex-direction:column;flex:1;justify-content:flex-start;padding:20px;transition:all .25s}.share-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 22px #00000014}.share-card.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 8px 18px #2563eb2e}.share-card-title{align-items:center;gap:10px;margin:0 0 10px;font-size:16px;font-weight:600;line-height:1;display:flex}.share-icon{color:#2563eb;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.recommended{color:#fff;background:#16a34a;border-radius:20px;margin-left:auto;padding:4px 8px;font-size:11px}.share-card p{color:#666;min-height:46px;margin-bottom:18px;line-height:1.5}.permission-list{flex-direction:column;gap:10px;margin:auto 0 0;padding:0;list-style:none;display:flex}.permission-list li{align-items:center;gap:10px;font-size:14px;display:flex}.permission-list .ok{color:#16a34a;font-size:15px}.group-title{width:90%}.group-title svg{height:10px;margin-right:1%}.sidebar-section{margin:2% 0}.json-toolbar button.btn-right-align{margin-left:auto}.sidebar-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.add-group-btn{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:3px;justify-content:center;align-items:center;width:25px;height:25px;margin-right:1%;transition:all .2s;display:flex}.add-group-btn:hover{background:#1d4ed8;transform:scale(1.08)}.empty-group{text-align:center;color:#6b7280;background:#fafafa;border:1px dashed #d1d5db;border-radius:10px;margin:5px 0;padding:5px}.empty-icon{margin-bottom:8px;font-size:25px}.group-input{border:1px solid #ddd;border-radius:8px;width:100%;margin:20px 0;padding:12px;font-size:15px}.json-document-header{color:#fff;background:linear-gradient(135deg,#6d69b4,#6d69b4);border-radius:8px;align-items:center;gap:12px;margin:5px 0;padding:5px 10px;display:flex}.doc-icon{background:#ffffff26;border-radius:5px;justify-content:center;align-items:center;width:40px;height:40px;font-size:26px;display:flex}.share-json-modal{background:#fff;border-radius:12px;width:520px;max-width:95%;padding:24px}.share-json-modal h2{margin-bottom:20px}.form-group{margin-bottom:18px}.form-group label{margin-bottom:8px;font-weight:600;display:block}.form-group input,.form-group textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:14px}.required{color:#dc2626}.modal-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.json-document-header{justify-content:space-between;align-items:center;display:flex}.doc-icon{font-size:20px}.doc-title{font-size:18px;font-weight:600}.doc-subtitle{margin-top:3px;font-size:13px}.btn-primary{cursor:pointer;border:none;border-radius:8px;padding:10px 18px}.btn-secondary{cursor:pointer;background:#c7c7c7;border:none;border-radius:8px;padding:10px 18px}.doc-left{align-items:center;gap:14px;display:flex}.doc-close-btn{color:#6b7280;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:14px;transition:all .2s;display:flex}.doc-close-btn:hover{color:#fff;background:#ef4444}.group-permission{font-size:15px;display:inline-flex}.group-permission.public{color:#fef3c7}.group-permission.collaborative{color:#16a34a}.group-permission.private{color:#6b7280}.group-permission.owner{color:#d97706}.monaco-mouse-cursor-text{font-size:12px!important}.sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;width:240px;min-width:240px;height:calc(100vh - 55px);padding:3px 8px;transition:width .3s,min-width .3s;position:sticky;overflow-y:auto}.sidebar.collapsed{width:60px;min-width:60px}.sidebar-toggle-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:12px;display:flex}.sidebar.collapsed .sidebar-toggle-header{justify-content:center;padding:12px 0}.sidebar-toggle-btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;display:flex}.sidebar-toggle-btn:hover{background-color:#f1f5f9}.sidebar-main-title{color:#1e293b;margin:0;font-size:1.1rem;font-weight:600}.sidebar-collapsed-icons{flex-direction:column;align-items:center;padding-top:15px;display:flex}.collapsed-icon-item{cursor:pointer;color:#64748b;border-radius:6px;padding:10px;transition:background .2s}.collapsed-icon-item:hover{color:#2563eb;background-color:#f1f5f9}.seo-content-container{text-align:left;color:#334155;background:#fff;border-radius:10px;max-width:90%;margin:40px auto 10px;padding:30px;font-family:inherit;box-shadow:0 4px 20px #00000008}.seo-section{margin-bottom:35px}.seo-section h2{color:#0f172a;margin-bottom:15px;font-size:24px;font-weight:700}.seo-section h3{color:#1e293b;margin-bottom:15px;font-size:20px;font-weight:600}.seo-section p{color:#475569;margin-bottom:12px;font-size:15px;line-height:1.7}.seo-features-list{flex-direction:column;gap:10px;padding-left:20px;list-style-type:disc;display:flex}.seo-features-list li{color:#475569;font-size:15px;line-height:1.6}.seo-features-list strong{color:#0f172a}.faq-section{border-top:1px solid #e2e8f0;padding-top:25px}.faq-item{margin-bottom:20px}.faq-item h4{color:#1e293b;margin-bottom:6px;font-size:16px;font-weight:600}.faq-item p{color:#64748b;margin:0;font-size:14px}@media (width<=768px){.seo-content-container{max-width:100%;margin:20px 10px;padding:15px}.seo-section h2{font-size:20px}.seo-section h3{font-size:18px}}