.sandbox-workspace[data-v-e937582e]{background:radial-gradient(circle at 8% 8%,rgba(var(--color-primary),.16),transparent 44%),radial-gradient(circle at 92% 16%,rgba(var(--color-accent),.14),transparent 46%),rgb(var(--color-bg-primary));min-height:100vh;overflow-x:clip;padding:clamp(112px,12vw,140px) 0 28px;width:100%}.sandbox-workspace__container[data-v-e937582e]{display:grid;gap:14px;margin:0 auto;max-width:1680px;min-width:0;padding:0 1rem;width:100%}@media(min-width:640px){.sandbox-workspace__container[data-v-e937582e]{padding:0 1.5rem}}@media(min-width:1024px){.sandbox-workspace__container[data-v-e937582e]{padding:0 2rem}}.sandbox-workspace__actions[data-v-e937582e]{align-items:center;background:linear-gradient(145deg,rgba(var(--surface-panel-1),.9),rgba(var(--surface-panel-2),.78));border:1px solid rgba(var(--panel-border),.45);border-radius:.75rem;box-shadow:0 10px 26px rgba(var(--color-primary),.12),inset 0 1px rgba(var(--panel-border),.28);display:flex;gap:12px;justify-content:center;justify-self:center;padding:10px 12px;width:min(100%,980px)}@media(max-width:900px){.sandbox-workspace__actions[data-v-e937582e]{flex-wrap:wrap;justify-content:center;justify-self:center;row-gap:10px;width:min(100%,720px)}}@media(max-width:640px){.sandbox-workspace__actions[data-v-e937582e]{gap:8px;padding:10px;width:100%}}.sandbox-workspace__actions[data-v-e937582e] .checkbox{margin-right:0}.sandbox-workspace__actions-group[data-v-e937582e]{align-items:center;display:inline-flex;min-width:0}.sandbox-workspace__actions-group_layout[data-v-e937582e] .select{min-width:68px;width:68px}.sandbox-workspace__actions-group_layout[data-v-e937582e] .select__label{display:none}.sandbox-workspace__actions-group_layout[data-v-e937582e] .select__control{gap:6px;justify-content:center;padding:8px 10px}.sandbox-workspace__actions-group_layout[data-v-e937582e] .select__value{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center}.sandbox-workspace__actions-group_layout[data-v-e937582e] .select__value-content{justify-content:center;width:16px}.sandbox-workspace__actions-group_layout[data-v-e937582e] .select__dropdown{left:50%;min-width:68px;padding:6px;right:auto;transform:translate(-50%);width:68px}.sandbox-workspace__actions-group_layout[data-v-e937582e] .select__option{justify-content:center;padding:9px 8px}.sandbox-workspace__actions-group_layout[data-v-e937582e] .select__option-content{justify-content:center;width:100%}.sandbox-workspace__actions-group_buttons[data-v-e937582e]{flex-wrap:wrap;gap:8px;justify-content:center}.sandbox-workspace__actions-group_toggle[data-v-e937582e] .checkbox__label{font-weight:600}.sandbox-workspace__layout-control[data-v-e937582e]{min-width:280px}@media(max-width:900px){.sandbox-workspace__layout-control[data-v-e937582e]{flex:1 1 100%;min-width:0}}.sandbox-workspace__grid[data-v-e937582e]{align-items:stretch;display:grid;gap:12px;grid-template-areas:"editor preview";grid-template-columns:1.1fr 1fr;min-width:0;width:100%}@media(max-width:1180px){.sandbox-workspace__grid[data-v-e937582e]{grid-template-areas:"editor" "preview";grid-template-columns:1fr}}.sandbox-workspace__grid-wrap[data-v-e937582e]{min-width:0;position:relative}.sandbox-workspace__owner[data-v-e937582e]{align-items:center;background:linear-gradient(160deg,rgba(var(--surface-panel-1),.92),rgba(var(--surface-panel-2),.82));border:1px solid rgba(var(--panel-border),.44);border-radius:.75rem;box-shadow:0 10px 30px rgba(var(--color-primary),.1),inset 0 1px rgba(var(--panel-border),.22);display:grid;gap:12px;grid-template-columns:auto 1fr;justify-self:center;padding:12px 14px;width:min(100%,980px)}@media(max-width:900px){.sandbox-workspace__owner[data-v-e937582e]{width:min(100%,720px)}}@media(max-width:640px){.sandbox-workspace__owner[data-v-e937582e]{gap:10px;padding:10px 12px;width:100%}}.sandbox-workspace__owner-avatar-wrap[data-v-e937582e]{border:1px solid rgba(var(--panel-border),.5);border-radius:50%;box-shadow:0 8px 20px rgba(var(--color-primary),.14);flex:0 0 auto;height:46px;overflow:hidden;width:46px}.sandbox-workspace__owner-avatar-image[data-v-e937582e],.sandbox-workspace__owner-avatar-placeholder[data-v-e937582e]{display:grid;height:100%;place-items:center;width:100%}.sandbox-workspace__owner-avatar-image[data-v-e937582e]{-o-object-fit:cover;object-fit:cover}.sandbox-workspace__owner-avatar-placeholder[data-v-e937582e]{background:linear-gradient(145deg,rgba(var(--color-primary),.34),rgba(var(--color-accent),.24));color:rgb(var(--color-text-primary));font-size:14px;font-weight:800;letter-spacing:.04em}.sandbox-workspace__owner-body[data-v-e937582e]{min-width:0}.sandbox-workspace__owner-label[data-v-e937582e]{color:rgb(var(--color-text-secondary));font-size:11px;font-weight:700;letter-spacing:.08em;margin:0;opacity:.86;text-transform:uppercase}.sandbox-workspace__owner-name[data-v-e937582e]{color:rgb(var(--color-text-primary));font-size:clamp(15px,1.6vw,17px);font-weight:800;line-height:1.25}.sandbox-workspace__owner-email[data-v-e937582e],.sandbox-workspace__owner-name[data-v-e937582e]{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sandbox-workspace__owner-email[data-v-e937582e]{color:rgb(var(--color-text-secondary));font-size:13px;line-height:1.3}.sandbox-workspace__guest-hint[data-v-e937582e]{align-items:center;background:rgba(var(--surface-panel-2),.72);border:1px solid rgba(var(--panel-border),.42);border-radius:.75rem;display:flex;gap:12px;justify-content:space-between;justify-self:center;padding:10px 12px;width:min(100%,980px)}@media(max-width:900px){.sandbox-workspace__guest-hint[data-v-e937582e]{width:min(100%,720px)}}@media(max-width:640px){.sandbox-workspace__guest-hint[data-v-e937582e]{align-items:flex-start;flex-direction:column;width:100%}}.sandbox-workspace__guest-hint-body[data-v-e937582e]{min-width:0}.sandbox-workspace__guest-hint-title[data-v-e937582e]{color:rgb(var(--color-text-primary));font-size:13px;font-weight:700;margin:0}.sandbox-workspace__guest-hint-text[data-v-e937582e]{color:rgb(var(--color-text-secondary));font-size:13px;line-height:1.45;margin:3px 0 0}.sandbox-workspace__comments[data-v-e937582e]{border:1px solid rgba(var(--panel-border),.38);display:grid;gap:12px;justify-self:center;width:min(100%,980px)}@media(max-width:900px){.sandbox-workspace__comments[data-v-e937582e]{width:min(100%,720px)}}@media(max-width:640px){.sandbox-workspace__comments[data-v-e937582e]{width:100%}}.sandbox-workspace__comments-head[data-v-e937582e]{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:2px 4px 4px}.sandbox-workspace__comments-head h3[data-v-e937582e]{color:rgb(var(--color-text-primary));font-size:18px;margin:0}.sandbox-workspace__comments-head span[data-v-e937582e]{background:rgba(var(--color-primary),.24);border:1px solid rgba(var(--panel-border),.5);border-radius:999px;color:rgb(var(--color-text-primary));display:grid;font-size:13px;font-weight:700;height:30px;min-width:30px;place-items:center}.sandbox-workspace__comments-form[data-v-e937582e]{align-items:start;display:grid;gap:12px}.sandbox-workspace__comments-input[data-v-e937582e]{display:block;position:relative;z-index:0}.sandbox-workspace__comments-input[data-v-e937582e] .rich-editor{display:grid;gap:8px;min-width:0}.sandbox-workspace__comments-input[data-v-e937582e] .ql-editor{min-height:104px}.sandbox-workspace__comments-actions[data-v-e937582e]{display:flex;justify-content:flex-end;margin-top:2px;padding:4px 4px 0;position:relative;z-index:1}.sandbox-workspace__comments-auth[data-v-e937582e]{align-items:center;background:rgba(var(--surface-panel-2),.7);border:1px solid rgba(var(--panel-border),.4);border-radius:.5rem;display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.sandbox-workspace__comments-auth p[data-v-e937582e]{color:rgb(var(--color-text-secondary));line-height:1.5;margin:0}@media(max-width:640px){.sandbox-workspace__comments-auth[data-v-e937582e]{align-items:flex-start;flex-direction:column}}.sandbox-workspace__comments-muted[data-v-e937582e]{color:rgb(var(--color-text-secondary));line-height:1.55;margin:0}.sandbox-workspace__comments-list[data-v-e937582e]{display:grid;gap:10px}.sandbox-workspace__comment[data-v-e937582e]{background:rgba(var(--surface-panel-2),.66);border:1px solid rgba(var(--panel-border),.34);border-radius:.5rem;display:grid;gap:10px;grid-template-columns:auto 1fr;padding:10px 12px}.sandbox-workspace__comment-avatar-wrap[data-v-e937582e]{border:1px solid rgba(var(--panel-border),.48);border-radius:50%;height:36px;overflow:hidden;width:36px}.sandbox-workspace__comment-avatar-image[data-v-e937582e],.sandbox-workspace__comment-avatar-placeholder[data-v-e937582e]{display:grid;height:100%;place-items:center;width:100%}.sandbox-workspace__comment-avatar-image[data-v-e937582e]{-o-object-fit:cover;object-fit:cover}.sandbox-workspace__comment-avatar-placeholder[data-v-e937582e]{background:linear-gradient(145deg,rgba(var(--color-primary),.34),rgba(var(--color-accent),.24));color:rgb(var(--color-text-primary));font-size:11px;font-weight:800}.sandbox-workspace__comment-body[data-v-e937582e]{min-width:0}.sandbox-workspace__comment-content[data-v-e937582e]{color:rgb(var(--color-text-primary));line-height:1.6;margin:6px 0 0;word-break:break-word}.sandbox-workspace__comment-content[data-v-e937582e] p{margin:0 0 6px}.sandbox-workspace__comment-content[data-v-e937582e] p:last-child{margin-bottom:0}.sandbox-workspace__comment-content[data-v-e937582e] ol,.sandbox-workspace__comment-content[data-v-e937582e] ul{margin:0;padding-left:20px}.sandbox-workspace__comment-content[data-v-e937582e] pre{background:rgba(var(--surface-panel-2),.82);border:1px solid rgba(var(--panel-border),.4);border-radius:.375rem;margin:6px 0;overflow-x:auto;padding:8px}.sandbox-workspace__comment-meta[data-v-e937582e]{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sandbox-workspace__comment-meta strong[data-v-e937582e]{color:rgb(var(--color-text-primary));font-size:14px}.sandbox-workspace__comment-meta span[data-v-e937582e]{color:rgb(var(--color-text-secondary));font-size:12px}.sandbox-workspace__comment-actions[data-v-e937582e]{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sandbox-workspace__modal-actions[data-v-e937582e]{display:flex;gap:8px;justify-content:flex-end}.sandbox-workspace__grid_code-left[data-v-e937582e]{grid-template-areas:"editor preview";grid-template-columns:1.1fr 1fr}.sandbox-workspace__grid_preview-left[data-v-e937582e]{grid-template-areas:"preview editor";grid-template-columns:1fr 1.1fr}.sandbox-workspace__grid_code-top[data-v-e937582e]{grid-template-areas:"editor" "preview";grid-template-columns:1fr}.sandbox-workspace__grid_preview-top[data-v-e937582e]{grid-template-areas:"preview" "editor";grid-template-columns:1fr}.sandbox-workspace__editor-card[data-v-e937582e],.sandbox-workspace__preview-card[data-v-e937582e]{border:1px solid rgba(var(--panel-border),.38);min-width:0}.sandbox-workspace__editor-card h2[data-v-e937582e],.sandbox-workspace__preview-card h2[data-v-e937582e]{color:rgb(var(--color-text-primary));font-size:18px;font-weight:700;margin:0}.sandbox-workspace__editor-card[data-v-e937582e]{grid-area:editor}.sandbox-workspace__preview-card[data-v-e937582e]{grid-area:preview}.sandbox-workspace__editor-header[data-v-e937582e]{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.sandbox-workspace__tabs[data-v-e937582e]{align-items:center;background:rgba(var(--panel-border),.2);border:1px solid rgba(var(--panel-border),.4);border-radius:.5rem;display:inline-flex;flex-wrap:wrap;gap:6px;max-width:100%;padding:4px}.sandbox-workspace__tab[data-v-e937582e]{background:transparent;border:0;border-radius:.375rem;color:rgb(var(--color-text-secondary));cursor:pointer;font-size:13px;font-weight:700;line-height:1;padding:7px 12px;transition:background .18s ease,color .18s ease}.sandbox-workspace__tab[data-v-e937582e]:hover{background:rgba(var(--color-primary),.18);color:rgb(var(--color-text-primary))}.sandbox-workspace__tab--active[data-v-e937582e]{background:rgba(var(--color-primary),.3);color:rgb(var(--color-text-primary))}.sandbox-workspace__preview[data-v-e937582e]{background:#fff;border:1px solid rgba(var(--panel-border),.35);border-radius:.5rem;height:100%;min-height:0;width:100%}.sandbox-workspace__preview-pane[data-v-e937582e]{display:grid;grid-template-rows:minmax(180px,1fr) 14px minmax(120px,170px);height:76vh;min-height:76vh}.sandbox-workspace__preview-pane_resizing .sandbox-workspace__preview[data-v-e937582e]{pointer-events:none}.sandbox-workspace__preview-resizer[data-v-e937582e]{cursor:row-resize;display:grid;place-items:center;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sandbox-workspace__preview-resizer[data-v-e937582e]:before{background:rgba(var(--panel-border),.26);border-radius:999px;content:"";inset:6px 0;position:absolute}.sandbox-workspace__preview-resizer[data-v-e937582e]:hover:before,.sandbox-workspace__preview-resizer_dragging[data-v-e937582e]:before{background:rgba(var(--color-primary),.4)}.sandbox-workspace__preview-resizer-grip[data-v-e937582e]{background:rgba(var(--surface-panel-1),.94);border-radius:999px;box-shadow:0 0 0 1px rgba(var(--panel-border),.34);height:4px;position:relative;width:56px;z-index:1}.sandbox-workspace__console[data-v-e937582e]{background:linear-gradient(180deg,#0b1220,#0a0f1a);border:1px solid rgba(var(--panel-border),.35);border-radius:.5rem;min-height:0;overflow:auto;padding:10px 12px}.sandbox-workspace__console-top[data-v-e937582e]{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.sandbox-workspace__console-top h3[data-v-e937582e]{color:#e2e8f0;font-size:13px;font-weight:700;margin:0}.sandbox-workspace__runtime-error[data-v-e937582e]{color:#fecaca;font-size:12px;line-height:1.45;margin:0 0 8px}.sandbox-workspace__line[data-v-e937582e]{color:#d1d5db;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.45;margin:0 0 5px;word-break:break-word}.sandbox-workspace__line_warn[data-v-e937582e]{color:#fde68a}.sandbox-workspace__line_error[data-v-e937582e]{color:#fca5a5}.sandbox-workspace__empty-console[data-v-e937582e]{color:#94a3b8;font-size:12px;line-height:1.45;margin:0}.sandbox-workspace__auth-overlay[data-v-e937582e]{background:rgba(var(--color-bg-primary),.72);border-radius:.75rem;display:grid;inset:0;padding:16px;place-items:center;position:absolute;z-index:3}.sandbox-workspace__auth-card[data-v-e937582e]{background:rgba(var(--surface-panel-1),.95);border:1px solid rgba(var(--panel-border),.46);border-radius:.75rem;box-shadow:0 12px 34px #0000003d;color:rgb(var(--color-text-primary));display:grid;gap:10px;justify-items:center;padding:20px;text-align:center;width:min(560px,100%)}.sandbox-workspace__auth-card h3[data-v-e937582e]{font-size:clamp(20px,2.4vw,26px);line-height:1.25;margin:0}.sandbox-workspace__auth-card p[data-v-e937582e]{color:rgb(var(--color-text-secondary));line-height:1.65;margin:0;max-width:46ch}.sandbox-workspace__auth-card[data-v-e937582e] .icon{color:rgb(var(--color-text-primary));opacity:.9}.sandbox-workspace__ai-trigger[data-v-e937582e]{background:linear-gradient(145deg,rgba(var(--color-primary),.88),rgba(var(--color-accent),.82));border:1px solid rgba(var(--panel-border),.52);border-radius:999px;box-shadow:0 10px 24px rgba(var(--color-primary),.3);color:#fff;cursor:pointer;display:grid;height:30px;place-items:center;position:absolute;transition:transform .16s ease,box-shadow .16s ease;width:30px;z-index:20}.sandbox-workspace__ai-trigger[data-v-e937582e]:hover{box-shadow:0 12px 28px rgba(var(--color-primary),.35);transform:translateY(-1px)}.sandbox-workspace__ai-modal[data-v-e937582e]{display:grid;gap:10px}.sandbox-workspace__ai-lock[data-v-e937582e]{color:#fca5a5;font-size:13px;line-height:1.5;margin:0}.sandbox-workspace__ai-result[data-v-e937582e]{background:rgba(var(--surface-panel-2),.76);border:1px solid rgba(var(--panel-border),.4);border-radius:.5rem;max-height:260px;overflow:auto;padding:10px 12px}.sandbox-workspace__ai-result h4[data-v-e937582e]{color:rgb(var(--color-text-primary));font-size:13px;font-weight:700;margin:0 0 8px}.sandbox-workspace__ai-result-empty[data-v-e937582e],.sandbox-workspace__ai-result-error[data-v-e937582e],.sandbox-workspace__ai-result-text[data-v-e937582e]{font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.55;margin:0;white-space:pre-wrap;word-break:break-word}.sandbox-workspace__ai-result-text[data-v-e937582e]{color:rgb(var(--color-text-primary))}.sandbox-workspace__ai-result-empty[data-v-e937582e]{color:rgb(var(--color-text-secondary))}.sandbox-workspace__ai-result-error[data-v-e937582e]{color:#fca5a5}.sandbox-workspace__seo[data-v-e937582e]{margin-top:10px}.sandbox-workspace__seo-card[data-v-e937582e]{border:1px solid rgba(var(--panel-border),.34)}.sandbox-workspace__seo-card h2[data-v-e937582e]{color:rgb(var(--color-text-primary));font-size:clamp(24px,3vw,34px);line-height:1.22;margin:0 0 14px}.sandbox-workspace__seo-card h3[data-v-e937582e]{color:rgb(var(--color-text-primary));font-size:clamp(18px,2.5vw,24px);line-height:1.3;margin:18px 0 10px}.sandbox-workspace__seo-card p[data-v-e937582e]{color:rgb(var(--color-text-secondary));font-size:15px;line-height:1.75;margin:0 0 10px}.sandbox-workspace__seo-list[data-v-e937582e]{display:grid;gap:8px;list-style:none;margin:0;padding:0}.sandbox-workspace__seo-list li[data-v-e937582e]{color:rgb(var(--color-text-secondary));font-size:15px;line-height:1.6;padding-left:22px;position:relative}.sandbox-workspace__seo-list li[data-v-e937582e]:before{color:rgb(var(--color-primary));content:"-";font-weight:700;left:8px;position:absolute;top:0}.sandbox-workspace__seo-faq[data-v-e937582e]{display:grid;gap:8px}.sandbox-workspace__seo-faq-item[data-v-e937582e]{background:rgba(var(--surface-panel-2),.62);border:1px solid rgba(var(--panel-border),.32);border-radius:.5rem;padding:10px 12px}.sandbox-workspace__seo-faq-item summary[data-v-e937582e]{color:rgb(var(--color-text-primary));cursor:pointer;font-weight:700;line-height:1.4}.sandbox-workspace__seo-faq-item p[data-v-e937582e]{color:rgb(var(--color-text-secondary));font-size:14px;line-height:1.7;margin:10px 0 2px}@media(max-width:768px){.sandbox-workspace[data-v-e937582e]{padding-top:clamp(128px,22vw,170px)}}@media(max-width:640px){.sandbox-workspace__container[data-v-e937582e]{padding:0 .5rem}.sandbox-workspace__actions[data-v-e937582e]{align-items:stretch}.sandbox-workspace__actions-group[data-v-e937582e]{justify-content:center;width:100%}.sandbox-workspace__actions-group_buttons[data-v-e937582e]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.sandbox-workspace__actions-group_buttons[data-v-e937582e] .button{min-width:0;width:100%}.sandbox-workspace__editor-header[data-v-e937582e]{align-items:stretch}.sandbox-workspace__tabs[data-v-e937582e]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.sandbox-workspace__tab[data-v-e937582e]{min-width:0;padding-inline:8px;width:100%}.sandbox-workspace__preview[data-v-e937582e]{min-height:54vh}}@media(max-width:420px){.sandbox-workspace__grid[data-v-e937582e],.sandbox-workspace__grid_code-left[data-v-e937582e],.sandbox-workspace__grid_code-top[data-v-e937582e],.sandbox-workspace__grid_preview-left[data-v-e937582e],.sandbox-workspace__grid_preview-top[data-v-e937582e]{grid-template-areas:"editor" "preview";grid-template-columns:1fr}.sandbox-workspace__tabs[data-v-e937582e]{grid-template-columns:repeat(2,minmax(0,1fr))}.sandbox-workspace__tab[data-v-e937582e]{line-height:1.15;min-height:38px;text-align:center;white-space:normal}.sandbox-workspace__preview-pane[data-v-e937582e]{gap:10px;grid-template-rows:minmax(220px,42vh) minmax(160px,auto);height:auto;min-height:auto}.sandbox-workspace__preview-resizer[data-v-e937582e]{display:none}}