:root{--background:#f8f9fa;--card-bg:#ffffff;--text-primary:#1a202c;--text-secondary:#4a5568;--border-color:#e2e8f0;--primary:#9c27b0;--primary-light:#ce93d8;--primary-dark:#7b1fa2;--secondary:#00bfa5;--hover-bg:#f1f1f1;--code-bg:rgba(0,0,0,0.05);--table-header-bg:#f3f4f6;--table-row-bg:#ffffff;--table-row-alt-bg:#f9fafb;--success-bg:#f0fff4;--success-border:#c6f6d5;--success-text:#2e7d32;--info-bg:#ebf8ff;--info-border:#bee3f8;--info-text:#1565c0}@media(prefers-color-scheme:dark){:root{--background:#121212;--card-bg:#1e1e1e;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--border-color:#333333;--primary:#ce93d8;--primary-light:#9c27b0;--primary-dark:#7b1fa2;--secondary:#64ffda;--hover-bg:#2d2d2d;--code-bg:rgba(255,255,255,0.1);--table-header-bg:#1a1a1a;--table-row-bg:#1e1e1e;--table-row-alt-bg:#252525;--success-bg:#1c3832;--success-border:#2f6e4a;--success-text:#a5d6a7;--info-bg:#1a3c61;--info-border:#2c5282;--info-text:#90caf9}}.sandbox-container{background-color:var(--background);color:var(--text-primary)}.sandbox-container .sandbox-nav{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px rgba(0,0,0,.05)}.sandbox-container .sandbox-nav .sandbox-container{max-width:1280px;margin:0 auto;padding:0 1rem}.sandbox-container .sandbox-nav .sandbox-nav-inner{display:flex;justify-content:space-between;align-items:center;height:4rem}.sandbox-container .sandbox-nav .sandbox-nav-inner .sandbox-logo{display:flex;align-items:center;font-weight:700;font-size:1.25rem;color:var(--primary)}.sandbox-container .sandbox-nav .sandbox-nav-inner .sandbox-links{display:flex;align-items:center;flex:1 1;justify-content:center}@media(max-width:768px){.sandbox-container .sandbox-nav .sandbox-nav-inner .sandbox-links{display:none}}.sandbox-container .sandbox-nav .sandbox-nav-inner .sandbox-links .sandbox-link{display:inline-flex;align-items:center;padding:.5rem .75rem;margin:0 .25rem;font-size:.875rem;font-weight:500;color:var(--text-primary);border-radius:.375rem}.sandbox-container .sandbox-nav .sandbox-nav-inner .sandbox-links .sandbox-link:hover{background-color:var(--hover-bg);text-decoration:none}.sandbox-container .sandbox-nav .sandbox-nav-inner .sandbox-links .sandbox-link.active{color:var(--primary);background-color:var(--hover-bg);font-weight:600}.sandbox-container .sandbox-nav .sandbox-nav-inner .sandbox-auth{display:flex;align-items:center;margin-left:auto}@media(max-width:768px){.sandbox-container .sandbox-nav .sandbox-nav-inner .sandbox-auth{margin-left:1rem}}.sandbox-container .sandbox-main{padding:2.5rem 0}.sandbox-container .sandbox-main .sandbox-content{max-width:1280px;margin:0 auto;padding:0 1rem}.sandbox-container .sandbox-card{background-color:var(--card-bg);border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1.5rem}.sandbox-container .sandbox-card .sandbox-card-body{padding:1.25rem}.sandbox-container .sandbox-card .sandbox-card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.sandbox-container .sandbox-card .sandbox-card-text{color:var(--text-secondary);margin-bottom:.5rem}.sandbox-container .sandbox-card .sandbox-card-divider{border-top:1px solid var(--border-color);margin:1rem 0}.sandbox-container .sandbox-form{margin:1.5rem 0}.sandbox-container .sandbox-form .sandbox-form-group{margin-bottom:1rem}.sandbox-container .sandbox-form .sandbox-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.sandbox-container .sandbox-form .sandbox-input-wrapper{margin-top:.25rem}.sandbox-container .sandbox-form .sandbox-input{display:block;width:100%;padding:.5rem;font-size:.875rem;line-height:1.5;color:var(--text-primary);background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.375rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.sandbox-container .sandbox-form .sandbox-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(156,39,176,.25)}.sandbox-container .sandbox-form .sandbox-button{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background-color:var(--primary);border:none;border-radius:.375rem;box-shadow:0 1px 2px rgba(0,0,0,.05);cursor:pointer}.sandbox-container .sandbox-form .sandbox-button:hover{background-color:var(--primary-dark)}.sandbox-container .sandbox-form .sandbox-button:focus{outline:none;box-shadow:0 0 0 2px rgba(156,39,176,.25)}.sandbox-container .sandbox-message{margin-top:1rem;padding:1rem;border-radius:.375rem}.sandbox-container .sandbox-message p{margin:0}.sandbox-container .sandbox-message.sandbox-message-success{background-color:var(--success-bg);border:1px solid var(--success-border)}.sandbox-container .sandbox-message.sandbox-message-success p{color:var(--success-text)}.sandbox-container .sandbox-message.sandbox-message-info{background-color:var(--info-bg);border:1px solid var(--info-border)}.sandbox-container .sandbox-message.sandbox-message-info p{color:var(--info-text)}.sandbox-container .sandbox-image-container{position:relative;height:16rem;width:100%;overflow:hidden;border-radius:.5rem .5rem 0 0}.sandbox-container .sandbox-image{object-fit:cover}.sandbox-container .table-wrapper{overflow-x:auto;margin:1rem 0;border-radius:.375rem;border:1px solid var(--border-color)}.sandbox-container .sandbox-table{width:100%;border-collapse:collapse}.sandbox-container .sandbox-table th{background-color:var(--table-header-bg);text-align:left;font-weight:600;color:var(--text-primary)}.sandbox-container .sandbox-table td,.sandbox-container .sandbox-table th{padding:.75rem 1rem;font-size:.875rem;border-bottom:1px solid var(--border-color)}.sandbox-container .sandbox-table td{color:var(--text-secondary)}.sandbox-container .sandbox-table td:first-child{font-weight:500;color:var(--text-primary)}.sandbox-container .sandbox-table tr{background-color:var(--table-row-bg)}.sandbox-container .sandbox-table tr:nth-child(2n){background-color:var(--table-row-alt-bg)}.sandbox-container .sandbox-table tr:last-child td{border-bottom:none}.sandbox-container .sandbox-code{display:block;padding:1rem;margin:1rem 0;background-color:var(--code-bg);border-radius:.375rem;overflow-x:auto;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;color:var(--text-primary)}.sandbox-container .sandbox-list{list-style-type:disc;padding-left:1.5rem;margin:1rem 0}.sandbox-container .sandbox-list li{margin-bottom:.5rem;color:var(--text-secondary)}.sandbox-container .sandbox-list li strong{color:var(--primary);font-weight:600}.sandbox-container h1,.sandbox-container h2,.sandbox-container h3,.sandbox-container h4,.sandbox-container h5,.sandbox-container h6{color:var(--text-primary)}.sandbox-container li,.sandbox-container p{color:var(--text-secondary)}.sandbox-container a{color:var(--primary);text-decoration:none}.sandbox-container a:hover{text-decoration:underline}.sandbox-container code{background:var(--code-bg);padding:.125rem .25rem;border-radius:.25rem;font-family:monospace;color:var(--text-primary)}.sandbox-container button,.sandbox-container input,.sandbox-container select,.sandbox-container textarea{font-family:inherit}.sandbox-container button{cursor:pointer;padding:.5rem 1rem;background-color:var(--primary);color:#fff;border:none;border-radius:.375rem;font-weight:500}.sandbox-container button:hover{background-color:var(--primary-dark)}.sandbox-container input,.sandbox-container textarea{padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:var(--card-bg);color:var(--text-primary)}.sandbox-container input:focus,.sandbox-container textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(156,39,176,.2)}.sandbox-container .grid{display:grid;grid-gap:1.5rem}.sandbox-container .grid.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.sandbox-container .grid.grid-cols-2{grid-template-columns:1fr}}