:root{--surface-page: #f4f6f8;--surface-blue: #f1f6fb;--surface-teal: #f1f8f6;--surface-amber: #faf7ef;--surface-neutral: #f7f8fa;--line-soft: #d5dee8;--accent-blue-muted: #3d6588;--accent-teal-muted: #3d746d;--accent-amber-muted: #876f3b}*{box-sizing:border-box;margin:0;padding:0}html{background-color:#f6f7f9}body{font-family:NanumSquareRound,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f6f7f9;color:#1f2937;height:100vh;height:100dvh;overflow:hidden;font-size:15px;line-height:1.5}button,input,select{font-family:inherit;font-size:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.hidden{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:8px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;gap:8px;min-width:0;max-width:100%;line-height:1.35;text-align:center;white-space:normal}.btn:disabled,button:disabled{opacity:.48;cursor:not-allowed}.btn:disabled:hover{filter:none}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#fff;border-color:#d1d5db;color:#374151}.btn-secondary:hover{background-color:#cbd5e1}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-primary:disabled:hover{background-color:#2563eb}.btn-secondary:disabled:hover{background-color:#fff}.btn-danger:disabled:hover{background-color:#ef4444}.btn-sm{padding:6px 12px;font-size:13px;border-radius:8px}.help-button{display:none!important}.help-button:hover{border-color:#2563eb;background-color:#eff6ff}.dashboard-container{max-width:920px;margin:0 auto;padding:64px 24px 32px;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.dashboard-container>*{flex-shrink:0}.site-header{position:relative;display:flex;flex-direction:column;gap:8px;min-height:38px;margin-bottom:16px;padding:6px 0}.site-brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;color:#0f172a;font-size:16px;font-weight:800;text-decoration:none;align-self:flex-start}.site-brand img{width:34px;height:34px}.site-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%;padding-top:2px;padding-bottom:2px}.site-nav>a,.site-nav>button{flex:0 0 auto}.site-nav a,.footer-link{color:#334155;font-size:13px;font-weight:700;text-decoration:none}.site-nav a{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px 6px;border-bottom:3px solid transparent;border-radius:4px;white-space:nowrap}.site-nav a:hover,.footer-link:hover{color:#1d4ed8}.site-nav a:hover{background:#f8fafc}.site-nav .site-nav-download{border:1px solid #93c5fd;background:#eff6ff;color:#1d4ed8}.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:28px;color:#0f172a;margin-bottom:6px}.dashboard-header p{color:#6b7280;font-size:15px}.dashboard-help-stack{display:grid;gap:12px;margin:18px 0 28px}.dashboard-disclosure{overflow:hidden;border:1px solid #dbe5f0;border-radius:12px;background:#fff;box-shadow:0 3px 10px #0f172a0a}.dashboard-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none}.dashboard-disclosure>summary::-webkit-details-marker{display:none}.dashboard-disclosure>summary:hover{background:#f8fafc}.dashboard-disclosure>summary:focus-visible{outline:3px solid #2563eb;outline-offset:-3px}.dashboard-disclosure-copy{min-width:0}.dashboard-disclosure-title{display:block;color:#0f172a;font-size:16px;font-weight:700}.dashboard-disclosure-description{display:block;margin-top:5px;color:#64748b;font-size:13px;line-height:1.5}.dashboard-disclosure-toggle{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:#2563eb;font-size:12px;font-weight:800}.dashboard-disclosure-chevron{display:inline-block;font-size:18px;line-height:1;transition:transform .18s ease}.dashboard-disclosure[open] .dashboard-disclosure-chevron{transform:rotate(180deg)}.dashboard-disclosure[open] .dashboard-disclosure-toggle .ko,.dashboard-disclosure[open] .dashboard-disclosure-toggle .en{font-size:0}.dashboard-disclosure[open] .dashboard-disclosure-toggle .ko:after{content:"접기";font-size:12px}body.lang-en .dashboard-disclosure[open] .dashboard-disclosure-toggle .en:after{content:"Hide details";font-size:12px}.device-capability-panel{margin:0}.device-capability-content{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:18px;padding:0 18px 18px}.device-capability-heading{display:grid;align-content:start;gap:8px;min-width:0}.device-capability-heading>span{width:fit-content;max-width:100%;padding:3px 7px;border-radius:6px;background:#e0f2fe;color:#0369a1;font-size:11px;font-weight:800}.device-capability-heading p{margin:7px 0 0;color:#64748b;font-size:12px;line-height:1.55}.device-capability-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.device-capability-list>div{display:grid;align-content:center;gap:4px;min-height:68px;padding:10px 11px 10px 30px;border:1px solid #dbe3ef;border-radius:7px;background:#f8fafc;position:relative}.device-capability-list>div:before{position:absolute;top:14px;left:11px;width:10px;height:10px;border-radius:50%;background:#64748b;content:""}.device-capability-list>div[data-state=available]:before{background:#16a34a}.device-capability-list>div[data-state=limited]:before{background:#ea580c}.device-capability-list>div[data-state=unavailable]:before{background:#dc2626}.device-capability-list strong{color:#334155;font-size:12px}.device-capability-list span{color:#64748b;font-size:11px;line-height:1.4}.mobile-web-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-4px 0 20px;padding:12px 2px;border-top:1px solid #dbe3ef;border-bottom:1px solid #dbe3ef}.mobile-web-status-copy{display:flex;align-items:center;gap:10px;min-width:0}.mobile-web-status-mark{display:inline-flex;flex:0 0 38px;align-items:center;justify-content:center;width:38px;height:38px;border-radius:7px;background:#e0f2fe;color:#0369a1;font-size:10px;font-weight:900}.mobile-web-status-copy div{min-width:0}.mobile-web-status-copy strong{display:block;color:#0f172a;font-size:13px}.mobile-web-status-copy p{margin-top:2px;color:#64748b;font-size:12px;line-height:1.45}.mobile-web-status .btn{flex:0 0 auto;min-height:42px}.network-status{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:9000;width:min(calc(100% - 24px),620px);padding:10px 14px;transform:translate(-50%);border:1px solid #fdba74;border-radius:7px;background:#fff7ed;box-shadow:0 10px 24px #0f172a29;color:#9a3412;font-size:12px;font-weight:750;line-height:1.45;text-align:center}.network-status[data-state=online]{border-color:#86efac;background:#f0fdf4;color:#166534}body.mobile-preview-open .network-status{display:none!important}.project-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:28px}.project-action-card{display:flex;flex-direction:column;align-items:flex-start;min-height:390px;padding:22px;border:1px solid #d1d5db;border-radius:8px;background:#fff}.project-action-new{border-color:#93c5fd;box-shadow:inset 0 3px #2563eb}.hero-icon{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;margin-bottom:12px;border-radius:6px;background-color:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:700;letter-spacing:0}.hero-icon-neutral{background:#f1f5f9;color:#475569}.project-action-card h2{font-size:20px;color:#0f172a;margin-bottom:6px}.project-action-card>p{color:#6b7280;margin-bottom:14px;font-size:14px}.project-action-steps{width:100%;display:grid;gap:8px;margin:4px 0 16px;list-style:none}.project-action-steps li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;color:#475569;font-size:13px;font-weight:700}.project-action-steps b{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#dbeafe;color:#1d4ed8;font-size:12px}.project-action-card .project-location-note{margin-top:auto;margin-bottom:12px;padding-left:10px;border-left:3px solid #60a5fa;color:#475569;font-size:12px;font-weight:700}.existing-project-example{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0 20px;padding-top:14px;border-top:1px solid #e2e8f0}.existing-project-example strong{grid-column:1 / -1;color:#334155;font-size:12px}.existing-project-example span{overflow:hidden;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.project-action-button{width:100%;min-height:42px;margin-top:auto}.learning-band{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin:0 -24px;padding:22px 24px;border-top:1px solid #a7f3d0;border-bottom:1px solid #a7f3d0;background:#ecfdf5}.learning-band-label{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:6px;background:#d1fae5;color:#047857;font-size:11px;font-weight:800}.learning-band h2{margin:5px 0 4px;color:#0f172a;font-size:18px}.learning-band p{max-width:620px;color:#475569;font-size:14px}.learning-band-button{flex:0 0 auto;border-color:#6ee7b7;color:#047857;text-decoration:none}.learning-band-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.learning-band-actions .btn-primary{border-color:#047857;background:#047857;color:#fff}.app-download-band{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin:0 -24px 28px;padding:22px 24px;border-top:1px solid #bfdbfe;border-bottom:1px solid #bfdbfe;background:#eff6ff}.app-download-copy{min-width:0}.app-download-label,.download-eyebrow,.platform-name{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:6px;background:#dbeafe;color:#1d4ed8;font-size:11px;font-weight:800}.app-download-band h2{margin:5px 0 4px;color:#0f172a;font-size:18px}.app-download-band p{max-width:620px;color:#475569;font-size:14px}.app-download-link{flex:0 0 auto;border-color:#93c5fd;color:#1d4ed8;text-decoration:none}.desktop-launcher-panel{background-color:#fff;border:1px solid #c7d2fe;border-radius:8px;padding:18px;margin-bottom:24px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.desktop-launcher-copy h2{font-size:18px;color:#0f172a;margin-bottom:4px}.desktop-launcher-copy p{color:#475569;font-size:14px}.desktop-launcher-copy code{padding:2px 5px;border-radius:5px;background-color:#eef2ff;color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.desktop-launcher-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.desktop-launcher-status{grid-column:1 / -1;display:grid;grid-template-columns:1fr minmax(260px,360px);gap:10px;align-items:center;padding-top:12px;border-top:1px solid #e5e7eb;color:#475569;font-size:13px}.native-server-url{border:1px solid #d1d5db;background-color:#f8fafc;color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;padding:8px 10px;border-radius:8px}.section-title{font-size:15px;font-weight:700;color:#374151;margin-bottom:10px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:24px;overflow-y:auto;flex:1 0 170px}.project-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;display:flex;flex-direction:column;transition:border-color .2s}.project-card:hover{border-color:#9ca3af}.project-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.folder-icon{font-size:11px;font-weight:800;letter-spacing:0}.project-card-title{font-weight:700;font-size:16px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-meta{font-size:12px;color:#94a3b8;margin-bottom:16px}.project-card-actions{margin-top:auto;display:flex;justify-content:flex-start;gap:8px}.project-card-actions .btn-open{flex:1;background-color:#0284c7;color:#fff}.project-card-actions .btn-delete{background-color:#fee2e2;color:#ef4444}.project-card-actions .btn-delete:hover{background-color:#fecaca}.empty-recent{grid-column:1 / -1;text-align:center;padding:40px;color:#94a3b8;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;overflow-y:auto}.modal-box{background-color:#fff;padding:32px;border-radius:8px;max-width:480px;width:90%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 25px -5px #00000026;text-align:center;scrollbar-gutter:stable}.help-modal-overlay{z-index:8000}.help-modal-box{max-width:620px;text-align:left}.help-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.help-modal-header h2{font-size:22px;color:#0f172a}.help-eyebrow,.guide-eyebrow{margin:0 0 4px!important;color:#2563eb!important;font-size:12px!important;font-weight:800}.help-close-button{border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;padding:6px 10px;cursor:pointer;font-weight:700}.help-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}.project-file-tree{min-width:0;display:grid;align-content:start;gap:4px;padding:13px 14px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc;color:#334155;text-align:left}.project-tree-root,.project-tree-row code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.project-tree-root{color:#0f172a;font-size:13px;line-height:1.45}.project-tree-row{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 6px;font-size:12px;line-height:1.45}.project-tree-row>span:first-child{width:18px;flex:0 0 18px;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.project-tree-row code{min-width:0;color:#334155;font-size:inherit;font-weight:800;overflow-wrap:anywhere}.project-tree-row small{min-width:0;margin-left:auto;color:#64748b;font-size:10px;line-height:1.4;text-align:right}.project-tree-depth-2{padding-left:22px}.project-tree-optional code{color:#475569}.help-project-tree{margin-bottom:18px}.help-steps{display:flex;flex-direction:column;gap:10px;padding-left:22px;color:#374151;font-size:15px}.help-action-guide,.help-version-guide,.help-file-guide{margin-bottom:18px}.help-action-guide h3,.help-version-guide h3,.help-file-guide h3{margin-bottom:10px;color:#0f172a;font-size:16px}.help-action-list{display:grid;gap:0;padding:0;list-style:none;border-top:1px solid #dbe3ef;border-bottom:1px solid #dbe3ef}.help-action-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid #eef2f7}.help-action-list li:last-child{border-bottom:0}.help-action-list>li>span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#2563eb;color:#fff;font-size:12px;font-weight:800}.help-action-list strong{color:#0f172a;font-size:14px}.help-action-list p{margin:2px 0 0!important;color:#64748b!important;font-size:13px!important;line-height:1.45}.help-version-guide{padding:14px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc}.help-version-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:8px 0;color:#475569;font-size:13px}.help-version-row+.help-version-row{border-top:1px solid #e2e8f0}.help-version-row strong{color:#0f172a}.help-steps code,.help-tip code,.help-faq code{padding:2px 5px;border-radius:5px;background-color:#eef2ff;color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.help-faq{margin-top:18px;padding-top:16px;border-top:1px solid #e2e8f0;display:grid;gap:10px}.help-faq h3{margin-bottom:10px;color:#0f172a;font-size:16px}.help-faq-item{display:grid;gap:8px;padding:12px;border:1px solid #dbe3ef;border-radius:8px;background-color:#f8fafc;color:#374151;font-size:14px}.help-faq-question{color:#0f172a;font-weight:800}.help-tip{margin:18px 0;padding:12px;border-radius:8px;background-color:#eff6ff;color:#1e3a8a;font-weight:700}.help-confirm-button{width:100%}.modal-box h3{font-size:20px;color:#0f172a;margin-bottom:12px}.modal-box p{font-size:14px;color:#64748b;margin-bottom:24px}.modal-steps{text-align:left;background-color:#f8fafc;padding:16px 20px;border-radius:8px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.m-step{font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px}.m-step span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#2563eb;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.modal-actions .btn{min-width:150px}.desktop-app-mobile-modal-box{max-width:520px;text-align:left}.desktop-app-mobile-label{display:block;margin-bottom:8px;color:#1d4ed8;font-size:12px;font-weight:800}.desktop-app-mobile-modal-box h2{margin:0 0 10px;color:#0f172a;font-size:22px;line-height:1.35}.desktop-app-mobile-modal-box>p{margin-bottom:18px;line-height:1.65}.desktop-app-mobile-support{display:grid;margin-bottom:20px;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}.desktop-app-mobile-support span{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:10px 2px;color:#475569;font-size:13px;line-height:1.5}.desktop-app-mobile-support span+span{border-top:1px solid #e2e8f0}.desktop-app-mobile-support strong{color:#0f172a}.desktop-app-mobile-actions{justify-content:flex-start}.desktop-app-mobile-actions a{text-decoration:none}.folder-check-modal{max-width:560px;text-align:left}.folder-check-status{margin-bottom:12px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:800}.folder-check-status.ready{background-color:#ecfdf5;color:#047857}.folder-check-status.warning{background-color:#fff7ed;color:#c2410c}.folder-check-list{max-height:260px;overflow:auto;margin:0 0 18px;padding:0;list-style:none;border:1px solid #dbe3ef;border-radius:8px}.folder-check-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid #eef2f7;color:#334155;font-size:13px}.folder-check-list li:last-child{border-bottom:0}.folder-check-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-project-modal,.new-project-location-modal,.project-created-modal{max-width:560px;text-align:left}.wizard-step-label,.project-created-mark{display:inline-flex;align-items:center;min-height:24px;margin-bottom:10px;padding:3px 8px;border-radius:6px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:800}.project-name-field{display:grid;gap:7px;color:#334155;font-size:13px;font-weight:800}.project-name-field input{width:100%;min-height:44px;padding:9px 12px;border:1px solid #94a3b8;border-radius:8px;background:#fff;color:#0f172a;font-size:15px}.project-name-field input[aria-invalid=true]{border-color:#ef4444;background:#fff7f7}.modal-box .project-name-error{min-height:20px;margin:5px 0 8px;color:#b91c1c;font-size:12px;font-weight:700}.project-location-preview,.project-created-location{display:grid;gap:3px;margin-bottom:18px;padding:11px 12px;border-left:3px solid #60a5fa;background:#f8fafc}.project-location-preview span,.project-created-location span{color:#64748b;font-size:11px;font-weight:800}.project-location-preview strong,.project-created-location strong{overflow-wrap:anywhere;color:#334155;font-size:13px}.new-project-modal-actions{justify-content:flex-end}.location-safety-note{margin-bottom:20px;padding:10px 12px;border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;color:#166534;font-size:12px;font-weight:700}.project-created-mark{background:#dcfce7;color:#15803d}.project-created-files{display:grid;gap:6px;margin:0 0 18px;padding:0;list-style:none}.project-created-files li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid #e2e8f0}.browser-project-warning,.browser-import-limit,.guide-device-limit{border:1px solid #fdba74;border-radius:8px;background:#fff7ed;color:#9a3412}.browser-project-warning{margin:12px 0;padding:10px 12px;font-size:12px;line-height:1.55}.browser-import-limit{display:grid;grid-template-columns:70px minmax(0,1fr);gap:7px 10px;margin:14px 0;padding:12px;font-size:12px;line-height:1.5}.browser-import-limit strong{color:#9a3412}.browser-import-limit span{color:#7c2d12}.project-created-files strong{color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.project-created-files span{color:#64748b;font-size:12px}.project-created-confirm{width:100%}.starter-choice-modal{max-width:720px;text-align:left}.starter-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.starter-choice{width:100%;min-height:300px;display:flex;flex-direction:column;gap:9px;padding:14px;border:1px solid #dbe3ef;border-radius:8px;background-color:#fff;color:#334155;text-align:left;cursor:pointer}.starter-choice:hover{border-color:#2563eb;background-color:#f8fbff}.starter-choice.recommended{border-color:#2563eb;box-shadow:inset 0 0 0 1px #2563eb}.starter-choice-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.starter-choice-head strong{color:#0f172a;font-size:16px}.starter-choice-head em{flex:0 0 auto;padding:3px 7px;border-radius:999px;background-color:#eff6ff;color:#1d4ed8;font-size:11px;font-style:normal;font-weight:800}.starter-choice-summary{color:#0f172a;font-weight:800}.starter-choice-detail{color:#64748b;font-size:13px}.starter-project-tree{margin-top:auto;padding:10px 11px}.starter-cancel-button{width:100%}.workspace-container{display:flex;flex-direction:column;height:100vh;height:100dvh}.workspace-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:8px 16px 9px 60px;display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));grid-template-areas:"primary-nav primary-nav" "project status";align-items:center;gap:8px 12px;min-height:96px;flex-shrink:0}.workspace-primary-nav{grid-area:primary-nav;display:flex;align-items:center;gap:2px;min-width:0;overflow-x:auto;padding-bottom:6px;border-bottom:1px solid #e2e8f0;scrollbar-width:thin}.workspace-primary-nav a,.workspace-primary-nav button{display:inline-flex;flex:0 0 auto;align-items:center;min-height:32px;padding:6px 9px 5px;border:0;border-bottom:3px solid transparent;border-radius:4px;background:transparent;color:#475569;font:inherit;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer}.workspace-primary-nav a:hover,.workspace-primary-nav button:hover{background:#f8fafc;color:#1d4ed8}.workspace-primary-nav .workspace-nav-current{border-bottom-color:#2563eb;background:#eff6ff;color:#1d4ed8}.header-left{grid-area:project;display:flex;align-items:center;gap:8px;min-width:0}.workspace-project-label{flex:0 0 auto;color:#64748b;font-size:11px;font-weight:700;white-space:nowrap}.project-badge-title{font-size:15px;font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-mode-badge{flex:0 1 auto;min-width:0;padding:3px 7px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;color:#475569;font-size:10px;font-weight:800;line-height:1.3;white-space:normal}.project-mode-badge[data-mode=native]{border-color:#86efac;background:#f0fdf4;color:#15803d}.project-mode-badge[data-mode=folder]{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.project-mode-badge[data-mode=browser]{border-color:#fdba74;background:#fff7ed;color:#c2410c}.project-mode-container{display:inline-flex;align-items:center;gap:6px;position:relative}.project-mode-help{position:relative;display:inline-flex;align-items:center}.btn-help-icon{background:transparent;border:0;padding:2px 4px;font-size:12px;cursor:pointer;opacity:.75;transition:opacity .15s ease}.btn-help-icon:hover{opacity:1}.project-mode-help-tooltip{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;width:max-content;max-width:360px;padding:10px 14px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 10px 25px #0f172a33;color:#334155;font-size:11px;line-height:1.55;display:none!important;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;transform:translateY(-4px)}.project-mode-help-tooltip.active,.project-mode-help:hover .project-mode-help-tooltip{display:block!important;opacity:1;pointer-events:auto;transform:translateY(0)}.workspace-panel-dock{display:none!important}.mobile-workspace-nav{display:none;flex-shrink:0;padding:4px 8px;background:#f1f5f9;border-bottom:1px solid #cbd5e1}.mobile-workspace-nav button{min-width:0;min-height:38px;border:0;border-radius:6px;background:transparent;color:#475569;font:inherit;font-size:13px;font-weight:800;transition:all .15s ease}.mobile-workspace-nav button:first-child{border-radius:6px}.mobile-workspace-nav button:last-child{border-radius:6px}.mobile-workspace-nav button.active{border-color:#2563eb;background:#2563eb;color:#fff;box-shadow:0 2px 5px #2563eb4d}.mobile-preview-toolbar{display:none}.header-right{grid-area:status;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-badge{display:inline-flex;align-items:center;gap:6px;max-width:230px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600}.status-badge.green{background-color:#dcfce7;color:#15803d}.status-badge.blue{background-color:#dbeafe;color:#1d4ed8}.status-badge.red{background-color:#fee2e2;color:#b91c1c}.status-badge.orange{background-color:#ffedd5;color:#c2410c}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.green{background-color:#16a34a}.status-dot.blue{background-color:#2563eb}.status-dot.red{background-color:#dc2626}.status-dot.orange{background-color:#ea580c}.workspace-main{display:flex;flex:1;overflow:hidden;min-height:0}.workspace-sidebar{width:240px;min-width:0;max-width:none;background-color:#fff;border-right:1px solid #cbd5e1;display:flex;flex-direction:column;flex-shrink:0;overflow-x:hidden;overflow-y:auto;transition:width .15s ease,opacity .15s ease}.workspace-sidebar.collapsed{flex:0 0 0px!important;width:0px!important;min-width:0px!important;max-width:0px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;border-right:0!important}.workspace-sidebar.collapsed .sidebar-section{padding:6px;border-bottom:0}.workspace-sidebar.collapsed .sidebar-section>:not(.sidebar-header-row),.workspace-sidebar.collapsed .sidebar-heading-copy,.workspace-sidebar.collapsed .backup-panel,.workspace-sidebar.collapsed .submit-guide{display:none}.workspace-sidebar.collapsed .sidebar-header-row{display:block;margin:0}.workspace-sidebar.collapsed .panel-collapse-button{width:100%;min-height:92px;padding:8px 4px;line-height:1.35;white-space:normal}.sidebar-section{padding:16px;border-bottom:1px solid #e2e8f0}.sidebar-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;margin-bottom:14px}.sidebar-heading-copy{min-width:0;display:grid;gap:3px}.sidebar-header-row h3{font-size:14px;font-weight:700;color:#475569;padding-top:2px}.file-sidebar-hint{color:#64748b;font-size:12px;line-height:1.45}.file-create-group,.file-manage-group{display:grid;gap:7px}.file-action-heading-row{min-width:0;display:grid;gap:3px}.file-action-heading-row strong{display:block;min-width:0;overflow:hidden;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.file-create-group{margin-bottom:14px}.file-manage-group{margin-top:14px;padding-top:12px;border-top:1px solid #e2e8f0}.file-action-heading{color:#64748b;font-size:11px;font-weight:800}.file-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.file-actions .btn{width:100%;min-height:30px;white-space:normal;line-height:1.2}.file-selection-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.file-selection-actions .btn{width:100%;min-height:30px;white-space:normal;line-height:1.2}.file-selection-actions #btn-delete-file{border-color:#fecaca;color:#b91c1c}.file-selection-actions #btn-delete-file:hover{border-color:#fca5a5;background:#fff1f2}.file-tree{overflow-y:auto;max-height:min(36vh,320px);display:flex;flex-direction:column;gap:6px}.file-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:#334155;cursor:pointer;font-size:14px;font-family:inherit;text-align:left;transition:background-color .15s,border-color .15s}.file-item:hover{background-color:#f1f5f9;border-color:#dbe3ef}.file-item.active{background-color:#e0f2fe;border-color:#38bdf8;color:#0369a1;font-weight:700}.file-icon{flex:0 0 auto;min-width:42px;padding:4px 6px;border-radius:6px;background-color:#e2e8f0;color:#475569;font-size:11px;font-weight:800;text-align:center}.file-item.active .file-icon{background-color:#0284c7;color:#fff}.file-name-wrap{min-width:0;display:grid;gap:2px;flex:1}.file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-current{color:#0284c7;font-size:11px;font-weight:700}.file-extension-row{display:flex;align-items:center;gap:5px;color:#64748b;font-size:11px;font-weight:700}.file-extension-badge{flex:0 0 auto;display:inline-flex;align-items:center;min-height:18px;padding:2px 6px;border-radius:6px;background-color:#f1f5f9;border:1px solid #dbe3ef;color:#334155;font-size:11px;font-weight:800}.empty-file-tree{display:grid;gap:10px;padding:12px;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:13px;line-height:1.45}.backup-panel{padding:14px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.backup-panel h3{font-size:14px;font-weight:800;color:#334155;margin-bottom:10px}.backup-controls{display:flex;flex-wrap:wrap;gap:6px}.backup-slot-select{min-height:30px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;font:inherit;font-size:12px;padding:0 8px}.backup-status{margin-top:8px;color:#64748b;font-size:12px;line-height:1.45}.submit-guide{padding:16px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc;color:#64748b;font-size:13px;line-height:1.5}.submit-guide h3{margin:0 0 8px;font-size:14px;color:#334155}.submit-guide p{margin:0 0 8px}.submit-guide p:last-child{margin-bottom:0}.submit-guide b{color:#0f172a}.workspace-content-area{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.workspace-columns{flex:1;min-width:0;height:100%;display:flex;flex-direction:row;overflow:hidden;position:relative}.workspace-resizer{position:relative;z-index:30;background-color:#cbd5e1;transition:background-color .2s ease,box-shadow .2s ease;user-select:none;-webkit-user-select:none;touch-action:none;flex:0 0 auto}.workspace-resizer.resizer-horizontal{width:8px;margin:0 -4px;cursor:col-resize;height:100%}.workspace-resizer.resizer-vertical{height:8px;margin:-4px 0;cursor:row-resize;width:100%}.workspace-resizer:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#94a3b8;border-radius:4px;transition:background-color .2s ease,transform .2s ease,width .2s ease,height .2s ease}.workspace-resizer.resizer-horizontal:after{width:4px;height:28px}.workspace-resizer.resizer-vertical:after{width:28px;height:4px}.workspace-resizer:hover,.workspace-resizer.dragging{background-color:#0284c7!important;box-shadow:0 0 10px #0284c7b3}.workspace-resizer:hover:after,.workspace-resizer.dragging:after{background-color:#fff!important}.workspace-resizer.resizer-horizontal:hover:after,.workspace-resizer.resizer-horizontal.dragging:after{width:5px;height:36px}.workspace-resizer.resizer-vertical:hover:after,.workspace-resizer.resizer-vertical.dragging:after{width:36px;height:5px}body.resizing-active,body.resizing-active *{user-select:none!important;-webkit-user-select:none!important;cursor:col-resize!important;transition:none!important}body.resizing-active-vertical,body.resizing-active-vertical *{user-select:none!important;-webkit-user-select:none!important;cursor:row-resize!important;transition:none!important}.workspace-sidebar.dragging,.workspace-right.dragging,.console-panel.dragging{transition:none!important}.workspace-center{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;background-color:#fff;border-right:1px solid #cbd5e1;position:relative}.editor-tabs-bar{background-color:#f8fafc;min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 10px;border-bottom:1px solid #cbd5e1}.editor-tab-indicator{background-color:#fff;color:#0f172a;font-size:13px;font-weight:700;padding:6px 12px;border-radius:6px;border:1px solid #cbd5e1;display:flex;align-items:center;gap:8px;min-width:0;max-width:min(520px,48vw)}.editor-tab-label{flex:0 0 auto;color:#64748b;font-size:11px;font-weight:700}#active-tab-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-container-wrapper{flex:1;width:100%;height:100%;min-height:0;position:relative;background-color:#fff}.monaco-editor-host{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;background-color:#fff!important}.image-preview-host{width:100%;height:100%;background-color:#2b2b2b;display:flex;align-items:center;justify-content:center;color:#fff}.image-viewer{text-align:center;max-width:90%}.image-viewer img{max-width:100%;max-height:70vh;border:4px solid white;border-radius:8px;box-shadow:0 10px 15px #0000004d}.image-viewer audio,.image-viewer video{display:block;width:min(100%,560px);max-height:70vh;margin:0 auto}.asset-viewer-message{max-width:460px;color:#cbd5e1;font-size:14px;line-height:1.65}.image-viewer-title{margin-bottom:15px;font-weight:700;font-size:16px;color:#cbd5e1}.workspace-right{width:460px;min-width:380px;max-width:1280px;background-color:#eef2f7;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .24s ease,min-width .24s ease,max-width .24s ease,opacity .18s ease}.workspace-right.collapsed{width:64px!important;min-width:64px!important;max-width:64px!important;opacity:1;pointer-events:auto}.preview-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid #cbd5e1;background:#f8fafc}.preview-header-actions{display:flex;align-items:center;gap:6px}.preview-settings-dropdown{position:relative}.preview-settings-summary{display:inline-flex;align-items:center;gap:4px;list-style:none;cursor:pointer;white-space:nowrap}.preview-settings-summary::-webkit-details-marker{display:none}.preview-settings-menu-card{position:absolute;z-index:100;top:calc(100% + 8px);right:0;width:290px;padding:14px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 12px 36px #0f172a33;display:flex;flex-direction:column;gap:12px}.preview-menu-section{display:flex;flex-direction:column;gap:8px}.preview-menu-title{font-size:12px;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:4px}.preview-preset-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.preview-preset-buttons .btn{padding:6px 4px;font-size:11px;font-weight:750;text-align:center}.preview-preset-buttons .btn.active,.preview-preset-buttons .btn[aria-pressed=true]{background-color:#0284c7;border-color:#0284c7;color:#fff}.preview-size-inputs{display:flex;align-items:center;gap:6px;background-color:#f8fafc;padding:8px;border:1px solid #e2e8f0;border-radius:8px}.preview-num-input{flex:1;width:100%;min-width:0;height:32px;padding:0 8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f172a;font-size:12px;font-weight:700;text-align:center}.preview-num-input:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 2px #0284c733}.size-separator{color:#64748b;font-weight:800}.preview-menu-action-btn{width:100%;text-align:left;padding:8px 10px;border-radius:6px;border:1px solid #cbd5e1;background:#f8fafc;color:#1e293b;font-size:12px;font-weight:750;cursor:pointer;transition:all .15s ease}.preview-menu-action-btn:hover{background:#e0f2fe;border-color:#38bdf8;color:#0369a1}.preview-power-control{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:12px;font-weight:750}.preview-menu-divider{height:1px;background-color:#e2e8f0;margin:0}.preview-panel-heading strong{flex:0 0 auto!important;white-space:nowrap!important;color:#0f172a;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:6px}#preview-address{flex:1;min-width:0;max-width:220px;height:28px;padding:2px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#475569;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-right.collapsed>:not(.preview-panel-heading){display:none!important}.workspace-right.collapsed .preview-panel-heading{height:100%;padding:6px;border-bottom:0}.workspace-right.collapsed .preview-panel-heading strong{display:none}.workspace-right.collapsed .panel-collapse-button{width:100%;min-height:108px;padding:8px 4px;line-height:1.35;white-space:normal}body.mobile-preview-open{overflow:hidden}.workspace-right.mobile-preview-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;grid-template-rows:auto minmax(0,1fr);width:100%!important;min-width:0!important;max-width:none!important;height:100vh!important;height:100dvh!important;min-height:0!important;max-height:none!important;overflow:hidden;border:0;background:#fff;opacity:1;pointer-events:auto;transition:none}.workspace-right.mobile-preview-fullscreen .mobile-preview-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:64px;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));border-bottom:1px solid #cbd5e1;background:#fff}.mobile-preview-title{min-width:0;text-align:center}.mobile-preview-title strong,.mobile-preview-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-preview-title strong{color:#0f172a;font-size:14px}.mobile-preview-title span{margin-top:2px;color:#9a3412;font-size:10px;font-weight:700}.workspace-right.preview-fullscreen-mode{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:999999!important;background:#fff!important;display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important}.workspace-right.preview-fullscreen-mode .preview-viewport-section,.workspace-right.preview-fullscreen-mode .preview-frame-shell,.workspace-right.preview-fullscreen-mode iframe{width:100%!important;height:100%!important;flex:1 1 100%!important;min-height:0!important;max-width:none!important;max-height:none!important;border-radius:0!important;border:0!important}.workspace-right.mobile-preview-fullscreen>.server-control-panel,.workspace-right.mobile-preview-fullscreen>.fairy-box,.workspace-right.mobile-preview-fullscreen>.console-panel,.workspace-right.mobile-preview-fullscreen .preview-heading,.workspace-right.mobile-preview-fullscreen .preview-size-controls,.workspace-right.mobile-preview-fullscreen .preview-resize-handle{display:none}.workspace-right.mobile-preview-fullscreen .preview-viewport-section{width:100%;min-width:0;min-height:0;padding:0;overflow:hidden;align-items:stretch}.workspace-right.mobile-preview-fullscreen .preview-frame-shell{width:100%!important;height:100%!important;min-width:0;min-height:0;border:0;border-radius:0;box-shadow:none;overflow:hidden}.workspace-right.mobile-preview-fullscreen .preview-frame-shell iframe{border-radius:0}.server-control-panel{background-color:#fff;padding:12px 16px;border-bottom:1px solid #d1d5db;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px}.preview-power-control{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;color:#475569;font-size:12px;font-weight:800;white-space:nowrap}.server-info{display:flex;align-items:center;gap:10px;min-width:0}.server-label{font-weight:700;font-size:14px;color:#1e293b;white-space:nowrap}.preview-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#2563eb}input:checked+.slider:before{transform:translate(24px)}.preview-viewport-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:14px 16px 20px;overflow:auto;--preview-width: 360px;--preview-height: 520px}.preview-heading{width:100%;max-width:1200px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;color:#334155;font-size:13px}.preview-heading>div{min-width:0}.preview-heading strong{display:block;color:#0f172a;font-size:15px;margin-bottom:2px}.preview-heading span{color:#64748b}.preview-size-controls{width:100%;max-width:1200px;display:grid;grid-template-columns:1fr minmax(120px,1fr) minmax(120px,1fr) auto;align-items:center;gap:10px;padding:10px;margin-bottom:12px;background:#fff;border:1px solid #d1d5db;border-radius:8px}.preview-preset-buttons{display:flex;gap:6px;flex-wrap:wrap}.preview-preset-buttons .btn.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.preview-size-controls label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;color:#475569;font-size:12px;white-space:nowrap}.preview-size-controls input{width:100%}.preview-size-controls output{color:#0f172a;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap}.preview-address-bar{width:100%;max-width:320px;background:#fff;border:1px solid #cbd5e1;border-radius:20px;display:flex;align-items:center;padding:4px 12px;margin-bottom:12px;gap:8px}.preview-address-bar input{border:none;background:none;outline:none;font-size:11px;color:#64748b;flex:1;text-align:center}.btn-refresh{border:none;background:none;cursor:pointer;font-size:12px}.preview-frame-shell{width:var(--preview-width);height:var(--preview-height);background-color:#fff;border-radius:8px;border:1px solid #94a3b8;box-shadow:0 12px 24px #0f172a24;overflow:visible;position:relative;flex-shrink:0}.preview-frame-shell iframe{width:100%;height:100%;border:0;border-radius:7px;background:#fff;display:block}.basic-code-editor-wrap{position:relative;display:flex;width:100%;height:100%;background-color:#fff;border:1px solid #cbd5e1;overflow:hidden;font-family:Consolas,Fira Code,Monaco,Courier New,monospace}.basic-code-editor-gutter{flex:0 0 46px;width:46px;background-color:#f1f5f9;border-right:1.5px solid #cbd5e1;color:#475569;text-align:right;padding:14px 8px 14px 0;-webkit-user-select:none;user-select:none;font-family:Consolas,Fira Code,Monaco,Courier New,monospace;box-sizing:border-box;overflow:hidden}.basic-code-editor-gutter div{height:22.4px;line-height:22.4px;color:#475569;font-weight:700;font-size:13.5px}.basic-code-editor{flex:1;width:100%;height:100%;display:block;resize:none;border:0;outline:none;background:#fff;color:#0f172a;padding:14px 16px;font-family:Consolas,Fira Code,Monaco,Courier New,monospace;font-size:14px;line-height:22.4px;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto;box-sizing:border-box}.basic-code-editor:read-only{background:#f8fafc;color:#64748b}body.dark-mode .basic-code-editor-wrap{background-color:#0f172a;border-color:#334155}body.dark-mode .basic-code-editor-gutter{background-color:#1e293b;border-right-color:#334155;color:#94a3b8}body.dark-mode .basic-code-editor-gutter div{color:#94a3b8}body.dark-mode .basic-code-editor{background-color:#0f172a;color:#f8fafc}.basic-code-editor-wrap.wrap-enabled .basic-code-editor{white-space:pre-wrap;word-break:break-all}.preview-resize-handle{display:none!important}.fairy-box{background-color:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:12px 16px;margin:0 16px 12px;display:flex;align-items:flex-start;gap:12px}.fairy-content{flex:1;font-size:13px;color:#713f12}.console-panel{height:220px;background-color:#0f172a;border-top:2px solid #cbd5e1;display:flex;flex-direction:column;flex-shrink:0}.console-header{background-color:#1e293b;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;border-bottom:1px solid #334155}.console-title-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.console-title{color:#e2e8f0;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px}.console-error-count{padding:2px 7px;border:1px solid #475569;border-radius:999px;color:#cbd5e1;font-size:10px;font-weight:800;white-space:nowrap}.console-error-count.has-errors{border-color:#f87171;background:#7f1d1d;color:#fee2e2}.console-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.btn-console-action,.console-action-btn{min-height:30px;padding:5px 10px;border:1px solid #475569;border-radius:6px;background:#0f172a;color:#cbd5e1;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-console-action:hover,.console-action-btn:hover{border-color:#94a3b8;background:#334155;color:#fff}.console-settings-dropdown{position:relative}.console-settings-summary{display:flex;align-items:center;gap:4px;list-style:none;background-color:#0f172a;border:1px solid #475569;color:#cbd5e1;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap;transition:all .15s ease}.console-settings-summary:hover{background-color:#334155;border-color:#94a3b8;color:#fff}.console-settings-summary::-webkit-details-marker{display:none}.console-settings-menu-card{position:absolute;z-index:100;bottom:calc(100% + 8px);right:0;width:280px;padding:12px;background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 12px 32px #0f172a38;display:flex;flex-direction:column;gap:10px}.console-menu-section{display:flex;flex-direction:column;gap:8px}.console-menu-title{font-size:12px;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:4px}.console-menu-item-btn{width:100%;text-align:left;padding:8px 10px;border-radius:6px;border:1px solid #e2e8f0;background:#f8fafc;color:#1e293b;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}.console-menu-item-btn:hover{background:#e0f2fe;border-color:#38bdf8;color:#0369a1}.console-menu-item-btn.primary{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.console-menu-item-btn.primary:hover{background:#dbeafe;border-color:#60a5fa;color:#1e40af}.console-ai-links-row{display:flex;flex-direction:column;gap:6px;margin-top:2px}.console-sub-label{font-size:11px;color:#64748b;font-weight:700}.console-ai-chips{display:flex;gap:6px}.ai-chip{flex:1;text-align:center;padding:5px 8px;border-radius:6px;background-color:#f1f5f9;border:1px solid #cbd5e1;color:#334155;font-size:11px;font-weight:800;text-decoration:none;transition:all .15s ease}.ai-chip:hover{background-color:#0284c7;border-color:#0284c7;color:#fff}.console-menu-divider{height:1px;background-color:#e2e8f0;margin:2px 0}.console-layout-options{display:flex;flex-direction:column;gap:4px}.console-layout-options .layout-opt-btn{width:100%;text-align:left;padding:7px 10px;border-radius:6px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}.console-layout-options .layout-opt-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.console-layout-options .layout-opt-btn.active{background:#0284c7;border-color:#0284c7;color:#fff;font-weight:800}.console-copy-status{min-height:0;padding:0 12px;background:#172033;color:#bfdbfe;font-size:11px;line-height:0;transition:.12s ease}.console-copy-status:not(:empty){min-height:28px;padding-block:6px;line-height:1.4}.console-logs{flex:1;padding:10px 12px;overflow-y:auto;font-family:monospace;font-size:12px;display:flex;flex-direction:column;gap:6px;-webkit-user-select:text;user-select:text;cursor:text}.log-item{padding:8px 10px;border:1px solid #334155;border-radius:6px;line-height:1.45;overflow-wrap:anywhere}.log-item.log{color:#bae6fd}.log-item.warn{border-color:#854d0e;background:#854d0e38;color:#fef3c7}.log-item.error{color:#fee2e2;background-color:#7f1d1d42;border-left:3px solid #ef4444}.log-item-header{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}.log-level{padding:2px 6px;border-radius:4px;background:#334155;color:#f8fafc;font-size:10px;font-weight:850}.log-item.error .log-level{background:#b91c1c}.log-item.warn .log-level{background:#a16207}.log-location{min-width:0;color:#cbd5e1;font-size:11px;font-weight:700}.log-item-actions{display:flex;flex-wrap:wrap;gap:5px;margin-left:auto}.log-item-actions button{min-height:28px;padding:4px 8px;border:1px solid #64748b;border-radius:5px;background:#1e293b;color:#f8fafc;font-size:10px;font-weight:800;cursor:pointer}.log-item-actions button:hover{background:#334155}.log-message{margin:7px 0 0;color:inherit;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.console-empty-state{min-height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;color:#94a3b8;font-family:system-ui,sans-serif;line-height:1.45}.console-empty-state strong{color:#cbd5e1;font-size:12px}.console-empty-state span{font-size:11px}.panel-collapse-button{flex:0 0 auto;border-color:#cbd5e1;background:#fff;color:#475569;font-weight:800;white-space:nowrap}.panel-collapse-button:hover{border-color:#60a5fa;background:#eff6ff;color:#1d4ed8}.workspace-center{transition:max-width .35s cubic-bezier(.4,0,.2,1),flex-grow .35s cubic-bezier(.4,0,.2,1),opacity .2s;max-width:100vw}.workspace-center.collapsed{flex:0 0 64px!important;width:64px!important;min-width:64px!important;max-width:64px!important;overflow:hidden;opacity:1}.workspace-center.collapsed .editor-container-wrapper,.workspace-center.collapsed .editor-tab-indicator,.workspace-center.collapsed .editor-control-buttons>:not(#btn-toggle-editor-view){display:none}.workspace-center.collapsed .editor-tabs-bar{display:block;height:100%;padding:6px;border-bottom:0}.workspace-center.collapsed .editor-control-buttons{display:block;width:100%;margin:0}.workspace-center.collapsed #btn-toggle-editor-view{width:100%;min-height:108px;padding:8px 4px;line-height:1.35;white-space:normal}.editor-control-buttons{margin-left:auto;margin-right:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;justify-content:flex-end}.editor-btn-group{display:inline-flex;align-items:center;gap:1px;background-color:#cbd5e1;border-radius:6px;padding:1px;box-shadow:0 1px 2px #00000008}.editor-btn-group .btn{border-radius:0;border:none!important;background-color:#fff!important;color:#334155!important;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px;line-height:1;height:28px;transition:background-color .15s ease,color .15s ease}.editor-btn-group .btn .btn-icon{font-size:12px;line-height:1}.editor-btn-group .btn:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.editor-btn-group .btn:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.editor-btn-group .btn:hover:not(:disabled){background-color:#f1f5f9!important;color:#0f172a!important}.editor-btn-group .btn:active:not(:disabled){background-color:#e2e8f0!important}.editor-btn-group .btn:disabled{opacity:.45;cursor:not-allowed;background-color:#f8fafc!important;color:#94a3b8!important}.editor-toast-overlay{position:absolute;top:10px;right:14px;z-index:25;background:#0f172ae0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:-.01em;box-shadow:0 4px 14px #0f172a2e;pointer-events:none;opacity:0;transform:translateY(-6px) scale(.96);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.editor-toast-overlay.visible{opacity:1;transform:translateY(0) scale(1)}.monaco-editor.read-only-mask .monaco-editor-background{background-color:#1a1a1a!important}.real-server-link{border:1px solid #d1d5db;background-color:#f8fafc;color:#64748b;font-size:11px;font-family:monospace;padding:4px 8px;border-radius:6px;width:190px;outline:none;text-align:left}.dashboard-footer{margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb;font-size:12px;color:#64748b;display:flex;flex-direction:column;gap:6px}.footer-link{width:fit-content}body.download-page,body.guide-page,body.learn-page{min-height:100vh;min-height:100dvh;height:auto;overflow:auto;background:#f6f7f9}.download-shell{width:min(100% - 48px,920px);margin:0 auto;padding:32px 0 40px}.download-site-header{margin-bottom:52px}.download-intro{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding-bottom:34px;border-bottom:1px solid #dbe3ef}.download-app-icon{width:88px;height:88px}.download-intro h1{margin:6px 0 8px;color:#0f172a;font-size:30px}.download-intro p{color:#475569;font-size:15px}.download-intro .release-version{margin-top:10px;color:#64748b;font-size:13px}.mobile-desktop-app-notice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin:24px 0 0;padding:16px 18px;border-left:4px solid #2563eb;background:#eff6ff}.mobile-desktop-app-notice.hidden{display:none}.mobile-desktop-app-notice strong{display:block;margin-bottom:4px;color:#0f172a;font-size:15px}.mobile-desktop-app-notice p{color:#475569;font-size:13px;line-height:1.55}.mobile-desktop-app-notice .btn{flex:0 0 auto;text-decoration:none;white-space:nowrap}.desktop-release-status{margin-top:24px;padding:18px 20px;border:1px solid #f3d08b;border-left:4px solid #d97706;border-radius:8px;background:#fffbeb}.desktop-release-status strong{display:block;margin-bottom:6px;color:#7c2d12;font-size:15px}.desktop-release-status p{color:#78350f;font-size:13px;line-height:1.6}.download-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:32px 0}.download-option{display:flex;flex-direction:column;align-items:flex-start;min-height:240px;padding:22px;border:1px solid #dbe3ef;border-radius:8px;background:#fff}.download-option h2{margin:12px 0 8px;color:#0f172a;font-size:20px}.download-option p{color:#64748b;font-size:14px}.download-button{width:100%;margin-top:auto;text-decoration:none}.download-button-disabled,.download-button-disabled:disabled{border-color:#cbd5e1;background:#e2e8f0;color:#475569;cursor:not-allowed;opacity:1}.download-guide{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;padding:28px 0;border-top:1px solid #dbe3ef;border-bottom:1px solid #dbe3ef}.download-guide h2{margin-top:6px;color:#0f172a;font-size:20px}.download-guide ol{display:grid;gap:10px;padding-left:22px;color:#475569;font-size:14px}.download-guide b{color:#0f172a}.download-note{margin:22px 0 30px;padding-left:12px;border-left:3px solid #f59e0b;color:#64748b;font-size:13px;line-height:1.55}.download-footer{display:flex;flex-wrap:wrap;gap:16px}.download-footer a{color:#475569;font-size:13px;font-weight:700}.download-footer a:hover{color:#1d4ed8}.guide-shell{width:min(100% - 48px,920px);margin:0 auto;padding:32px 0 40px}.guide-site-header{margin-bottom:52px}.site-nav .site-nav-current{background:#eff6ff;color:#1d4ed8;border-bottom:3px solid #2563eb}.guide-intro{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding-bottom:34px;border-bottom:1px solid #dbe3ef}.guide-intro img{width:88px;height:88px}.guide-intro h1{margin:6px 0 8px;color:#0f172a;font-size:30px}.guide-intro p:last-child{color:#475569;font-size:15px}.guide-quick-nav{position:sticky;top:0;z-index:20;display:flex;gap:6px;overflow-x:auto;margin:0 -8px;padding:12px 8px;border-bottom:1px solid #dbe3ef;background:#f6f7f9f5;scrollbar-width:thin}.guide-quick-nav a{flex:0 0 auto;padding:7px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;font-size:12px;font-weight:800;text-decoration:none}.guide-quick-nav a:hover,.guide-quick-nav a:focus-visible{border-color:#60a5fa;color:#1d4ed8}.guide-shell :where(section[id],h2[id]){scroll-margin-top:64px}.guide-section-heading{margin-bottom:18px}.guide-section-heading h2,.guide-faq h2{margin-top:4px;color:#0f172a;font-size:22px}.guide-journey{padding:34px 0;border-bottom:1px solid #dbe3ef}.guide-steps{display:grid;padding:0;list-style:none;border-top:1px solid #dbe3ef;border-bottom:1px solid #dbe3ef}.guide-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid #eef2f7}.guide-steps li:last-child{border-bottom:0}.guide-step-number{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#2563eb;color:#fff;font-size:13px;font-weight:800}.guide-steps strong{display:block;margin-bottom:3px;color:#0f172a;font-size:16px}.guide-steps p{color:#64748b;font-size:14px}.guide-workspace,.guide-learn{padding:34px 0;border-bottom:1px solid #dbe3ef}.guide-workspace .guide-section-heading>p:last-child,.guide-learn .guide-section-heading>p:last-child{max-width:760px;color:#475569;font-size:14px;line-height:1.6}.guide-workspace-list{border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}.guide-workspace-list article{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:14px 0;border-bottom:1px solid #e2e8f0}.guide-workspace-list article:last-child{border-bottom:0}.guide-workspace-list strong{color:#0f172a;font-size:14px}.guide-workspace-list p{color:#475569;font-size:13px;line-height:1.6}.guide-storage-map{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);align-items:stretch;gap:8px;margin-top:16px}.guide-storage-map>div{display:grid;gap:4px;padding:14px;border:1px solid #bfdbfe;border-radius:7px;background:#eff6ff}.guide-storage-map>div strong{color:#1e3a8a;font-size:13px}.guide-storage-map>div span{color:#475569;font-size:12px;line-height:1.45}.guide-storage-map>span{align-self:center;color:#64748b;font-size:20px;font-weight:800;text-align:center}.guide-learn-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;overflow:hidden;border:1px solid #cbd5e1;border-radius:8px;list-style:none}.guide-learn-steps li{min-width:0;padding:16px;border-right:1px solid #e2e8f0;background:#fff}.guide-learn-steps li:last-child{border-right:0}.guide-learn-steps strong,.guide-learn-steps span{display:block}.guide-learn-steps strong{margin-bottom:7px;color:#1e3a8a;font-size:13px}.guide-learn-steps span{color:#475569;font-size:12px;line-height:1.55}.guide-learn-actions{display:flex;align-items:center;gap:16px;margin-top:14px}.guide-learn-actions .btn{flex:0 0 auto;text-decoration:none}.guide-learn-actions>span{color:#64748b;font-size:13px}.guide-ai{padding:34px 0;border-bottom:1px solid #dbe3ef}.guide-ai .guide-section-heading>p:last-child{max-width:720px;color:#475569;font-size:14px;line-height:1.6}.guide-ai-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);overflow:hidden;border:1px solid #c7d2fe;border-radius:8px;background:#fff}.guide-ai-steps{display:grid;margin:0;padding:0;list-style:none;counter-reset:guide-ai-step}.guide-ai-steps li{position:relative;min-height:78px;padding:15px 18px 14px 56px;border-bottom:1px solid #e2e8f0}.guide-ai-steps li:last-child{border-bottom:0}.guide-ai-steps li:before{position:absolute;top:17px;left:18px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#ede9fe;color:#6d28d9;font-size:12px;font-weight:900;counter-increment:guide-ai-step;content:counter(guide-ai-step)}.guide-ai-steps strong,.guide-ai-safety>strong{display:block;color:#0f172a;font-size:14px}.guide-ai-steps span{display:block;margin-top:4px;color:#64748b;font-size:13px;line-height:1.5}.guide-ai-safety{display:grid;align-content:start;gap:12px;padding:18px;border-left:1px solid #c7d2fe;background:#f5f3ff}.guide-ai-safety ul{display:grid;gap:7px;margin:0;padding-left:18px;color:#475569;font-size:12px;line-height:1.5}.guide-ai-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.guide-ai-links .btn,.guide-ai-start{justify-content:center;text-decoration:none}.guide-ai-start{margin-top:14px}.guide-choice-section{padding:34px 0}.guide-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-choice{display:flex;flex-direction:column;align-items:flex-start;min-height:220px;padding:22px;border:1px solid #dbe3ef;border-radius:8px;background:#fff}.guide-choice h3{margin:12px 0 8px;color:#0f172a;font-size:18px}.guide-choice p{color:#64748b;font-size:14px}.guide-choice .btn{width:100%;margin-top:auto;text-decoration:none}.guide-device-limit{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;margin-top:16px;padding:14px 16px}.guide-device-limit strong{font-size:13px}.guide-device-limit p{color:#7c2d12;font-size:13px;line-height:1.6}.guide-files{margin:0 -24px;padding:34px 24px;border-top:1px solid #bfdbfe;border-bottom:1px solid #bfdbfe;background:#eff6ff}.guide-file-table{border-top:1px solid #bfdbfe;border-bottom:1px solid #bfdbfe}.guide-file-table [role=row]{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:13px 0;border-bottom:1px solid #dbeafe}.guide-file-table [role=row]:last-child{border-bottom:0}.guide-file-table strong{color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.guide-file-table span{color:#475569;font-size:14px}.guide-images{padding:34px 0;border-bottom:1px solid #dbe3ef}.guide-images .guide-section-heading>p:last-child{max-width:720px;color:#475569;font-size:14px;line-height:1.6}.guide-images code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.guide-image-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid #cbd5e1;border-radius:8px;background:#cbd5e1;gap:1px}.guide-image-method{min-width:0;display:flex;flex-direction:column;padding:22px;background:#fff}.guide-image-method-heading span{display:block;margin-bottom:5px;color:#1d4ed8;font-size:11px;font-weight:800}.guide-image-method-heading h3{color:#0f172a;font-size:17px}.guide-image-method>p{min-height:68px;margin-top:10px;color:#475569;font-size:13px;line-height:1.55}.guide-image-method>.project-file-tree,.guide-image-url-example,.guide-generated-image-demo{min-height:156px;margin-top:14px}.guide-image-url-example{display:grid;align-content:center;gap:4px;padding:14px;border:1px solid #dbe3ef;background:#f8fafc}.guide-image-url-example code{color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.guide-image-url-example span{color:#64748b;font-size:11px;font-weight:700}.guide-image-url-example span+code{margin-bottom:7px}.guide-image-url-example code{overflow-wrap:anywhere}.guide-generated-image-demo{display:flex;align-items:center;justify-content:center;gap:22px;padding:14px;border:1px solid #dbe3ef;background:#f8fafc}.guide-generated-star{color:#d97706;font-size:46px;line-height:1}.guide-generated-circle{width:48px;height:48px;flex:0 0 auto;border-radius:50%;background:#0f766e}.guide-generated-image-demo strong{padding:8px 10px;border:2px solid #be185d;color:#9d174d;font-size:13px;letter-spacing:0}.guide-image-method pre{min-width:0;overflow-x:auto;margin:12px 0 0;padding:12px;border:1px solid #bfdbfe;background:#eff6ff;color:#172554;font-size:11px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.guide-image-method ul{display:grid;gap:6px;margin:14px 0 0;padding-left:18px;color:#475569;font-size:12px;line-height:1.5}.guide-image-choice{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;margin-top:16px;padding:16px 18px;border-left:4px solid #0f766e;background:#f0fdfa}.guide-image-choice strong{color:#134e4a;font-size:14px}.guide-image-choice p{color:#475569;font-size:13px;line-height:1.55}@media(min-width:721px)and (max-width:980px){.guide-image-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-image-method:last-child{grid-column:1 / -1}}.guide-finish{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;padding:34px 0;border-bottom:1px solid #dbe3ef}.guide-finish h2{margin-top:6px;color:#0f172a;font-size:20px}.guide-finish>p{color:#475569;font-size:14px;line-height:1.65}.guide-faq{display:grid;gap:10px;padding:34px 0}.guide-faq-intro{margin-top:-2px;color:#64748b;font-size:13px}.guide-faq-category{margin-top:18px;padding:8px 10px;border-left:4px solid #2563eb;background:#eff6ff;color:#1e3a8a;font-size:14px}.guide-faq details{border-bottom:1px solid #dbe3ef;padding:0 0 12px}.guide-faq summary{color:#0f172a;cursor:pointer;font-size:15px;font-weight:800}.guide-faq details p{margin-top:10px;color:#64748b;font-size:14px;line-height:1.6}.guide-footer{display:flex;flex-wrap:wrap;gap:16px}.guide-footer a{color:#475569;font-size:13px;font-weight:700}.guide-footer a:hover{color:#1d4ed8}.help-guide-link{width:100%;margin-bottom:10px;text-decoration:none}.learn-shell{width:min(100% - 48px,1180px);margin:0 auto;padding:32px 0 48px}.learn-site-header{margin-bottom:44px}.learn-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);align-items:end;gap:38px;padding-bottom:30px;border-bottom:1px solid #dbe3ef}.learn-intro h1{margin:5px 0 8px;color:#0f172a;font-size:30px}.learn-intro>div>p:last-child{max-width:680px;color:#475569;font-size:15px;line-height:1.65}.learn-intro-actions{display:grid;justify-items:start;gap:9px;padding:16px;border-left:4px solid #2563eb;background:#eff6ff}.learn-intro-actions span{color:#334155;font-size:12px;line-height:1.55}.learn-intro-actions strong{color:#0f172a;font-size:14px;line-height:1.45}.learn-intro-actions .btn{text-decoration:none}.learn-file-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.learn-file-map div{min-width:0;padding:11px 10px;border-top:3px solid #2563eb;background:#fff}.learn-file-map div:nth-child(2){border-top-color:#db2777}.learn-file-map div:nth-child(3){border-top-color:#0f766e}.learn-file-map strong,.learn-file-map span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-file-map strong{color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.learn-file-map span{margin-top:3px;color:#64748b;font-size:11px}.learn-section-disclosure{margin-top:14px;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;background:#fff}.learn-section-disclosure>summary{min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;color:#0f172a;cursor:pointer;list-style:none}.learn-section-disclosure>summary::-webkit-details-marker{display:none}.learn-section-disclosure>summary:hover{background:#f8fafc}.learn-section-disclosure>summary:focus-visible{outline:3px solid #f59e0b;outline-offset:-3px}.learn-section-disclosure[open]>summary{border-bottom:1px solid #cbd5e1;background:#f8fafc}.learn-disclosure-kicker{padding:4px 7px;border-left:3px solid #2563eb;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:900;white-space:nowrap}.learn-example-disclosure .learn-disclosure-kicker{border-left-color:#0f766e;background:#f0fdfa;color:#0f766e}.learn-check-disclosure .learn-disclosure-kicker{border-left-color:#b45309;background:#fffbeb;color:#92400e}.learn-ai-disclosure .learn-disclosure-kicker{border-left-color:#7c3aed;background:#f5f3ff;color:#6d28d9}.learn-disclosure-copy{min-width:0;display:grid;gap:3px}.learn-disclosure-copy strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}.learn-disclosure-copy small{color:#64748b;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.learn-disclosure-state{min-width:76px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 9px;border:1px solid #94a3b8;border-radius:5px;background:#fff;color:#334155;font-size:12px;font-weight:900}.learn-disclosure-state:before{content:"펼치기"}.learn-disclosure-state:after{content:"+";font-size:16px;line-height:1}.learn-section-disclosure[open]>summary .learn-disclosure-state:before{content:"접기"}.learn-section-disclosure[open]>summary .learn-disclosure-state:after{content:"−"}.learn-disclosure-body{min-width:0}.learn-concept-guide{padding:24px 16px 26px}.learn-concept-heading{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(360px,1.25fr);align-items:end;column-gap:28px;margin-bottom:16px}.learn-concept-heading .guide-eyebrow{grid-column:1 / -1}.learn-concept-heading h2{margin-top:4px;color:#0f172a;font-size:21px}.learn-concept-heading>p:last-child{color:#475569;font-size:13px;line-height:1.6}.learn-concept-heading code,.learn-concept-lane b,.learn-growth-lane code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.learn-concept-lanes{display:grid;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;background:#fff}.learn-concept-lane{min-width:0;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px}.learn-concept-lane>strong{color:#334155;font-size:12px}.learn-concept-lane>div{min-width:0;display:flex;flex-wrap:wrap;gap:7px}.learn-concept-lane span{min-width:0;padding:6px 8px;border-left:3px solid #2563eb;background:#eff6ff;color:#334155;font-size:11px;overflow-wrap:anywhere}.learn-concept-lane span:nth-child(2){border-left-color:#db2777;background:#fdf2f8}.learn-concept-lane span:nth-child(3){border-left-color:#0f766e;background:#f0fdfa}.learn-growth-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 12px;margin:18px 0 9px}.learn-growth-heading strong{color:#0f172a;font-size:16px}.learn-growth-heading span{color:#64748b;font-size:12px;line-height:1.55}.learn-growth-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;background:#fff}.learn-growth-lane{min-width:0;padding:16px}.learn-growth-lane+.learn-growth-lane{border-left:1px solid #cbd5e1}.learn-growth-language{margin-bottom:6px;color:#2563eb;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:900}.learn-growth-lane[data-language=css] .learn-growth-language{color:#be185d}.learn-growth-lane[data-language=javascript] .learn-growth-language{color:#0f766e}.learn-growth-lane h3{margin:0 0 8px;color:#0f172a;font-size:16px;line-height:1.4}.learn-growth-lane>p:not(.learn-growth-language){color:#475569;font-size:12px;line-height:1.65}.learn-growth-lane strong{color:#0f172a}.learn-growth-lane dl{display:grid;gap:6px;margin-top:12px}.learn-growth-lane dl>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;padding-top:6px;border-top:1px solid #e2e8f0}.learn-growth-lane dt{color:#334155;font-size:12px;font-weight:900}.learn-growth-lane dd{margin:0;color:#64748b;font-size:12px;line-height:1.65}.learn-platform-connection{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);align-items:center;gap:24px;margin-top:16px;padding:16px 0;border-top:1px dashed #cbd5e1;border-bottom:1px dashed #cbd5e1}.learn-platform-connection .guide-eyebrow{margin-bottom:3px}.learn-platform-connection h3{margin:0 0 5px;color:#0f172a;font-size:16px}.learn-platform-connection p:last-child{color:#475569;font-size:12px;line-height:1.6}.learn-platform-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.learn-platform-steps span{min-width:0;padding:9px 10px;border-left:3px solid #b45309;background:#fffbeb;color:#475569;font-size:11px;line-height:1.55;overflow-wrap:anywhere}.learn-platform-steps span:nth-child(2){border-left-color:#0369a1;background:#f0f9ff}.learn-platform-steps span:nth-child(3){border-left-color:#7c3aed;background:#f5f3ff}.learn-platform-steps b{display:block;margin-bottom:2px;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.learn-info-flow{margin-top:16px;padding-top:16px;border-top:1px dashed #cbd5e1}.learn-info-flow-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;margin-bottom:10px}.learn-info-flow-heading>span{color:#64748b;font-size:11px;font-weight:800}.learn-info-flow-heading>strong{color:#0f172a;font-size:16px}.learn-info-flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px}.learn-info-flow-steps article{min-width:0;display:block;padding:12px;border-left:4px solid #64748b;background:#f8fafc}.learn-info-flow-steps article[data-info-kind=browser]{border-left-color:#b45309;background:#fffbeb}.learn-info-flow-steps article[data-info-kind=internet]{border-left-color:#0369a1;background:#f0f9ff}.learn-info-flow-steps article strong,.learn-info-flow-steps article p{display:block;min-width:0;overflow-wrap:anywhere}.learn-info-flow-steps article strong{color:#0f172a;font-size:12px}.learn-info-flow-steps article p{margin-top:4px;color:#475569;font-size:11px;line-height:1.5}.learn-info-flow-arrow{display:grid;place-items:center;color:#64748b;font-size:11px;font-weight:900}.learn-info-flow-note{margin-top:10px;padding-left:11px;border-left:3px solid #f59e0b;color:#475569;font-size:12px;line-height:1.55}.learn-info-flow-note strong{margin-right:5px;color:#92400e}.basics-project-structure{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:18px 28px;margin-top:18px;padding:22px 16px;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;background:#fff}.basics-project-structure h2{margin:4px 0 7px;color:#0f172a;font-size:20px}.basics-project-structure p:not(.guide-eyebrow){color:#475569;font-size:13px;line-height:1.65}.basics-folder-steps{display:grid;margin-top:14px;padding:0;border-top:1px solid #cbd5e1;list-style:none}.basics-folder-steps li{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid #dbe3ef}.basics-folder-steps strong,.basics-folder-steps span{min-width:0}.basics-folder-steps strong{color:#1e3a5f;font-size:12px}.basics-folder-steps span{color:#526174;font-size:12px;line-height:1.55}.basics-project-structure code,.basics-language-grid code,.basics-connection-note code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.basics-project-tree{min-width:0;margin:0;padding:15px 16px;overflow-x:auto;border:1px solid #94a3b8;border-radius:6px;background:#0f172a;color:#e2e8f0;font-size:12px;line-height:1.75}.basics-project-note{grid-column:1 / -1;padding-left:11px;border-left:3px solid #f59e0b}.basics-project-note strong{margin-right:4px;color:#92400e}.basics-language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}.basics-language-grid article{min-width:0;padding:16px}.basics-language-grid article+article{border-left:1px solid #cbd5e1}.basics-language-grid article>strong{display:inline-block;margin-bottom:7px;color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.basics-language-grid article[data-language=css]>strong{color:#be185d}.basics-language-grid article[data-language=javascript]>strong{color:#0f766e}.basics-language-grid h3{margin:0 0 6px;color:#0f172a;font-size:16px}.basics-language-grid p{color:#475569;font-size:12px;line-height:1.65}.basics-connection-note{margin-top:12px;padding:10px 12px;border-left:4px solid #0f766e;background:#f0fdfa;color:#475569;font-size:12px;line-height:1.6}.basics-connection-note strong{color:#115e59}.basics-feature-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 0;padding:0;overflow:hidden;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;background:#f4f7fa;list-style:none}.basics-feature-steps li{min-width:0;display:grid;align-content:start;gap:6px;padding:14px}.basics-feature-steps li+li{border-left:1px solid #cbd5e1}.basics-feature-steps strong{color:#1e3a5f;font-size:12px;line-height:1.5}.basics-feature-steps span{color:#526174;font-size:12px;line-height:1.6}.basics-feature-steps code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.basics-page .learn-platform-connection{margin-top:0;padding-top:0;border-top:0}.basics-page .learn-platform-connection h2{margin:0 0 5px;color:#0f172a;font-size:17px}.learn-feature-note{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,1.65fr);align-items:center;gap:16px;margin-bottom:14px;padding:12px 14px;border-left:5px solid #b45309;background:#fffbeb}.learn-feature-note[data-info-kind=internet]{border-left-color:#0369a1;background:#f0f9ff}.learn-feature-note>span{color:#92400e;font-size:11px;font-weight:900}.learn-feature-note[data-info-kind=internet]>span{color:#075985}.learn-feature-note strong{display:block;color:#0f172a;font-size:13px}.learn-feature-note p{margin-top:3px;color:#475569;font-size:11px;line-height:1.5}.learn-lab{padding:34px 0}.learn-lab-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}.learn-lab-heading h2{margin-top:4px;color:#0f172a;font-size:22px}.learn-lab-heading>p{max-width:620px;color:#64748b;font-size:13px;line-height:1.6}.learn-lab-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);min-height:680px;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;background:#fff}.learn-connection-strip{grid-column:1 / -1;display:grid;grid-template-columns:minmax(160px,.8fr) 28px minmax(260px,1.6fr) 28px minmax(150px,.7fr);align-items:stretch;min-width:0;border-bottom:1px solid #cbd5e1;background:#fff}.learn-connection-part{min-width:0;display:grid;align-content:center;gap:3px;padding:12px 14px}.learn-connection-part>span{color:#64748b;font-size:10px;font-weight:800}.learn-connection-part>strong{color:#0f172a;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.learn-connection-source{border-left:5px solid #3b82f6;background:#eff6ff}.learn-connection-source[data-file=css]{border-left-color:#db2777;background:#fdf2f8}.learn-connection-source[data-file=js]{border-left-color:#0f766e;background:#f0fdfa}.learn-connection-source small{color:#475569;font-size:11px;line-height:1.4;overflow-wrap:normal;word-break:keep-all}.learn-connection-action{background:#f8fafc}.learn-connection-action small{color:#475569;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.learn-connection-target{border-right:5px solid #f59e0b;background:#fffbeb}.learn-connection-target>strong{color:#92400e}.learn-connection-arrow{display:inline-flex;align-items:center;justify-content:center;color:#64748b;font-size:20px;font-weight:900}.learn-code-panel{min-width:0;display:flex;flex-direction:column;background:#111827;border-right:1px solid #334155}.learn-file-tabs{display:flex;align-items:stretch;min-height:44px;overflow-x:auto;background:#1f2937;border-bottom:1px solid #334155}.learn-file-tab{min-width:130px;padding:10px 14px;border:0;border-right:1px solid #334155;border-bottom:3px solid transparent;background:#1f2937;color:#94a3b8;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:800}.learn-file-tab:hover{background:#273449;color:#e2e8f0}.learn-file-tab.active{border-bottom-color:#60a5fa;background:#111827;color:#fff}.learn-file-tab:nth-child(2).active{border-bottom-color:#f472b6}.learn-file-tab:nth-child(3).active{border-bottom-color:#2dd4bf}.learn-code-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:7px 10px 7px 14px;border-bottom:1px solid #263449;background:#111827}.learn-code-scope-bar{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px 7px 14px;border-bottom:1px solid #334155;background:#172033}.learn-code-scope-bar[hidden]{display:none}.learn-code-scope-bar>p{margin:0;color:#cbd5e1;font-size:12px;line-height:1.4}.learn-code-scope-switch{flex:0 0 auto;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:2px;border:1px solid #475569;border-radius:7px;background:#0f172a}.learn-code-scope-switch button{min-height:30px;padding:4px 10px;border:0;border-radius:5px;background:transparent;color:#94a3b8;cursor:pointer;font-size:12px;font-weight:800;white-space:nowrap}.learn-code-scope-switch button:hover{color:#fff}.learn-code-scope-switch button.active{background:#f8fafc;color:#1d4ed8}.learn-code-scope-switch button:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.learn-current-file{min-width:150px;display:flex;align-items:center;justify-content:space-between;flex:1;gap:14px;color:#94a3b8;font-size:11px}.learn-current-file>span{flex:0 0 auto;white-space:nowrap}.learn-current-file strong{color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.learn-section-picker{min-width:240px;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#94a3b8;font-size:10px;font-weight:800}.learn-section-picker span{flex:0 0 auto}.learn-section-picker select{min-width:0;width:min(280px,100%);min-height:32px;padding:5px 28px 5px 9px;border:1px solid #475569;border-radius:5px;background:#1f2937;color:#f8fafc;font:inherit;cursor:pointer}.learn-section-picker select:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.learn-code-view-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:2px;border:1px solid #475569;border-radius:7px;background:#1f2937}.learn-code-view-button{min-height:28px;padding:4px 9px;border:0;border-radius:5px;background:transparent;color:#94a3b8;cursor:pointer;font-size:11px;font-weight:800;white-space:nowrap}.learn-code-view-button:hover{color:#fff}.learn-code-view-button.active{background:#f8fafc;color:#1d4ed8}.learn-block-view-note{padding:8px 14px;border-bottom:1px solid #bfdbfe;background:#dbeafe;color:#1e3a8a;font-size:11px;font-weight:800;line-height:1.45}.learn-block-view-note[hidden]{display:none}.learn-object-workspace{border-bottom:1px solid #cbd5e1;background:#fff}.learn-object-workspace[hidden]{display:none}.learn-object-heading{display:grid;gap:5px;padding:11px 14px 9px}.learn-object-heading>div{display:flex;align-items:baseline;gap:8px}.learn-object-heading span{color:#64748b;font-size:10px;font-weight:800}.learn-object-heading strong{color:#0f172a;font-size:14px}.learn-object-heading p{margin:0;color:#475569;font-size:11px;line-height:1.45}.learn-object-tabs{display:flex;gap:5px;padding:0 10px 10px;overflow-x:auto}.learn-object-tabs button{min-height:32px;flex:0 0 auto;padding:5px 9px;border:1px solid #cbd5e1;border-radius:5px;background:#f8fafc;color:#475569;cursor:pointer;font-size:11px;font-weight:800}.learn-object-tabs button:hover{border-color:#60a5fa;color:#1d4ed8}.learn-object-tabs button.active{border-color:#2563eb;background:#dbeafe;color:#1e40af}.learn-code-panel.object-block-view .learn-file-tabs{display:none}.learn-code-lines{flex:1;max-height:620px;overflow:auto;padding:8px 0 18px}.learn-code-gap,.learn-code-omission{min-height:34px;display:grid;place-items:center;padding:7px 14px;color:#94a3b8;font-size:12px;line-height:1.4;text-align:center}.learn-code-gap{border-top:1px dashed #334155;border-bottom:1px dashed #334155;background:#0f172a}.learn-code-omission{margin-top:6px;border-top:1px solid #334155;color:#bfdbfe}.learn-code-line{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;min-height:34px;padding:6px 14px 6px 0;border:0;border-left:3px solid transparent;background:transparent;color:#dbeafe;cursor:pointer;text-align:left}.learn-code-line:hover{background:#1e293b}.learn-code-line.active{border-left-color:#fbbf24;background:#273449;color:#fff}.learn-code-line.related{border-left-color:#2dd4bf;background:#162f3b;color:#ecfeff}.learn-code-line.related .learn-line-number{color:#5eead4}.learn-line-number{padding-right:10px;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;text-align:right;-webkit-user-select:none;user-select:none}.learn-code-line code{color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.learn-code-lines.block-view{display:grid;align-content:start;gap:8px;padding:20px 14px 18px;background:#eef2f7}.learn-code-panel.object-block-view .learn-code-lines.block-view{max-height:560px}.learn-selected-code-preview{flex:0 0 auto;max-height:210px;display:flex;flex-direction:column;border-top:3px solid #2dd4bf;background:#0b1220}.learn-code-lines.block-view>.learn-selected-code-preview{width:100%;min-height:150px;margin:3px 0 7px;border-radius:6px;overflow:hidden}.learn-selected-code-preview[hidden]{display:none}.learn-selected-code-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid #334155;background:#111827}.learn-selected-code-header>div{min-width:0;display:grid;gap:2px}.learn-selected-code-header>div>span{color:#5eead4;font-size:10px;font-weight:800}.learn-selected-code-header strong{color:#f8fafc;font-size:12px;overflow-wrap:anywhere}#learn-selected-code-file{flex:0 0 auto;padding:3px 6px;border-radius:4px;background:#dbeafe;color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:900}#learn-selected-code-file[data-file=css]{background:#fce7f3;color:#be185d}#learn-selected-code-file[data-file=js]{background:#ccfbf1;color:#0f766e}.learn-selected-code-lines{min-height:0;overflow:auto;padding:7px 0 10px}.learn-selected-code-row{display:grid;grid-template-columns:38px minmax(0,1fr);min-height:27px;padding:4px 12px 4px 0;border-left:3px solid #2dd4bf;background:#0f1f2d;color:#dbeafe}.learn-selected-code-row+.learn-selected-code-row{margin-top:2px}.learn-selected-code-row.primary{border-left-color:#fbbf24;background:#273449;color:#fff}.learn-selected-code-number{padding-right:8px;color:#5eead4;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;text-align:right;-webkit-user-select:none;user-select:none}.learn-selected-code-row.primary .learn-selected-code-number{color:#fbbf24}.learn-selected-code-row code{color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.learn-selected-code-gap{padding:1px 0 1px 42px;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.learn-code-block{--block-depth: 0;--block-color: #2563eb;--block-hover: #1d4ed8;position:relative;width:calc(100% - (var(--block-depth) * 14px));min-height:78px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:10px;margin-left:calc(var(--block-depth) * 14px);padding:11px 10px 13px;border:0;border-radius:6px;background:var(--block-color);color:#fff;box-shadow:inset 0 -3px #0f172a33,0 2px 3px #0f172a29}.learn-code-block:before{position:absolute;top:-6px;left:44px;width:34px;height:8px;border-radius:5px 5px 0 0;background:var(--block-color);content:""}.learn-code-block:after{position:absolute;bottom:-1px;left:44px;width:34px;height:8px;border-radius:5px 5px 0 0;background:#eef2f7;content:""}.learn-code-block:hover{background:var(--block-hover)}.learn-code-block:hover:before{background:var(--block-hover)}.learn-code-block-css{--block-color: #db2777;--block-hover: #be185d}.learn-code-block-js{--block-color: #0f766e;--block-hover: #115e59}.learn-code-block-hat{--block-color: #d97706;--block-hover: #b45309;margin-top:8px;border-radius:24px 6px 6px}.learn-code-block-hat:before{display:none}.learn-code-block.active{background:var(--block-color);color:#fff;outline:4px solid #fbbf24;outline-offset:2px;box-shadow:inset 0 -3px #0f172a33,0 3px 8px #0f172a3d}.learn-code-block.related{background:var(--block-color);color:#fff;outline:3px solid #5eead4;outline-offset:1px;box-shadow:inset 0 -3px #0f172a33,0 2px 5px #0f172a33}.learn-block-step{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;background:#0f172a3d;color:#fff;font-size:12px;font-weight:900}.learn-block-copy{min-width:0;display:grid;gap:3px}.learn-block-kind{color:#ffffffd1;font-size:10px;font-weight:800}.learn-code-block.active .learn-block-kind,.learn-code-block.related .learn-block-kind{color:#ffffffe6}.learn-block-title{color:#fff;overflow-wrap:anywhere;font-size:13px;line-height:1.4}.learn-block-summary{color:#ffffffe6;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.learn-block-code-range{align-self:start;padding:3px 6px;border:1px solid rgba(255,255,255,.34);border-radius:5px;background:#0f172a33;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:800;white-space:nowrap}.learn-result-panel{min-width:0;display:flex;flex-direction:column;background:#f8fafc}.learn-result-heading{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;border-bottom:1px solid #dbe3ef;background:#fff}.learn-result-title{display:flex;align-items:center;gap:7px;color:#334155;font-size:13px}.learn-result-actions{display:grid;grid-template-columns:minmax(150px,1fr) minmax(250px,1.3fr);align-items:center;justify-content:flex-end;gap:8px}.learn-preview-mode-intro{display:grid;gap:2px;margin:0;min-width:0}.learn-preview-mode-intro strong{color:#0f172a;font-size:12px}.learn-preview-mode-intro span{color:#64748b;font-size:10px;line-height:1.4}.learn-preview-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.learn-mode-button{min-height:50px;display:grid;align-content:center;gap:2px;padding:7px 9px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;color:#64748b;cursor:pointer;text-align:left}.learn-mode-button:hover{border-color:#60a5fa;background:#eff6ff;color:#0f172a}.learn-mode-button:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.learn-mode-button strong{color:inherit;font-size:12px;line-height:1.2}.learn-mode-button small{color:#64748b;font-size:10px;font-weight:700;line-height:1.35}.learn-mode-button.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;box-shadow:inset 3px 0 #2563eb}.learn-mode-button.active small{color:#1e40af}.learn-result-actions>.btn{grid-column:2;justify-self:end}.result-status-dot{width:8px;height:8px;border-radius:50%;background:#16a34a}.learn-demo-browser{margin:16px;border:1px solid #94a3b8;border-radius:8px;overflow:hidden;background:#fff;transition:outline-color .18s,box-shadow .18s}.learn-demo-browser.inspect-mode [data-demo-element]{cursor:pointer}.learn-demo-browser.inspect-mode [data-demo-element]:hover,.learn-demo-browser.inspect-mode [data-demo-element]:focus-visible{outline:2px dashed #2563eb;outline-offset:2px}.learn-demo-browser-bar{display:flex;align-items:center;gap:5px;min-height:34px;padding:7px 10px;border-bottom:1px solid #dbe3ef;background:#e2e8f0}.learn-demo-browser-bar>span{width:8px;height:8px;border-radius:50%;background:#ef4444}.learn-demo-browser-bar>span:nth-child(2){background:#f59e0b}.learn-demo-browser-bar>span:nth-child(3){background:#16a34a}.learn-demo-browser-bar div{min-width:0;flex:1;margin-left:5px;overflow:hidden;color:#64748b;font-size:11px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.learn-preview-target-label{max-width:42%;overflow:hidden;padding:3px 6px;border:1px solid #fbbf24;border-radius:4px;background:#fffbeb;color:#92400e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.learn-demo-page{min-height:300px;display:grid;place-items:center;padding:24px;background:#e0f2fe;transition:outline-color .18s,box-shadow .18s}.timetable-learn-grid{min-height:720px}.timetable-demo-page{min-height:420px;display:block;padding:16px;background:#e8eef5}.timetable-demo-page .schedule-page{width:100%;padding:16px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172033}.timetable-demo-page .schedule-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.timetable-demo-page .schedule-header p{margin:0;color:#0f766e;font-size:11px;font-weight:800}.timetable-demo-page .schedule-header h1{margin:2px 0 0;color:#0f172a;font-size:21px;line-height:1.25}.timetable-demo-page #today-button{min-height:38px;flex:0 0 auto;padding:7px 11px;border:1px solid #d97706;border-radius:6px;background:#fef3c7;color:#92400e;cursor:pointer;font-size:11px;font-weight:800}.timetable-demo-page .day-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:14px 0 9px}.timetable-demo-page .day-buttons button{min-width:0;min-height:36px;padding:5px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;color:#334155;cursor:pointer;font-size:11px;font-weight:800}.timetable-demo-page .day-buttons button.selected{border-color:#047857;background:#047857;color:#fff}.timetable-demo-page .schedule-summary{display:grid;gap:3px;padding:10px 11px;border-left:5px solid #047857;background:#ecfdf5}.timetable-demo-page .schedule-summary span{color:#047857;font-size:10px;font-weight:900}.timetable-demo-page .schedule-summary strong{color:#0f172a;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.timetable-demo-page .schedule-summary small{color:#475569;font-size:10px;line-height:1.45}.timetable-demo-page .schedule-table-wrap{width:100%;margin-top:10px;overflow-x:auto}.timetable-demo-page .schedule-table{width:100%;border-collapse:collapse;table-layout:fixed}.timetable-demo-page .schedule-table caption{position:absolute;width:1px;height:1px;overflow:hidden}.timetable-demo-page .schedule-table th,.timetable-demo-page .schedule-table td{height:38px;padding:5px 2px;border:1px solid #cbd5e1;color:#334155;font-size:10px;text-align:center;word-break:keep-all}.timetable-demo-page .schedule-table th{background:#f1f5f9;font-weight:800}.timetable-demo-page .schedule-table th:first-child{width:13%}.timetable-demo-page .schedule-table [data-day].selected{background:#dcfce7;font-weight:800}.timetable-demo-page .schedule-table thead [data-day].selected{background:#166534;color:#fff}.timetable-demo-browser.inspect-mode [data-timetable-element].selected-code-target{outline:3px solid #2563eb;outline-offset:2px}.timetable-demo-browser.run-mode [data-timetable-element]{outline:0}.picker-learn-grid{min-height:720px}.picker-demo-page{min-height:450px;display:block;padding:16px;background:#e8eef5}.picker-demo-page .picker-page{width:100%;padding:16px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172033}.picker-demo-page .picker-header p{margin:0;color:#0f766e;font-size:11px;font-weight:800}.picker-demo-page .picker-header h1{margin:2px 0 3px;color:#0f172a;font-size:21px;line-height:1.25}.picker-demo-page .picker-header span{color:#475569;font-size:10px}.picker-demo-page .picker-controls{display:grid;grid-template-columns:minmax(90px,.65fr) minmax(180px,1.35fr);gap:8px;margin:14px 0}.picker-demo-page .picker-controls label{min-width:0;display:grid;gap:4px;color:#475569;font-size:10px;font-weight:800}.picker-demo-page #student-count{width:100%;min-width:0;height:40px;padding:7px 9px;border:1px solid #94a3b8;border-radius:6px;background:#fff;color:#0f172a;font:inherit;font-size:12px}.picker-demo-page #student-count[readonly]{background:#f1f5f9;color:#64748b}.picker-demo-page .picker-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:6px}.picker-demo-page .picker-actions button{min-width:0;min-height:40px;padding:6px;border:1px solid #047857;border-radius:6px;cursor:pointer;font-size:10px;font-weight:800;overflow-wrap:anywhere}.picker-demo-page #draw-button{background:#047857;color:#fff}.picker-demo-page #reset-button{background:#fff;color:#065f46}.picker-demo-page .picker-result{min-height:190px;display:grid;place-items:center;align-content:center;gap:7px;border:1px solid #fed7aa;background:#fff7ed;text-align:center}.picker-demo-page .picker-result>span{color:#9a3412;font-size:11px;font-weight:800}.picker-demo-page #result-number{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:#ea580c;color:#fff;font-size:40px;line-height:1}.picker-demo-page #result-message{margin:0;padding:0 10px;color:#7c2d12;font-size:10px;line-height:1.45}.picker-demo-page .picker-history{margin-top:11px;padding:11px;border:1px solid #cbd5e1;background:#fff}.picker-demo-page .picker-history>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.picker-demo-page .picker-history h2,.picker-demo-page .picker-history p{margin:0;color:#334155;font-size:11px}.picker-demo-page .picker-history-list{min-height:30px;display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none}.picker-demo-page .picker-history-list li:not(.picker-empty){width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#dbeafe;color:#1e40af;font-size:10px}.picker-demo-page .picker-empty{color:#64748b;font-size:10px}.picker-demo-browser.inspect-mode [data-picker-element].selected-code-target{outline:3px solid #2563eb;outline-offset:2px}.picker-demo-browser.run-mode [data-picker-element]{outline:0}.oxquiz-learn-grid{min-height:720px}.oxquiz-demo-page{min-height:440px;display:block;padding:16px;background:#e8eef5}.oxquiz-demo-page .quiz-page{width:100%;padding:16px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172033}.oxquiz-demo-page .quiz-header p{margin:0;color:#1d4ed8;font-size:11px;font-weight:800}.oxquiz-demo-page .quiz-header h1{margin:2px 0 3px;color:#0f172a;font-size:21px;line-height:1.25}.oxquiz-demo-page .quiz-header span{color:#475569;font-size:10px}.oxquiz-demo-page .quiz-status{display:flex;justify-content:space-between;gap:10px;margin:14px 0 8px;padding:8px 10px;background:#f1f5f9;color:#334155;font-size:11px}.oxquiz-demo-page #quiz-score{color:#047857}.oxquiz-demo-page .quiz-card{padding:14px;border:1px solid #cbd5e1;background:#fff}.oxquiz-demo-page #question-text{min-height:72px;display:grid;place-items:center;margin:0;color:#0f172a;font-size:15px;font-weight:800;line-height:1.5;text-align:center}.oxquiz-demo-page .answer-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.oxquiz-demo-page .answer-buttons button{min-width:0;min-height:72px;border:2px solid currentColor;border-radius:8px;background:#fff;cursor:pointer;font-size:34px;font-weight:900}.oxquiz-demo-page #o-button{color:#1d4ed8}.oxquiz-demo-page #x-button{color:#be123c}.oxquiz-demo-page .answer-buttons button.correct{background:#dcfce7;color:#166534}.oxquiz-demo-page .answer-buttons button.wrong{background:#fee2e2;color:#991b1b}.oxquiz-demo-page .answer-buttons button:disabled{cursor:default;opacity:1}.oxquiz-demo-page .quiz-feedback{min-height:54px;margin-top:10px;padding:9px;background:#f8fafc;color:#475569;font-size:10px;line-height:1.5}.oxquiz-demo-page .quiz-feedback.correct{background:#ecfdf5;color:#166534}.oxquiz-demo-page .quiz-feedback.wrong{background:#fff1f2;color:#9f1239}.oxquiz-demo-page #next-question{width:100%;min-height:40px;margin-top:8px;border:0;border-radius:6px;background:#334155;color:#fff;cursor:pointer;font-size:11px;font-weight:800}.oxquiz-demo-page #next-question:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed}.oxquiz-demo-browser.inspect-mode [data-oxquiz-element].selected-code-target{outline:3px solid #2563eb;outline-offset:2px}.oxquiz-demo-browser.run-mode [data-oxquiz-element]{outline:0}.todo-learn-grid{min-height:760px}.todo-demo-page{min-height:470px;display:block;padding:16px;background:#e8eef5}.todo-demo-page .todo-page{width:100%;padding:16px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172033}.todo-demo-page .todo-header p{margin:0;color:#b45309;font-size:11px;font-weight:800}.todo-demo-page .todo-header h1{margin:2px 0 6px;color:#0f172a;font-size:22px;line-height:1.25}.todo-demo-page .todo-save-note{display:inline-block;padding:4px 7px;background:#ecfdf5;color:#047857;font-size:10px;font-weight:800}.todo-demo-page .todo-form{margin-top:16px}.todo-demo-page .todo-form label{display:block;margin-bottom:5px;color:#334155;font-size:10px;font-weight:800}.todo-demo-page .todo-form>div{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:7px}.todo-demo-page .todo-form input,.todo-demo-page .todo-form button{min-width:0;min-height:40px;border-radius:6px;font:inherit}.todo-demo-page .todo-form input{width:100%;padding:0 10px;border:1px solid #94a3b8;color:#0f172a;font-size:11px}.todo-demo-page .todo-form input[readonly]{background:#f8fafc}.todo-demo-page .todo-form button{border:0;background:#1d4ed8;color:#fff;cursor:pointer;font-size:11px;font-weight:800}.todo-demo-page .todo-summary{display:flex;justify-content:space-between;gap:10px;margin:14px 0 7px;color:#475569;font-size:10px}.todo-demo-page .todo-summary strong{color:#1d4ed8}.todo-demo-page .todo-list{min-height:82px;max-height:210px;margin:0;padding:0;overflow-y:auto;border-top:1px solid #cbd5e1;list-style:none}.todo-demo-page .todo-item{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 2px;border-bottom:1px solid #e2e8f0}.todo-demo-page .todo-item label{min-width:0;display:flex;align-items:flex-start;gap:7px;color:#334155;font-size:11px;line-height:1.45}.todo-demo-page .todo-item input{flex:0 0 auto;margin:2px 0 0}.todo-demo-page .todo-item span{min-width:0;overflow-wrap:anywhere}.todo-demo-page .todo-item.done span{color:#64748b;text-decoration:line-through}.todo-demo-page .todo-delete{min-height:30px;padding:0 8px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#be123c;cursor:pointer;font-size:10px;font-weight:800}.todo-demo-page .todo-empty{padding:26px 8px;color:#64748b;font-size:10px;text-align:center}.todo-demo-page .todo-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.todo-demo-page .todo-actions button{min-height:34px;padding:0 9px;border:1px solid #94a3b8;border-radius:6px;background:#fff;color:#334155;cursor:pointer;font-size:10px;font-weight:800}.todo-demo-page .todo-actions button:disabled{color:#94a3b8;cursor:not-allowed}.todo-demo-page .todo-message{min-height:30px;margin:8px 0 0;color:#475569;font-size:10px;line-height:1.45}.todo-demo-browser.inspect-mode [data-todo-element].selected-code-target{outline:3px solid #2563eb;outline-offset:2px}.todo-demo-browser.run-mode [data-todo-element]{outline:0}.weather-learn-grid{min-height:780px}.weather-demo-page{min-height:520px;display:block;padding:16px;background:#e8eef2}.weather-demo-page .weather-page{width:100%;padding:16px;border:1px solid #b8ccd2;border-radius:8px;background:#fff;color:#172033}.weather-demo-page .weather-header p{margin:0;color:#0f766e;font-size:11px;font-weight:800}.weather-demo-page .weather-header h1{margin:2px 0 5px;color:#0f172a;font-size:22px;line-height:1.25}.weather-demo-page .weather-header span{color:#475569;font-size:10px;font-weight:700}.weather-demo-page .weather-result{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:16px;padding:14px;border:1px solid #99d5d3;background:#f0fdfa}.weather-demo-page .weather-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #5eead4;border-radius:50%;background:#fff;color:#0f766e;font-size:30px;font-weight:900}.weather-demo-page .weather-main-value{min-width:0}.weather-demo-page .weather-main-value>span{display:block;color:#475569;font-size:9px;overflow-wrap:anywhere}.weather-demo-page .weather-main-value>strong{display:block;margin-top:1px;color:#0f172a;font-size:30px;line-height:1.15}.weather-demo-page .weather-main-value>p{margin-top:2px;color:#0f766e;font-size:11px;font-weight:800}.weather-demo-page .weather-details{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}.weather-demo-page .weather-details>div{min-width:0;display:flex;justify-content:space-between;gap:8px;padding:8px;border:1px solid #ccfbf1;background:#fff;font-size:10px}.weather-demo-page .weather-details dt{color:#64748b}.weather-demo-page .weather-details dd{margin:0;color:#0f172a;font-weight:800;overflow-wrap:anywhere}.weather-demo-page .weather-actions{margin-top:12px}.weather-demo-page .weather-actions button{width:100%;min-height:42px;border:0;border-radius:6px;background:#0f766e;color:#fff;cursor:pointer;font-size:11px;font-weight:800}.weather-demo-page .weather-actions button:disabled{background:#94a3b8;cursor:wait}.weather-demo-page .weather-actions p{min-height:30px;margin:7px 0 0;color:#475569;font-size:10px;line-height:1.45}.weather-demo-page .weather-actions p[data-state=success]{color:#047857;font-weight:800}.weather-demo-page .weather-actions p[data-state=error]{color:#b91c1c;font-weight:800}.weather-demo-page .weather-freshness{margin-top:12px;padding:10px;border-left:4px solid #f59e0b;background:#fffbeb}.weather-demo-page .weather-freshness strong{display:block;color:#78350f;font-size:10px}.weather-demo-page .weather-freshness p,.weather-demo-page .weather-freshness span{color:#475569;font-size:9px;line-height:1.5}.weather-demo-page .weather-freshness p{margin:4px 0}.weather-demo-page .weather-freshness span{display:block;font-weight:800}.weather-demo-page .weather-attribution{display:inline-block;margin-top:10px;color:#0f766e;font-size:9px;font-weight:800}.weather-demo-browser.inspect-mode [data-weather-element].selected-code-target{outline:3px solid #2563eb;outline-offset:2px}.weather-demo-browser.run-mode [data-weather-element]{outline:0}.nolquiz-structure-bar{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(260px,1fr) minmax(280px,.9fr);align-items:stretch;gap:1px;margin-bottom:14px;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;background:#cbd5e1}.nolquiz-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px;background:#fff}.nolquiz-mode-switch button{min-width:0;min-height:62px;display:grid;align-content:center;gap:3px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;color:#475569;cursor:pointer;text-align:left}.nolquiz-mode-switch button:hover{border-color:#60a5fa}.nolquiz-mode-switch button.active{border-color:#2563eb;background:#eff6ff;box-shadow:inset 3px 0 #2563eb;color:#1e3a8a}.nolquiz-mode-switch span,.nolquiz-mode-switch strong{display:block;min-width:0;overflow-wrap:anywhere}.nolquiz-mode-switch span{color:#64748b;font-size:10px;font-weight:800}.nolquiz-mode-switch strong{font-size:12px;line-height:1.35}.nolquiz-file-summary{min-width:0;display:grid;align-content:center;gap:4px;padding:12px 14px;background:#fff}.nolquiz-file-summary>span{color:#64748b;font-size:10px;font-weight:800}.nolquiz-file-summary strong{color:#0f172a;font-size:14px}.nolquiz-file-summary p{color:#475569;font-size:11px;line-height:1.45}.nolquiz-project-tree{min-width:0;align-content:center;padding:12px 14px;border:0;border-radius:0;background:#fff}.nolquiz-project-tree .project-tree-root{font-size:11px}.nolquiz-project-tree .project-tree-row{gap:2px 4px;font-size:10px}.nolquiz-project-tree .project-tree-row code{color:#be185d;font-weight:800}.learn-project-tree{margin-bottom:12px}.nolquiz-image-guide-link{width:fit-content;margin-top:3px;color:#1d4ed8;font-size:10px;font-weight:800;text-underline-offset:2px}.nolquiz-image-guide-link:hover{color:#1e40af}.nolquiz-file-tab{min-width:150px;display:grid;align-content:center;gap:2px;text-align:left}.nolquiz-file-tab strong,.nolquiz-file-tab span{display:block}.nolquiz-file-tab strong{color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.nolquiz-file-tab span{color:#94a3b8;font-family:inherit;font-size:10px}.nolquiz-file-tab.active span{color:#bfdbfe}.nolquiz-code-line{grid-template-columns:42px 40px minmax(0,1fr)}.nolquiz-code-line code{grid-column:3}.nolquiz-code-role{grid-column:2;grid-row:1;justify-self:start;margin-top:2px;padding:2px 4px;border-radius:4px;background:#1e3a8a;color:#bfdbfe;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:900}.nolquiz-code-line[data-role=css] .nolquiz-code-role{background:#831843;color:#fbcfe8}.nolquiz-code-line[data-role=js] .nolquiz-code-role{background:#134e4a;color:#99f6e4}.nolquiz-learn-grid .learn-code-layer{grid-template-columns:minmax(112px,148px) minmax(0,1fr)}.nolquiz-learn-grid .learn-layer-file{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nolquiz-demo-browser.inspect-mode [data-nolquiz-element]{cursor:pointer}#nolquiz-demo-browser.inspect-mode [data-nolquiz-element]:hover,#nolquiz-demo-browser.inspect-mode [data-nolquiz-element]:focus-visible{outline:2px dashed #2563eb;outline-offset:2px}#nolquiz-demo-browser.inspect-mode [data-nolquiz-element]:has([data-nolquiz-element]:hover){outline:none;box-shadow:none}#nolquiz-demo-browser.inspect-mode .learn-preview-target-label{border-color:#60a5fa;background:#eff6ff;color:#1d4ed8}.nolquiz-demo-page{position:relative;min-height:0;display:block;padding:0;overflow:hidden;background:#f8fafc;transform:translateZ(0)}.nolquiz-demo-content{padding:18px}.nolquiz-demo-heading{display:grid;gap:2px;margin-bottom:12px}.nolquiz-demo-heading span{color:#be185d;font-size:10px;font-weight:900}.nolquiz-demo-heading strong{color:#111827;font-size:22px}.nolquiz-demo-heading p{color:#475569;font-size:11px}.nolquiz-demo-slider{min-width:0;overflow:hidden;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.nolquiz-demo-slider-viewport{position:relative;overflow:hidden;background:#0f172a}.nolquiz-demo-track{width:100%;display:flex;transition:transform .45s ease;will-change:transform}.nolquiz-demo-slide{min-width:0;flex:0 0 100%;display:grid;grid-template-rows:auto minmax(38px,auto);padding:0;border:0;background:#0f172a;color:#fff;cursor:zoom-in;text-align:left}.nolquiz-demo-slide:hover,.nolquiz-demo-slide:focus-visible{background:#172554}.nolquiz-demo-slide:focus-visible{outline:3px solid #f59e0b;outline-offset:-3px}.nolquiz-demo-slide img{width:100%;aspect-ratio:16 / 9;display:block;object-fit:cover}.nolquiz-demo-slide>span{min-width:0;display:flex;align-items:center;gap:6px;padding:8px 10px;color:#cbd5e1;font-size:11px;line-height:1.35}.nolquiz-demo-slide>span b{flex:0 0 auto;color:#99f6e4;font-size:10px}.nolquiz-demo-slider-controls{display:grid;grid-template-columns:32px auto minmax(44px,1fr) 32px 32px;align-items:center;gap:6px;padding:8px 10px 5px}.nolquiz-demo-slider-controls>button{width:32px;height:32px;display:inline-grid;place-items:center;padding:0;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f172a;cursor:pointer;font-size:14px;font-weight:900;line-height:1}.nolquiz-demo-slider-controls>button:hover,.nolquiz-demo-slider-controls>button:focus-visible{border-color:#0f766e;background:#f0fdfa;color:#0f766e}.nolquiz-demo-slider-controls>strong{min-width:34px;color:#334155;font-size:10px;text-align:center}.nolquiz-demo-dots{min-width:0;display:flex;align-items:center;justify-content:center;gap:4px}.nolquiz-demo-dots span{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#cbd5e1}.nolquiz-demo-dots span.active{background:#0f766e}.nolquiz-demo-slider-note{margin:0;padding:2px 10px 9px;color:#64748b;font-size:10px;line-height:1.4;text-align:center}.nolquiz-demo-link{width:fit-content;display:inline-flex;margin-top:14px;padding:8px 11px;border:1px solid #be185d;border-radius:6px;color:#be185d;font-size:10px;font-weight:900;text-decoration:none}.nolquiz-demo-link:hover{background:#fdf2f8}.nolquiz-demo-modal{position:fixed;z-index:4;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#0f172ae0}.nolquiz-demo-modal[hidden]{display:none}.nolquiz-demo-modal-content{position:relative;width:min(100%,520px);display:grid;gap:4px;padding:10px;border-radius:8px;background:#fff}.nolquiz-demo-modal-content>button{position:absolute;z-index:1;top:16px;right:16px;width:32px;height:32px;display:inline-grid;place-items:center;padding:0;border:1px solid #cbd5e1;border-radius:50%;background:#fff;color:#0f172a;cursor:pointer;font-size:22px;line-height:1}.nolquiz-demo-modal-content img{width:100%;max-height:min(62vh,520px);display:block;border-radius:5px;object-fit:contain}.nolquiz-demo-modal-content strong{margin-top:4px;color:#0f172a;font-size:13px}.nolquiz-demo-modal-content>span{color:#475569;font-size:10px}.learn-target-active{outline:3px solid #f59e0b;outline-offset:3px;box-shadow:0 0 0 6px #f59e0b29}.learn-element-selected{outline:3px solid #2563eb;outline-offset:3px;box-shadow:0 0 0 6px #2563eb24}.learn-inspect-popover{position:fixed;z-index:140;width:min(340px,calc(100vw - 28px));display:grid;gap:10px;padding:14px;border:1px solid #93c5fd;border-radius:8px;background:#fff;box-shadow:0 14px 36px #0f172a3d;color:#0f172a}.learn-inspect-popover[hidden]{display:none}.learn-inspect-popover:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.learn-inspect-popover-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.learn-inspect-popover-header>span{color:#1d4ed8;font-size:11px;font-weight:900}.learn-inspect-popover-header button{width:30px;height:30px;display:grid;flex:0 0 auto;place-items:center;padding:0;border:1px solid #cbd5e1;border-radius:50%;background:#f8fafc;color:#334155;cursor:pointer;font-size:20px;line-height:1}.learn-inspect-popover>strong{color:#1e3a8a;font-size:17px;line-height:1.35}.learn-inspect-popover>p{margin:0;color:#475569;font-size:13px;line-height:1.55}.learn-inspect-roles{display:flex;flex-wrap:wrap;gap:5px}.learn-inspect-roles span{max-width:100%;padding:4px 7px;border-radius:5px;background:#eff6ff;color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:900;overflow-wrap:anywhere}.learn-inspect-popover-actions{display:grid;gap:6px;padding-top:2px}.learn-inspect-popover-actions .btn{width:100%;justify-content:center}.learn-inspect-popover.is-narrow{top:auto!important;right:0!important;bottom:0;left:0!important;width:100%;max-height:min(48dvh,430px);overflow-y:auto;padding:16px max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-right:0;border-bottom:0;border-left:0;border-radius:8px 8px 0 0;box-shadow:0 -12px 32px #0f172a3d;animation:learn-inspect-sheet-in .18s ease-out}.learn-code-panel-attention{animation:learn-code-panel-attention 1.4s ease-out}@keyframes learn-inspect-sheet-in{0%{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes learn-code-panel-attention{0%,to{box-shadow:none}20%,70%{box-shadow:inset 0 0 0 4px #f59e0b}}.learn-selected-element{display:grid;gap:8px;padding:14px 16px 16px;border-top:1px solid #dbe3ef;background:#eff6ff}.learn-selected-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.learn-selected-heading span{color:#64748b;font-size:11px;font-weight:800}.learn-selected-heading strong{color:#1e3a8a;font-size:15px}.learn-selected-element>p{color:#475569;font-size:12px;line-height:1.55}.learn-layer-list{display:grid;gap:6px}.learn-code-layer{min-width:0;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:8px;min-height:39px;padding:6px 9px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;cursor:pointer;text-align:left}.learn-code-layer:hover{border-color:#60a5fa;background:#f8fafc}.learn-code-layer.active{border-color:#2563eb;background:#dbeafe;box-shadow:inset 3px 0 #2563eb}.learn-layer-file{padding:3px 6px;border-radius:4px;background:#dbeafe;color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:900;text-align:center}.learn-code-layer-css .learn-layer-file{background:#fce7f3;color:#be185d}.learn-code-layer-js .learn-layer-file{background:#ccfbf1;color:#0f766e}.learn-layer-label{min-width:0;color:#334155;font-size:12px;font-weight:800;overflow-wrap:anywhere}.learn-code-explanation{display:grid;gap:8px;padding:16px;border-top:1px solid #dbe3ef;background:#fff}.learn-explanation-label{color:#64748b!important;font-size:10px!important;font-weight:800}.learn-explanation-meta{display:flex;flex-wrap:wrap;gap:6px}.learn-explanation-meta span{padding:3px 7px;border-radius:6px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800}.learn-explanation-meta span:last-child{background:#ecfdf5;color:#047857}.learn-code-explanation h3{color:#0f172a;font-size:16px}.learn-code-explanation>p{color:#475569;font-size:13px;line-height:1.6}.learn-code-explanation .learn-explanation-connection{margin-top:2px;padding-left:10px;border-left:3px solid #60a5fa;color:#334155;font-weight:700}.learn-example-picker{padding:14px 16px 16px}.learn-example-picker-visible{display:grid;grid-template-columns:minmax(210px,.36fr) minmax(0,1.64fr);align-items:center;gap:20px;margin-top:18px;padding:18px 16px;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;background:#fff}.learn-example-picker-heading h2{margin:4px 0 6px;color:#0f172a;font-size:20px}.learn-example-picker-heading>p:last-child{color:#64748b;font-size:12px;line-height:1.55}.learn-example-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:3px;border:1px solid #cbd5e1;border-radius:8px;background:#e2e8f0}.learn-example-tabs button{min-width:0;min-height:96px;display:grid;align-content:center;gap:2px;padding:10px 13px;border:0;border-radius:5px;background:transparent;color:#64748b;cursor:pointer;text-align:left}.learn-example-tabs button:hover{color:#1d4ed8}.learn-example-tabs button.active{background:#fff;color:#1e40af;box-shadow:0 1px 3px #0f172a29}.learn-example-tabs button:focus-visible{outline:3px solid #f59e0b;outline-offset:-3px}.learn-example-tabs span,.learn-example-tabs strong,.learn-example-tabs small{min-width:0;overflow-wrap:anywhere}.learn-example-tabs .learn-example-level{width:max-content;max-width:100%;padding:2px 5px;border-radius:4px;background:#ffffff9e;color:#475569;font-size:10px;font-weight:900}.learn-example-tabs button.active .learn-example-level{background:#dbeafe;color:#1e40af}.learn-example-tabs strong{color:#0f172a;font-size:14px}.learn-example-tabs small{font-size:10px}.learn-example-tabs .learn-example-source{width:100%;margin-top:3px;padding:2px 5px;border:1px solid #cbd5e1;border-radius:4px;background:#f8fafc;color:#475569;font-size:9px;font-weight:800;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.learn-example-tabs .learn-example-source[data-info-kind=browser]{border-color:#fcd34d;background:#fffbeb;color:#92400e}.learn-example-tabs .learn-example-source[data-info-kind=internet]{border-color:#7dd3fc;background:#f0f9ff;color:#075985}.learn-example-panel[hidden]{display:none}.learn-example-disclosure>.learn-disclosure-body{padding-top:2px}.learn-section-disclosure .learn-example-check,.learn-section-disclosure .learn-ai-request{margin-top:0;border-top:0;border-bottom:0}.learn-example-check{margin-top:28px;border-top:1px solid #bfdbfe;border-bottom:1px solid #bfdbfe;background:#fff}.learn-check-intro{padding:18px 20px;border-left:5px solid #2563eb;background:#eff6ff}.learn-check-label{margin:0 0 4px;color:#1d4ed8;font-size:12px;font-weight:900}.learn-check-intro h3{margin:0;color:#0f172a;font-size:20px}.learn-check-intro p:last-child{margin:6px 0 0;color:#475569;font-size:14px;line-height:1.6}.learn-check-main,.learn-check-summary{padding:20px}.learn-check-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#475569;font-size:13px}.learn-check-progress strong{flex:0 0 auto;color:#1d4ed8;font-size:14px}.learn-check-main h4{margin:16px 0 14px;color:#0f172a;font-size:17px;line-height:1.55}.learn-check-choices{display:grid;gap:8px}.learn-check-choice{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:52px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#1e293b;font:inherit;text-align:left;cursor:pointer}.learn-check-choice:hover:not(:disabled){border-color:#2563eb;background:#eff6ff}.learn-check-choice:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.learn-check-choice>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#e2e8f0;color:#334155;font-size:13px;font-weight:900}.learn-check-choice strong{min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.45}.learn-check-choice:disabled{cursor:default;opacity:.68}.learn-check-choice.correct{border-color:#10b981;background:#ecfdf5;color:#065f46;opacity:1}.learn-check-choice.correct>span{background:#10b981;color:#fff}.learn-check-choice.incorrect{border-color:#f97316;background:#fff7ed;color:#9a3412;opacity:1}.learn-check-choice.incorrect>span{background:#f97316;color:#fff}.learn-check-feedback{display:grid;gap:4px;margin-top:12px;padding:12px 14px;border-left:4px solid #2563eb;background:#f8fafc;color:#334155;font-size:14px;line-height:1.55}.learn-check-feedback[hidden]{display:none}.learn-check-feedback[data-state=correct]{border-left-color:#10b981;background:#ecfdf5}.learn-check-feedback[data-state=incorrect]{border-left-color:#f97316;background:#fff7ed}.learn-check-feedback strong{color:#0f172a}.learn-check-actions{display:flex;justify-content:flex-end;margin-top:12px}.learn-check-actions .btn.hidden{display:none}.learn-check-summary{display:grid;gap:10px;justify-items:start;background:#f8fafc}.learn-check-summary>strong{color:#1d4ed8;font-size:28px}.learn-check-summary p{max-width:700px;margin:0;color:#475569;font-size:14px;line-height:1.6}.learn-ai-request{margin-top:28px;border-top:1px solid #c7d2fe;border-bottom:1px solid #c7d2fe;background:#fff}.learn-ai-request-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px;border-left:5px solid #7c3aed;background:#f5f3ff}.learn-ai-request-intro h3{margin:0;color:#1e1b4b;font-size:20px}.learn-ai-request-intro p:last-child{margin:6px 0 0;color:#5b5677;font-size:14px;line-height:1.6}.learn-ai-service-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.learn-ai-service-links a{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border:1px solid #c4b5fd;border-radius:6px;background:#fff;color:#5b21b6;font-size:12px;font-weight:900;text-decoration:none}.learn-ai-service-links a:hover{border-color:#7c3aed;background:#ede9fe}.learn-ai-request-main{display:grid;grid-template-columns:minmax(190px,.45fr) minmax(0,1fr);gap:18px;padding:20px}.learn-ai-request-steps{display:grid;align-content:start;gap:10px}.learn-ai-request-steps p{margin:0;color:#475569;font-size:13px;line-height:1.55}.learn-ai-request-steps ol{display:grid;gap:7px;margin:0;padding:0;list-style:none;counter-reset:ai-step}.learn-ai-request-steps li{position:relative;min-height:30px;padding:5px 0 5px 34px;color:#334155;font-size:12px;line-height:1.45}.learn-ai-request-steps li:before{position:absolute;top:4px;left:0;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ede9fe;color:#6d28d9;font-size:11px;font-weight:900;counter-increment:ai-step;content:counter(ai-step)}.learn-ai-prompt-panel{min-width:0;display:grid;gap:10px}.learn-ai-option-group{display:grid;gap:6px}.learn-ai-option-label{color:#334155;font-size:12px;font-weight:850;line-height:1.45}.learn-ai-layout-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.learn-ai-layout-switch button{min-height:48px;padding:7px 9px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;color:#475569;font:inherit;text-align:left;cursor:pointer}.learn-ai-layout-switch button strong,.learn-ai-layout-switch button small{display:block}.learn-ai-layout-switch button strong{color:inherit;font-size:12px}.learn-ai-layout-switch button small{margin-top:2px;font-size:10px;font-weight:700;line-height:1.35}.learn-ai-layout-switch button.active{border-color:#7c3aed;background:#f5f3ff;color:#5b21b6;box-shadow:inset 3px 0 #7c3aed}.learn-ai-layout-switch button:focus-visible,.learn-ai-service-links a:focus-visible,.learn-ai-followup-suggestions button:focus-visible,.learn-ai-followup textarea:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.learn-ai-prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.learn-ai-prompt-toolbar span{color:#475569;font-size:12px;font-weight:800}.learn-ai-copy-status{color:#6d28d9;font-size:12px;font-weight:800}.learn-ai-prompt{width:100%;min-height:228px;resize:vertical;padding:12px;border:1px solid #cbd5e1;border-radius:6px;background:#0f172a;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55}.learn-ai-prompt.compact{min-height:170px}.learn-ai-prompt:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.learn-ai-request-note{margin:0;padding-top:10px;border-top:1px solid #e2e8f0;color:#64748b;font-size:12px;line-height:1.55}.learn-ai-request-note strong{color:#334155}.learn-ai-followup{padding:20px;border-top:1px solid #cbd5e1;background:#f8fafc}.learn-ai-followup-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px}.learn-ai-followup-heading h4{margin:3px 0 5px;color:#0f172a;font-size:18px}.learn-ai-followup-heading p:last-child{max-width:720px;margin:0;color:#475569;font-size:13px;line-height:1.6}.learn-ai-conversation-loop{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px 7px;color:#64748b;font-size:11px;font-weight:800}.learn-ai-conversation-loop span{padding-bottom:3px;border-bottom:2px solid #0d9488;color:#115e59;white-space:nowrap}.learn-ai-conversation-loop b{color:#0f766e;font-size:14px}.learn-ai-followup-main{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1fr);gap:18px;margin-top:16px}.learn-ai-followup-suggestions{display:grid;gap:6px;margin-top:7px}.learn-ai-followup-suggestions button{min-height:38px;padding:8px 10px;border:1px solid #99f6e4;border-radius:6px;background:#f0fdfa;color:#115e59;font:inherit;font-size:12px;font-weight:750;line-height:1.45;text-align:left;cursor:pointer}.learn-ai-followup-suggestions button:hover{border-color:#0d9488;background:#ccfbf1}.learn-ai-followup-compose{min-width:0;display:grid;gap:7px}.learn-ai-followup-compose label{color:#334155;font-size:12px;font-weight:850}.learn-ai-followup-compose textarea{width:100%;min-height:102px;resize:vertical;padding:10px 12px;border:1px solid #94a3b8;border-radius:6px;background:#fff;color:#0f172a;font:inherit;font-size:13px;line-height:1.55}.learn-ai-followup-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.learn-ai-followup-actions p{margin:0;color:#0f766e;font-size:12px;font-weight:750;line-height:1.45}.learn-ai-followup-actions .btn{flex:0 0 auto}.bounce-compare{padding:32px 0 34px}.bounce-compare-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.65fr);align-items:end;gap:28px;margin-bottom:18px}.bounce-compare-heading h2{margin:4px 0 7px;color:#0f172a;font-size:22px}.bounce-compare-heading>div:first-child>p:last-child{max-width:710px;color:#475569;font-size:14px;line-height:1.6}.bounce-option-controls,.bounce-option-group{min-width:0;display:grid}.bounce-option-controls{gap:9px}.bounce-option-group{gap:4px}.bounce-option-label{color:#475569;font-size:10px;font-weight:900}.bounce-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;border:1px solid #cbd5e1;border-radius:8px;background:#e2e8f0}.bounce-mode-switch button{min-width:0;min-height:58px;display:grid;align-content:center;gap:2px;padding:7px 10px;border:0;border-radius:5px;background:transparent;color:#64748b;cursor:pointer;text-align:left}.bounce-mode-switch button:hover{color:#1d4ed8}.bounce-mode-switch button.active{background:#fff;color:#1e40af;box-shadow:0 1px 3px #0f172a26}.bounce-mode-switch span{font-size:10px;font-weight:800}.bounce-mode-switch strong{overflow-wrap:anywhere;font-size:12px}.bounce-structure-heading{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid #cbd5e1;border-bottom:0;border-radius:8px 8px 0 0;background:#f8fafc}.bounce-structure-heading span{flex:0 0 auto;color:#64748b;font-size:10px;font-weight:900}.bounce-structure-heading strong{color:#0f172a;font-size:12px;text-align:right}.bounce-role-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px;border:1px solid #cbd5e1;border-radius:0 0 8px 8px;overflow:hidden;background:#fff}.bounce-role-map button{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 9px;padding:11px 13px;border:0;border-left:4px solid #2563eb;background:#fff;color:#334155;cursor:pointer;text-align:left}.bounce-role-map button+button{border-left:1px solid #cbd5e1;box-shadow:inset 4px 0 #db2777}.bounce-role-map button:nth-child(3){box-shadow:inset 4px 0 #0f766e}.bounce-role-map button:hover,.bounce-role-map button.active{background:#f8fafc}.bounce-role-map button.active{outline:3px solid #fbbf24;outline-offset:-3px}.bounce-role-map span{grid-row:1 / 3;padding:3px 6px;border-radius:4px;background:#dbeafe;color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:900}.bounce-role-map button:nth-child(2) span{background:#fce7f3;color:#be185d}.bounce-role-map button:nth-child(3) span{background:#ccfbf1;color:#0f766e}.bounce-role-map strong{min-width:0;color:#0f172a;font-size:12px;overflow-wrap:anywhere}.bounce-role-map small{min-width:0;color:#64748b;font-size:10px;overflow-wrap:anywhere}.bounce-compare-grid{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;background:#fff}.bounce-preview-panel,.bounce-code-panel{min-width:0;display:flex;flex-direction:column}.bounce-preview-panel{border-right:1px solid #cbd5e1;background:#f8fafc}.bounce-tool-heading{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #cbd5e1;background:#fff}.bounce-tool-heading>div{min-width:0;display:grid;gap:2px}.bounce-tool-heading>div>span{color:#64748b;font-size:10px;font-weight:800}.bounce-tool-heading strong{color:#0f172a;font-size:13px;overflow-wrap:anywhere}.bounce-tool-heading>span{flex:0 1 auto;padding:3px 6px;border-radius:4px;background:#ecfdf5;color:#047857;font-size:10px;font-weight:800;text-align:right;overflow-wrap:anywhere}#bounce-preview{width:100%;min-height:470px;flex:1;border:0;background:#eef6ff}.bounce-preview-panel>p{padding:9px 12px;border-top:1px solid #cbd5e1;color:#475569;font-size:11px}.bounce-file-tabs{min-height:42px;display:flex;overflow-x:auto;border-bottom:1px solid #334155;background:#111827}.bounce-file-tabs button{min-width:155px;min-height:50px;display:grid;align-content:center;gap:2px;padding:8px 12px;border:0;border-right:1px solid #334155;border-bottom:3px solid transparent;background:#1f2937;color:#94a3b8;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:800;text-align:left}.bounce-file-tabs button strong,.bounce-file-tabs button span{display:block}.bounce-file-tabs button strong{color:inherit;font-size:11px}.bounce-file-tabs button span{color:#64748b;font-family:system-ui,sans-serif;font-size:10px;font-weight:700}.bounce-file-tabs button.active span{color:#cbd5e1}.bounce-file-tabs button:hover{color:#fff}.bounce-file-tabs button.active{border-bottom-color:#60a5fa;background:#111827;color:#fff}.bounce-file-tabs button[data-file=css].active{border-bottom-color:#f472b6}.bounce-file-tabs button[data-file=js].active{border-bottom-color:#2dd4bf}.bounce-file-note{min-height:38px;padding:8px 12px;border-bottom:1px solid #334155;background:#1f2937;color:#cbd5e1;font-size:11px;line-height:1.45}.bounce-code-lines{position:relative;min-height:0;height:350px;overflow:auto;padding:7px 0 12px;background:#0b1220}.bounce-code-row{width:max-content;min-width:100%;display:grid;grid-template-columns:42px 46px minmax(520px,1fr);align-items:start;min-height:27px;padding:3px 10px 3px 0;border:0;border-left:3px solid transparent;background:transparent;color:#dbeafe;cursor:pointer;text-align:left}.bounce-code-row:hover{background:#1e293b}.bounce-code-row.related{border-left-color:#fbbf24;background:#273449;color:#fff}.bounce-code-row.selected{outline:2px solid #facc15;outline-offset:-2px;background:#37465d}.bounce-line-number{padding-right:9px;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;text-align:right;-webkit-user-select:none;user-select:none}.bounce-code-row code{grid-column:3;color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.55;white-space:pre}.bounce-line-role{grid-column:2;grid-row:1;justify-self:start;padding:2px 4px;border-radius:3px;background:#1e3a8a;color:#bfdbfe;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:900}.bounce-code-row[data-role=css] .bounce-line-role{background:#831843;color:#fbcfe8}.bounce-code-row[data-role=js] .bounce-line-role{background:#134e4a;color:#99f6e4}.bounce-code-explanation{min-height:98px;display:grid;align-content:center;gap:3px;padding:11px 14px;border-top:1px solid #334155;background:#f8fafc}.bounce-code-explanation span{color:#1d4ed8;font-size:10px;font-weight:900}.bounce-code-explanation strong{color:#0f172a;font-size:13px}.bounce-code-explanation p{color:#475569;font-size:11px;line-height:1.5}.bounce-choice-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}.bounce-choice-guide>div{display:grid;grid-template-columns:1fr;align-content:start;gap:4px;padding:12px 14px}.bounce-choice-guide>div+div{border-left:1px solid #cbd5e1}.bounce-choice-guide strong{color:#0f172a;font-size:12px}.bounce-choice-guide span{color:#475569;font-size:11px;line-height:1.55}.bounce-choice-guide code{color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:800}.learn-next-step{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:28px 0;border-top:1px solid #a7f3d0;border-bottom:1px solid #a7f3d0;background:#f0fdf4}.learn-section-disclosure+.learn-next-step{margin-top:28px}.learn-next-step>div{padding-left:24px}.learn-next-step h2{margin:4px 0 7px;color:#0f172a;font-size:20px}.learn-next-step p:last-child{max-width:760px;color:#475569;font-size:14px;line-height:1.65}.learn-next-step .btn{margin-right:24px;text-decoration:none}.privacy-note{font-size:11px;color:#94a3b8}@media(max-width:1040px){.learn-intro{grid-template-columns:1fr;align-items:start;gap:20px}.learn-file-map{max-width:620px}.learn-section-disclosure>summary{min-height:0;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:12px}.learn-disclosure-kicker{grid-column:1 / -1;width:max-content}.learn-disclosure-copy{grid-column:1}.learn-disclosure-copy strong{font-size:15px}.learn-disclosure-copy small{font-size:11px}.learn-disclosure-state{grid-column:2;min-width:68px;min-height:32px;padding:5px 7px;font-size:11px}.learn-concept-guide{padding:18px 12px 20px}.learn-growth-lanes{grid-template-columns:1fr}.learn-growth-lane+.learn-growth-lane{border-top:1px solid #cbd5e1;border-left:0}.learn-platform-connection{grid-template-columns:1fr;align-items:start;gap:12px}.learn-example-picker{padding:12px}.learn-example-picker-visible{grid-template-columns:1fr;align-items:start}.learn-example-tabs{width:min(100%,760px);grid-template-columns:repeat(3,minmax(0,1fr))}.basics-language-grid{grid-template-columns:1fr}.basics-language-grid article+article{border-top:1px solid #cbd5e1;border-left:0}.learn-lab-grid{grid-template-columns:1fr;min-height:0}.learn-lab-grid>.learn-result-panel{order:1;border-bottom:1px solid #cbd5e1}.learn-connection-strip{grid-template-columns:minmax(140px,.8fr) 24px minmax(220px,1.5fr) 24px minmax(130px,.7fr)}.learn-code-panel{order:2;border-right:0;border-top:1px solid #334155;border-bottom:0}.learn-code-lines{max-height:520px}.bounce-compare-heading{grid-template-columns:1fr;align-items:start;gap:16px}.bounce-mode-switch{width:min(100%,520px)}.bounce-compare-grid{grid-template-columns:1fr}.bounce-preview-panel{border-right:0;border-bottom:1px solid #cbd5e1}#bounce-preview{min-height:590px}}@media(max-width:720px){.dashboard-container{padding:58px 16px 24px}.site-header{align-items:center;flex-wrap:wrap;margin-bottom:24px}.site-nav{width:100%;justify-content:flex-start;margin-right:-16px;padding-right:16px}.site-brand{font-size:15px}.site-brand img{width:30px;height:30px}.site-nav a{min-height:32px;padding:6px 8px 5px;font-size:12px}.dashboard-header{margin-bottom:16px}.project-start-grid{grid-template-columns:1fr;margin-bottom:20px}.project-action-card{min-height:0;padding:18px}.learning-band{grid-template-columns:1fr;align-items:start;gap:14px;margin:0 -16px;padding:18px 16px}.learning-band h2{font-size:17px}.learning-band-button{width:100%}.learning-band-actions{width:100%;align-items:stretch;flex-direction:column}.app-download-band{grid-template-columns:1fr;align-items:start;gap:14px;margin:0 -16px 20px;padding:18px 16px}.app-download-band h2{font-size:17px}.app-download-link{width:100%}.download-shell,.guide-shell{width:min(100% - 32px,920px);padding-top:22px}.learn-shell{width:min(100% - 32px,1180px);padding-top:22px}.download-site-header,.guide-site-header,.learn-site-header{margin-bottom:36px}.download-intro,.guide-intro{grid-template-columns:1fr;gap:16px;padding-bottom:26px}.download-app-icon,.guide-intro img{width:72px;height:72px}.download-intro h1,.guide-intro h1,.learn-intro h1{font-size:25px}.learn-file-map{grid-template-columns:1fr;width:100%}.learn-concept-heading{grid-template-columns:1fr;align-items:start;gap:6px}.learn-concept-heading .guide-eyebrow{grid-column:auto}.learn-concept-lane{grid-template-columns:1fr;gap:8px;padding:11px 10px}.learn-growth-heading{display:grid;gap:4px}.learn-growth-lane{padding:13px 10px}.learn-platform-steps,.learn-info-flow-steps{grid-template-columns:1fr}.learn-info-flow-arrow{min-height:24px;transform:none}.learn-feature-note{grid-template-columns:1fr;gap:5px;padding:11px 12px}.learn-example-picker{padding:10px}.learn-example-tabs{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.basics-project-structure{grid-template-columns:1fr;gap:14px;padding:18px 12px}.basics-project-note{grid-column:auto}.learn-example-tabs button{min-height:112px;padding:9px}.learn-example-check,.learn-ai-request{margin-top:20px}.learn-ai-request-intro,.learn-ai-request-main,.learn-ai-followup-heading,.learn-ai-followup-main{grid-template-columns:1fr}.learn-ai-request-intro,.learn-ai-request-main,.learn-ai-followup{padding:16px}.learn-ai-service-links,.learn-ai-conversation-loop{justify-content:flex-start}.learn-ai-followup-actions{align-items:stretch;flex-direction:column}.learn-ai-followup-actions .btn{width:100%}.learn-check-intro,.learn-check-main,.learn-check-summary{padding:16px}.learn-check-progress{align-items:flex-start;flex-direction:column;gap:3px}.learn-check-main h4{font-size:16px}.learn-check-actions,.learn-check-actions .btn,.learn-check-summary .btn{width:100%}.picker-demo-page{padding:10px}.picker-demo-page .picker-page{padding:12px}.picker-demo-page .picker-controls{grid-template-columns:1fr}.oxquiz-demo-page{padding:10px}.oxquiz-demo-page .quiz-page{padding:12px}.todo-demo-page{padding:10px}.todo-demo-page .todo-page{padding:12px}.todo-demo-page .todo-form>div{grid-template-columns:1fr}.todo-demo-page .todo-actions button{flex:1 1 130px}.weather-demo-page{padding:10px}.weather-demo-page .weather-page{padding:12px}.weather-demo-page .weather-result{grid-template-columns:1fr}.weather-demo-page .weather-details{grid-column:auto;grid-template-columns:1fr}.learn-lab-heading{display:grid;align-items:start;gap:6px}.learn-connection-strip{grid-template-columns:1fr}.learn-connection-part{padding:10px 12px}.learn-connection-action{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.learn-connection-target{border-right:0;border-left:5px solid #f59e0b}.learn-connection-arrow{min-height:20px;transform:rotate(90deg)}.learn-file-tab{min-width:112px;padding-inline:10px}.learn-code-line{grid-template-columns:34px minmax(0,1fr);padding-right:10px}.learn-code-line code{font-size:11px}.learn-code-toolbar,.learn-code-scope-bar{align-items:stretch;flex-direction:column;gap:7px;padding:8px 10px}.learn-code-scope-switch,.learn-code-scope-switch button{width:100%}.learn-current-file{min-height:24px}.learn-section-picker{width:100%;justify-content:space-between}.learn-section-picker select{width:min(100%,320px)}.learn-code-view-switch,.learn-code-view-button{width:100%}.learn-code-lines.block-view{padding:10px}.learn-selected-code-preview{max-height:190px}.learn-selected-code-header{align-items:flex-start}.learn-code-block{width:calc(100% - (var(--block-depth) * 8px));grid-template-columns:30px minmax(0,1fr);margin-left:calc(var(--block-depth) * 8px)}.learn-block-step{width:28px;height:28px}.learn-block-code-range{grid-column:2;justify-self:start}.learn-demo-browser{margin:10px}.learn-demo-page{min-height:270px;padding:18px}.learn-result-heading{grid-template-columns:1fr;align-items:start;padding:10px}.learn-result-actions{width:100%;grid-template-columns:1fr;justify-content:stretch}.learn-result-actions>.btn{grid-column:auto;justify-self:start}.learn-preview-modes,.learn-mode-button{width:100%}.learn-selected-heading{align-items:flex-start;flex-direction:column;gap:2px}.learn-code-layer{grid-template-columns:76px minmax(0,1fr)}.learn-next-step{grid-template-columns:1fr;gap:16px;padding:0 0 18px}.bounce-compare{padding:28px 0}.bounce-compare-heading h2{font-size:19px}.bounce-mode-switch{width:100%}.bounce-mode-switch button{min-height:64px;padding-inline:8px}.bounce-role-map{grid-template-columns:1fr}.bounce-role-map button+button,.bounce-role-map button:nth-child(3){border-top:1px solid #cbd5e1;border-left:4px solid #db2777;box-shadow:none}.bounce-role-map button:nth-child(3){border-left-color:#0f766e}.bounce-tool-heading{align-items:flex-start;flex-direction:column}.bounce-tool-heading>span{text-align:left}#bounce-preview{min-height:400px}.bounce-code-lines{height:330px}.bounce-choice-guide{grid-template-columns:1fr}.bounce-choice-guide>div{grid-template-columns:1fr;gap:4px}.bounce-choice-guide>div+div{border-top:1px solid #cbd5e1;border-left:0}.learn-next-step>div{padding:18px 18px 0}.learn-next-step .btn{margin:0 18px}.download-options,.download-guide,.guide-choice-grid,.guide-ai-grid,.guide-image-methods,.guide-finish,.guide-learn-steps{grid-template-columns:1fr}.guide-learn-steps li{border-right:0;border-bottom:1px solid #e2e8f0}.guide-learn-steps li:last-child{border-bottom:0}.guide-storage-map{grid-template-columns:1fr}.guide-storage-map>span{transform:rotate(90deg)}.guide-workspace-list article{grid-template-columns:1fr;gap:4px}.guide-learn-actions{align-items:stretch;flex-direction:column}.download-options{margin:24px 0}.download-option{min-height:210px}.download-guide{gap:18px;padding:24px 0}.guide-files{margin:0 -16px;padding:28px 16px}.guide-file-table [role=row]{grid-template-columns:1fr;gap:4px}.guide-image-method>p{min-height:0}.guide-image-choice{grid-template-columns:1fr;gap:5px}.help-version-row{grid-template-columns:1fr;gap:2px}.project-grid{flex-basis:150px}.help-modal-box{max-height:88vh;overflow-y:auto}.help-modal-header{gap:10px}.help-modal-actions{align-items:flex-end;flex-direction:column-reverse}.starter-choice-modal{max-height:88vh;overflow-y:auto}.starter-choice-grid{grid-template-columns:1fr}.project-tree-row small{width:100%;margin-left:24px;text-align:left}.workspace-header{padding-left:56px}.workspace-right{min-width:340px}.preview-size-controls{grid-template-columns:1fr}.preview-preset-buttons{grid-column:auto}}@media(max-width:980px){.workspace-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"primary-nav primary-nav" "project status"}.header-left,.header-right{min-width:0}.editor-tab-indicator{max-width:100%}.editor-control-buttons{width:100%;margin-left:0}.workspace-sidebar{width:240px;max-width:240px}.workspace-right{width:380px;min-width:340px}.server-control-panel{grid-template-columns:1fr;align-items:stretch}.preview-power-control{justify-content:flex-start}.preview-size-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.preview-preset-buttons{grid-column:1 / -1}}@media(max-height:760px){.dashboard-container{padding-top:54px}.dashboard-header{margin-bottom:16px}.project-action-card{min-height:340px;padding:18px}.preview-viewport-section{padding:10px}.preview-heading{margin-bottom:6px}.preview-size-controls{padding:8px;margin-bottom:8px}.console-panel{height:180px}}@media(max-width:720px){.console-header{align-items:stretch}.console-title-group,.console-actions{width:100%}.console-actions{justify-content:flex-start}.btn-console-action.primary{flex:1 1 190px}.log-item-actions{width:100%;margin-left:0}}@media(max-width:720px){.workspace-header{grid-template-columns:minmax(0,1fr);grid-template-areas:"primary-nav" "project" "status";padding:8px 12px 8px 56px;gap:8px}.header-left,.header-right{justify-content:flex-start}.preview-panel-heading,.panel-collapse-button{display:none}.header-right{gap:6px}.status-badge{max-width:min(100%,230px)}.workspace-sidebar{width:100%;max-width:100%}.editor-tabs-bar{align-items:stretch}.editor-tab-indicator,.editor-control-buttons{width:100%}.editor-control-buttons{justify-content:flex-start}}@media(max-width:1040px){.nolquiz-structure-bar{grid-template-columns:1fr 1fr}.nolquiz-mode-switch{grid-column:1 / -1}}@media(max-width:720px){.nolquiz-structure-bar{grid-template-columns:1fr}.nolquiz-mode-switch{grid-column:auto;grid-template-columns:1fr}.nolquiz-mode-switch button{min-height:54px}.nolquiz-code-line{grid-template-columns:34px 38px minmax(0,1fr)}.nolquiz-learn-grid .learn-code-layer{grid-template-columns:102px minmax(0,1fr)}.nolquiz-demo-content{padding:12px}.nolquiz-demo-page{padding:0}.nolquiz-demo-heading strong{font-size:19px}.nolquiz-demo-slide>span{align-items:flex-start;flex-direction:column;gap:1px}.nolquiz-demo-slider-controls{grid-template-columns:32px auto minmax(34px,1fr) 32px 32px;gap:4px;padding-inline:7px}}.dashboard-container :where(h1,h2,h3,p,li,strong,small),.download-shell :where(h1,h2,h3,p,li,strong,small),.guide-shell :where(h1,h2,h3,p,li,strong,small),.learn-shell :where(h1,h2,h3,p,li,strong,small),.modal-box :where(h1,h2,h3,p,li,strong,small),.workspace-container :where(h1,h2,h3,p,li,strong,small){overflow-wrap:anywhere}@media(max-width:980px){.workspace-main{flex-wrap:wrap;align-content:flex-start;overflow-x:hidden;overflow-y:auto}.workspace-sidebar,.workspace-center{height:100%;min-height:480px;max-height:none;border-bottom:1px solid #cbd5e1}.workspace-sidebar{flex:0 0 240px;width:240px;max-width:240px;max-height:none}.workspace-center{flex:1 1 calc(100% - 240px);width:auto;min-width:360px;max-width:none;border-right:0}.workspace-right{flex:1 0 100%;width:100%;min-width:0;max-width:100%;height:clamp(680px,100dvh,900px);min-height:680px;border-top:1px solid #cbd5e1}.workspace-sidebar.collapsed,.workspace-center.collapsed,.workspace-right.collapsed{flex-basis:0!important;height:0;min-height:0;border-top:0;border-bottom:0}}@media(min-width:721px)and (max-width:980px){.workspace-sidebar.collapsed{flex:0 0 0px!important;width:0px!important;min-width:0px!important;max-width:0px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;border:0!important}.workspace-right.collapsed{flex:1 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:52px;min-height:52px;border-top:1px solid #cbd5e1}.workspace-right.collapsed .preview-panel-heading{justify-content:flex-end;height:52px}.workspace-right.collapsed .panel-collapse-button{width:auto;min-height:36px;padding:6px 10px;white-space:nowrap}.workspace-center.collapsed{flex:0 0 64px!important;width:64px!important;min-width:64px!important;max-width:64px!important;height:clamp(420px,calc(100dvh - 170px),620px);min-height:420px;border-right:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}}@media(max-width:1080px){.workspace-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:6px 12px!important;min-height:40px!important;height:40px!important;background-color:#fff!important;border-bottom:1px solid #e2e8f0!important;margin-bottom:0!important}.workspace-header .header-right,.workspace-header .btn-toggle-header,.workspace-primary-nav{display:none!important}.workspace-header .header-left{display:flex!important;align-items:center!important;gap:6px!important;font-size:13px!important}.mobile-home-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:3px 8px!important;height:28px!important;min-height:28px!important;font-size:12px!important;font-weight:800!important;background-color:#2563eb!important;color:#fff!important;border:0!important;border-radius:6px!important;box-shadow:0 1px 2px #2563eb33!important;cursor:pointer!important;white-space:nowrap!important}.mobile-home-btn:hover{background-color:#1d4ed8!important}.mobile-workspace-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:4px 6px!important;height:42px!important;background:#f1f5f9!important;border-bottom:1px solid #cbd5e1!important}.mobile-workspace-nav button{min-height:34px!important;height:34px!important;font-size:12.5px!important;font-weight:800!important;padding:0 4px!important;white-space:nowrap!important}.editor-tabs-bar{min-height:42px!important;height:auto!important;padding:6px 10px!important;background-color:#f8fafc!important;border-bottom:1px solid #cbd5e1!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;flex-shrink:0!important;z-index:10!important;position:relative!important}.editor-tab-indicator{background:transparent!important;color:#0f172a!important;padding:0!important;font-size:13px!important;font-weight:800!important;border:0!important;white-space:nowrap!important}.editor-tab-label{display:none!important}.editor-control-buttons{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:4px!important;margin-left:auto!important}.editor-control-buttons .btn{min-height:30px!important;height:30px!important;padding:2px 8px!important;font-size:12px!important;font-weight:700!important;border-radius:6px!important;white-space:nowrap!important;box-shadow:0 1px 2px #0000000d!important}.workspace-main,.workspace-content-area,.workspace-columns{flex:1 1 100%!important;width:100%!important;height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;position:relative!important;padding:0!important;margin:0!important}.workspace-sidebar,.workspace-center,.workspace-right{flex:1 1 100%!important;width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;max-height:none!important;border:0!important;position:relative!important}.workspace-sidebar.collapsed,.workspace-center.collapsed,.workspace-right.collapsed{display:none!important;flex:0 0 0!important;width:0!important;height:0!important;opacity:0!important;pointer-events:none!important}.editor-container-wrapper,#editor-container,#monaco-editor-container,.basic-code-editor-wrap{flex:1 1 100%!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:row!important;border-radius:0!important;border:0!important}.basic-code-editor-gutter{flex:0 0 46px!important;width:46px!important;background-color:#f1f5f9!important;border-right:1.5px solid #cbd5e1!important;padding:12px 6px 12px 0!important;box-sizing:border-box!important}.basic-code-editor-gutter div{color:#334155!important;font-weight:800!important;font-size:13.5px!important;height:22.4px!important;line-height:22.4px!important}.basic-code-editor{flex:1 1 auto!important;background-color:#fff!important;color:#0f172a!important;font-size:14px!important;line-height:22.4px!important;padding:12px 14px!important}.fairy-box,#fairy-box,.workspace-resizer,.btn-toggle-header,.panel-collapse-button,#btn-toggle-editor-view{display:none!important}.preview-size-controls{grid-template-columns:1fr}.preview-preset-buttons{grid-column:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.preview-preset-buttons .btn,.preview-actions .btn{width:100%}.server-info{flex-wrap:wrap}.real-server-link{width:100%;min-width:0}.project-action-card{min-height:0}}@media(max-width:720px){.dashboard-disclosure>summary{align-items:flex-start;padding:14px}.dashboard-disclosure-title{font-size:15px}.dashboard-disclosure-toggle>.ko,.dashboard-disclosure-toggle>.en{display:none}.device-capability-content{grid-template-columns:1fr;gap:12px;padding:14px}.dashboard-disclosure-content{padding:0 14px 14px}.device-capability-list{grid-template-columns:1fr}.device-capability-list>div{min-height:54px}.header-left{flex-wrap:wrap}.project-mode-badge{flex:1 0 100%;width:fit-content}.guide-device-limit{grid-template-columns:1fr;gap:5px}.guide-ai-safety{border-top:1px solid #c7d2fe;border-left:0}}@media(max-width:600px){.site-header{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;margin-bottom:24px}.site-nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;padding:0;overflow:visible}.site-nav a{width:100%;min-height:40px;justify-content:center;padding:7px 6px 6px;line-height:1.3;text-align:center;white-space:normal}.site-nav a:last-child{grid-column:1 / -1}.mobile-desktop-app-notice{grid-template-columns:1fr;align-items:start;gap:12px;padding:14px}.mobile-desktop-app-notice .btn{width:100%}.download-site-header,.guide-site-header,.learn-site-header{margin-bottom:28px}.workspace-header{padding:8px 10px 10px}.mobile-web-status{align-items:stretch;flex-direction:column;gap:10px}.mobile-web-status .btn{width:100%;min-height:44px}.workspace-primary-nav{display:flex;gap:2px;margin-left:44px;overflow-x:auto;overflow-y:hidden}.workspace-primary-nav a,.workspace-primary-nav button{flex:0 0 auto;width:auto;justify-content:center;min-height:36px;padding-inline:9px;text-align:center;white-space:nowrap}.editor-control-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.editor-control-buttons .btn{width:100%}}@media(max-width:480px){.browser-import-limit{grid-template-columns:1fr;gap:4px}.nolquiz-learn-grid .learn-code-layer{grid-template-columns:1fr;gap:5px}.nolquiz-learn-grid .learn-layer-file{width:fit-content;max-width:100%;justify-self:start;overflow:visible;text-align:left;text-overflow:clip;white-space:normal}.modal-overlay{align-items:flex-start;padding:10px}.modal-box{width:100%;max-height:calc(100dvh - 20px);padding:20px}.modal-actions{align-items:stretch;flex-direction:column}.modal-actions .btn{width:100%;min-width:0}.help-modal-header{display:grid;grid-template-columns:minmax(0,1fr) auto}.project-created-files li{grid-template-columns:1fr;gap:3px}.project-tree-depth-2{padding-left:12px}}@media(max-height:640px){.modal-overlay{align-items:flex-start;padding-block:10px}.modal-box{max-height:calc(100dvh - 20px);padding-block:20px}.modal-box p,.modal-steps{margin-bottom:14px}.starter-choice{min-height:0;gap:6px;padding:12px}.starter-project-tree{margin-top:6px}}@media(prefers-reduced-motion:reduce){.nolquiz-demo-track,.learn-inspect-popover.is-narrow,.learn-code-panel-attention{animation:none;transition:none}}html,body{background-color:var(--surface-page)}.site-header,.site-nav,.site-nav>*,.guide-shell,.learn-shell,.download-shell,.guide-section-heading,.learn-lab-heading,.learn-disclosure-copy,.project-action-card,.workspace-sidebar,.workspace-main,.preview-area{min-width:0}.site-nav a,.guide-shell :where(h1,h2,h3,p,li,summary,strong,span),.learn-shell :where(h1,h2,h3,p,li,summary,strong,span,button),.download-shell :where(h1,h2,h3,p,li,strong,span),.dashboard-container :where(h1,h2,h3,p,li,strong,span,button){overflow-wrap:anywhere}.guide-shell :where(h1,h2,h3,summary),.learn-shell :where(h1,h2,h3,summary),.download-shell :where(h1,h2,h3),.dashboard-container :where(h1,h2,h3){word-break:keep-all}.guide-journey,.guide-learn,.guide-images,.guide-faq{margin-inline:-24px;padding-inline:24px;background:var(--surface-blue)}.guide-workspace,.guide-choice-section{margin-inline:-24px;padding-inline:24px;background:#fff}.guide-ai,.guide-finish{margin-inline:-24px;padding-inline:24px;background:var(--surface-teal)}.guide-files{background:var(--surface-amber);border-color:#e5dcc5}.guide-workspace-list article{padding-inline:12px}.guide-workspace-list article:nth-child(2n){background:var(--surface-neutral)}.guide-learn-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-learn-steps li{background:#ffffffb8}.guide-learn-steps li:nth-child(n+4){border-top:1px solid var(--line-soft);background:#f1f8f6d1}.guide-choice{box-shadow:inset 0 3px 0 var(--accent-amber-muted)}.guide-choice:nth-child(2){box-shadow:inset 0 3px 0 var(--accent-blue-muted)}.guide-choice:nth-child(3){box-shadow:inset 0 3px 0 var(--accent-teal-muted)}.guide-image-method:nth-child(1){background:#f7f9fc}.guide-image-method:nth-child(2){background:#f4f9f7}.guide-image-method:nth-child(3){background:#fbf8f1}.guide-faq-category{border-left-color:var(--accent-blue-muted);background:#e8f0f8;color:#254e70}.guide-faq-category:nth-of-type(2){border-left-color:var(--accent-teal-muted);background:#e8f3f0;color:#285d56}.guide-faq-category:nth-of-type(3),.guide-faq-category:nth-of-type(4){border-left-color:var(--accent-amber-muted);background:#f4efe2;color:#6f5728}.guide-faq details{padding:0;border:1px solid var(--line-soft);border-radius:7px;background:#ffffffd1}.guide-faq summary{padding:13px 14px}.guide-faq details p{margin:0;padding:0 14px 14px}.learn-section-disclosure{border:1px solid var(--line-soft);border-left:4px solid var(--accent-blue-muted);border-radius:8px;overflow:hidden}.learn-section-disclosure>summary,.learn-section-disclosure[open]>summary{background:var(--surface-blue)}.learn-example-disclosure{border-left-color:var(--accent-teal-muted)}.learn-example-disclosure>summary,.learn-example-disclosure[open]>summary{background:var(--surface-teal)}.learn-ai-disclosure{border-left-color:var(--accent-amber-muted)}.learn-ai-disclosure>summary,.learn-ai-disclosure[open]>summary{background:var(--surface-amber)}.basics-project-structure{background:var(--surface-blue)}.basics-language-grid article[data-language=html]{background:#f5f8fc}.basics-language-grid article[data-language=css]{background:#faf6f8}.basics-language-grid article[data-language=javascript]{background:#f2f8f6}.learn-example-picker-visible{background:#eef3f7}.learn-lab-heading{padding:20px;border-bottom:1px solid var(--line-soft);background:var(--surface-blue)}.learn-example-panel[data-learn-example-panel=picker] .learn-lab-heading,.learn-example-panel[data-learn-example-panel=todo] .learn-lab-heading,.learn-example-panel[data-learn-example-panel=weather] .learn-lab-heading{background:var(--surface-teal)}.learn-example-panel[data-learn-example-panel=bounce] .learn-lab-heading,.learn-example-panel[data-learn-example-panel=oxquiz] .learn-lab-heading,.learn-example-panel[data-learn-example-panel=nolquiz] .learn-lab-heading{background:var(--surface-amber)}.learn-code-explanation,.learn-result-heading{background:var(--surface-neutral)}.project-action-new{box-shadow:inset 0 3px 0 var(--accent-blue-muted)}.project-action-existing{box-shadow:inset 0 3px 0 var(--accent-teal-muted)}.backup-panel{background:var(--surface-blue)}.submit-guide{background:var(--surface-teal)}.download-option:first-child{box-shadow:inset 0 3px 0 var(--accent-blue-muted)}.download-option:nth-child(2){box-shadow:inset 0 3px 0 var(--accent-teal-muted)}.download-guide{padding-inline:20px;border-color:var(--line-soft);background:var(--surface-blue)}@media(max-width:980px){.site-header{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}.site-nav{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0;padding:0;overflow:visible}.site-nav>a,.site-nav>button{min-width:0}.site-nav a{width:100%;min-height:44px;justify-content:center;padding:7px 6px 6px;line-height:1.3;text-align:center;white-space:normal;word-break:keep-all}.guide-learn-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-learn-steps li:nth-child(n+3){border-top:1px solid var(--line-soft)}}@media(max-width:720px){.site-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-quick-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0}.guide-quick-nav a{min-width:0;display:grid;place-items:center;min-height:42px;padding:6px;line-height:1.3;text-align:center;white-space:normal;word-break:keep-all}.guide-journey,.guide-workspace,.guide-learn,.guide-ai,.guide-choice-section,.guide-images,.guide-finish,.guide-faq{margin-inline:-16px;padding-inline:16px}.guide-learn-steps{grid-template-columns:1fr}.guide-learn-steps li,.guide-learn-steps li:nth-child(n+3),.guide-learn-steps li:nth-child(n+4){border-top:0;border-right:0;border-bottom:1px solid var(--line-soft)}.guide-learn-steps li:last-child{border-bottom:0}.learn-section-disclosure>summary{grid-template-columns:minmax(0,1fr) auto}.learn-disclosure-kicker{grid-column:1 / -1;justify-self:start}.learn-lab-heading{padding:18px 16px}.basics-feature-steps{grid-template-columns:1fr}.basics-feature-steps li+li{border-top:1px solid #cbd5e1;border-left:0}}@media(max-width:600px){.site-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav a:last-child{grid-column:1 / -1}.guide-quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-faq summary,.guide-faq details p{padding-inline:12px}.guide-workspace-list article{padding-inline:10px}.existing-project-example{grid-template-columns:repeat(2,minmax(0,1fr))}.existing-project-example span{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.learn-demo-browser-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.learn-demo-browser-bar>span{display:none}.learn-demo-browser-bar div{margin-left:0;overflow:visible;text-align:left;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.learn-preview-target-label{max-width:none}}.site-footer{margin-top:60px;padding:30px 0 20px;border-top:1px solid #e2e8f0;font-size:13px;color:#64748b;text-align:center;width:100%}.site-footer-content{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:0 20px}.site-footer .copyright{margin:0;color:#94a3b8;font-weight:500}.site-footer .privacy-note{margin:0;color:#64748b;font-size:12px;max-width:600px;line-height:1.5;background-color:#f8fafc;padding:8px 16px;border-radius:8px;border:1px solid #e2e8f0}.site-footer .footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:4px}.site-footer .footer-link{color:#475569;text-decoration:none;font-weight:600;transition:color .15s ease;font-size:13px}.site-footer .footer-link:hover{color:#2563eb}.site-footer .divider{color:#cbd5e1;-webkit-user-select:none;user-select:none}@media(max-width:640px){.site-footer .footer-links{flex-direction:column;gap:8px}.site-footer .divider{display:none}}.privacy-page .privacy-intro{margin-bottom:40px}.privacy-page .privacy-section{margin-bottom:24px;background-color:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.privacy-page .privacy-section h2{margin-top:0;color:#0f172a;font-size:1.25rem;border-bottom:2px solid #eff6ff;padding-bottom:12px;margin-bottom:16px}.privacy-page .privacy-section p{color:#475569;line-height:1.6;font-size:14px;margin-bottom:12px}.privacy-page .privacy-section ul{padding-left:20px;margin-bottom:0}.privacy-page .privacy-section li{color:#475569;font-size:14px;line-height:1.6;margin-bottom:8px}.privacy-page .privacy-section li:last-child{margin-bottom:0}body:not(.lang-en) .en{display:none!important}body.lang-en .ko{display:none!important}.site-header-right{display:flex;align-items:center;gap:12px;min-width:0;flex:1;justify-content:flex-end}.lang-switch-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0;height:34px}.lang-switch-btn:hover{background-color:#eff6ff;border-color:#2563eb;color:#2563eb}.language-dock{order:3;height:36px;min-width:82px;border-radius:8px;flex:0 0 auto}.language-dock:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.quick-tools-dropdown .lang-switch-btn{display:none}@media(max-width:859px){.language-dock{position:absolute;top:4px;right:104px;z-index:501}.site-brand{padding-right:198px!important}}.wiki-toc-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #cbd5e1;border-radius:8px;padding:16px 20px;width:100%;max-width:800px;margin:24px auto 32px;box-sizing:border-box;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.wiki-toc-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #3b82f6;padding-bottom:8px;margin-bottom:14px}.wiki-toc-title{font-weight:700;font-size:15px;color:#1e293b;display:flex;align-items:center;gap:6px}.wiki-toc-title:before{content:"📋";font-size:16px}.btn-toggle-wiki-toc{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;cursor:pointer;font-size:11px;padding:4px 10px;border-radius:12px;font-weight:600;transition:all .2s ease}.btn-toggle-wiki-toc:hover{background-color:#dbeafe;border-color:#93c5fd}.wiki-toc-list{margin:0;padding:0;list-style:none}@media(min-width:768px){.wiki-toc-list{column-count:2;column-gap:28px}}.wiki-toc-list>li{margin-bottom:14px;font-size:14px;line-height:1.5;border-left:2px solid #cbd5e1;padding-left:10px;transition:border-color .2s ease;break-inside:avoid}.wiki-toc-list>li:hover{border-left-color:#3b82f6}.wiki-toc-list a{color:#334155;text-decoration:none;font-weight:500;transition:color .15s ease}.wiki-toc-list a:hover{color:#2563eb;text-decoration:underline}.wiki-toc-list ol{margin-top:6px;padding-left:12px;list-style:none}.wiki-toc-list ol li{font-size:13px;margin-bottom:4px;border-left:none;padding-left:0}.wiki-toc-list ol a{color:#64748b;font-weight:400}.wiki-toc-list ol a:hover{color:#2563eb}.toc-num{font-weight:700;color:#3b82f6;margin-right:6px}.wiki-section{margin-bottom:40px;border-bottom:1px solid #e2e8f0;padding-bottom:24px}.wiki-section h2{font-size:22px;color:#0f172a;border-bottom:1px solid #cbd5e1;padding-bottom:6px;margin-top:30px;margin-bottom:16px;font-weight:700}.wiki-sub-section h3{font-size:17px;color:#1e293b;margin-top:24px;margin-bottom:12px;font-weight:700}.wiki-box{background-color:#f1f5f9;border-left:4px solid #475569;padding:14px 18px;border-radius:0 8px 8px 0;margin:16px 0;font-size:14px;line-height:1.6;color:#334155;box-shadow:0 1px 3px #0000000d}.wiki-box-title{font-weight:700;margin-bottom:6px;color:#0f172a;font-size:14.5px}.wiki-box ul,.wiki-box ol{margin-top:8px;padding-left:20px}.wiki-box li{margin-bottom:6px}.wiki-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:15px;border-radius:8px}.wiki-table{width:100%;min-width:550px;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;border-collapse:collapse}.wiki-table th{background-color:#f1f5f9;font-weight:700;color:#1e293b}.wiki-table td,.wiki-table th{padding:12px;border:1px solid #e2e8f0}body.dark-mode .wiki-toc-container{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155;box-shadow:0 4px 6px -1px #0003}body.dark-mode .wiki-toc-title{color:#f1f5f9}body.dark-mode .btn-toggle-wiki-toc{background-color:#1e293b;border-color:#3b82f6;color:#60a5fa}body.dark-mode .btn-toggle-wiki-toc:hover{background-color:#2d3748;border-color:#60a5fa}body.dark-mode .wiki-toc-list>li{border-left-color:#475569}body.dark-mode .wiki-toc-list>li:hover{border-left-color:#60a5fa}body.dark-mode .wiki-toc-list a{color:#cbd5e1}body.dark-mode .wiki-toc-list a:hover{color:#60a5fa}body.dark-mode .wiki-toc-list ol a{color:#94a3b8}body.dark-mode .wiki-toc-list ol a:hover{color:#60a5fa}body.dark-mode .wiki-section h2{color:#f8fafc;border-color:#475569}body.dark-mode .wiki-box{background-color:#1e293b;border-left-color:#64748b;color:#cbd5e1}body.dark-mode .wiki-box-title{color:#f8fafc}body.dark-mode .wiki-table th{background-color:#1e293b;color:#f1f5f9}body.dark-mode .wiki-table td{border-color:#334155;color:#cbd5e1}.quick-tools-menu{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;margin-left:auto}@media(max-width:859px){.site-header{position:relative!important;padding-top:4px!important;margin-bottom:8px!important}.quick-tools-menu{position:absolute!important;top:4px!important;right:0!important;z-index:500!important;margin-left:0!important}.site-brand{padding-right:105px!important}.site-nav{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:4px 6px!important;padding-top:6px!important}.site-nav a{flex:1 1 auto;text-align:center;justify-content:center;padding:6px 8px;font-size:12.5px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.site-nav a.site-nav-current{background:#eff6ff;border-color:#2563eb;color:#2563eb}}.monaco-editor,.monaco-editor .focused,.monaco-editor .monaco-scrollable-element,.monaco-editor .overflow-guard,.monaco-editor .view-overlays .current-line,.monaco-editor .current-line,.monaco-editor .lines-content .current-line,.basic-code-editor,.basic-code-editor-wrap{border:0!important;outline:none!important;box-shadow:none!important}.monaco-editor .view-overlays .current-line,.monaco-editor .current-line{background-color:transparent!important;border:0!important}.quick-tools-btn{display:inline-flex;align-items:center;gap:6px;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;color:#334155;cursor:pointer;transition:all .2s ease;height:36px;box-shadow:0 1px 2px #0000000d}.quick-tools-btn:hover,.quick-tools-menu.active .quick-tools-btn{background-color:#f8fafc;border-color:#2563eb;color:#2563eb;box-shadow:0 2px 4px #2563eb1f}.quick-tools-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:175px;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;padding:6px;display:none;flex-direction:column;gap:3px;z-index:1000}.quick-tools-menu.active .quick-tools-dropdown{display:flex}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:#334155;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease;white-space:nowrap;box-sizing:border-box}.dropdown-item:hover{background-color:#eff6ff;color:#2563eb}.site-header{transition:all .25s ease-out}.site-header.collapsed{display:none!important}.btn-toggle-header-site{display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:#fff;border:1px solid #cbd5e1;border-top:none;border-radius:0 0 8px 8px;padding:3px 16px;font-size:11px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000a;height:22px;line-height:1}.btn-toggle-header-site:hover{background:#f8fafc;color:#2563eb;border-color:#3b82f6}body.site-header-collapsed .btn-toggle-header-site{position:fixed!important;top:0!important;left:50%!important;transform:translate(-50%)!important;z-index:9999!important;background:#fff!important;border:1px solid #3b82f6!important;border-top:none!important;border-radius:0 0 10px 10px!important;padding:4px 18px!important;font-size:11.5px!important;font-weight:700!important;color:#2563eb!important;box-shadow:0 4px 14px #2563eb40!important;margin:0!important}body.site-header-collapsed .btn-toggle-header-site:hover{background:#eff6ff!important;border-color:#1d4ed8!important;color:#1d4ed8!important}body.site-header-collapsed .guide-shell,body.site-header-collapsed .basics-shell,body.site-header-collapsed .learn-shell,body.site-header-collapsed .download-shell,body.site-header-collapsed .privacy-shell,body.site-header-collapsed .editor-workspace{padding-top:10px!important;margin-top:0!important}body.site-header-collapsed .guide-intro,body.site-header-collapsed .basics-hero,body.site-header-collapsed .learn-hero,body.site-header-collapsed .download-hero{padding-top:8px!important;padding-bottom:8px!important;margin-top:0!important;margin-bottom:12px!important}body.site-header-collapsed .guide-eyebrow{display:none!important}.dashboard-tip-box{margin:0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.dashboard-disclosure-content{padding:0 18px 18px}.dashboard-tip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}@media(max-width:768px){.dashboard-tip-grid{grid-template-columns:1fr}}.dashboard-tip-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:18px 20px;box-shadow:0 2px 6px #00000005;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.dashboard-tip-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f;border-color:#cbd5e1}.dashboard-tip-card h3{font-size:15.5px;font-weight:700;color:#1e293b;margin:0 0 10px;line-height:1.4}.dashboard-tip-card p{font-size:13.5px;line-height:1.65;color:#475569;margin:0}.dashboard-tip-card b,.dashboard-tip-card strong{color:#1d4ed8;font-weight:600;background-color:#eff6ff;padding:2px 6px;border-radius:4px}.dashboard-tip-actions{display:flex;justify-content:flex-end;margin-top:8px}.dashboard-tip-actions .btn{display:inline-flex;align-items:center;gap:6px;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;color:#2563eb;text-decoration:none;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.dashboard-tip-actions .btn:hover{background-color:#eff6ff;border-color:#3b82f6;color:#1d4ed8;box-shadow:0 4px 10px #3b82f626}body.dark-mode .quick-tools-btn{background-color:#1e293b;border-color:#475569;color:#f1f5f9}body.dark-mode .quick-tools-btn:hover,body.dark-mode .quick-tools-menu.active .quick-tools-btn{background-color:#334155;border-color:#60a5fa;color:#60a5fa}body.dark-mode .language-dock{background-color:#1e293b;border-color:#475569;color:#e2e8f0}body.dark-mode .language-dock:hover{background-color:#334155;border-color:#60a5fa;color:#bfdbfe}body.dark-mode .quick-tools-dropdown{background-color:#1e293b;border-color:#475569;box-shadow:0 10px 25px -5px #0006}body.dark-mode .dropdown-item{color:#cbd5e1}body.dark-mode .dropdown-item:hover{background-color:#334155;color:#60a5fa}body.dark-mode .btn-toggle-header-site{background:#1e293b;border-color:#475569;color:#94a3b8}body.dark-mode .btn-toggle-header-site:hover{background:#334155;color:#60a5fa;border-color:#60a5fa}body.dark-mode .dashboard-tip-box{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155;box-shadow:0 4px 12px #0000004d}body.dark-mode .dashboard-disclosure{background:#0f172a;border-color:#334155}body.dark-mode .dashboard-disclosure>summary:hover{background:#1e293b}body.dark-mode .dashboard-disclosure-title{color:#f8fafc}body.dark-mode .dashboard-disclosure-description{color:#94a3b8}body.dark-mode .dashboard-tip-card{background:#1e293b;border-color:#334155;box-shadow:0 2px 6px #0003}body.dark-mode .dashboard-tip-card:hover{border-color:#475569;box-shadow:0 6px 16px #0006}body.dark-mode .dashboard-tip-card h3{color:#f1f5f9}body.dark-mode .dashboard-tip-card p{color:#cbd5e1}body.dark-mode .dashboard-tip-card b,body.dark-mode .dashboard-tip-card strong{color:#93c5fd;background-color:#1e3a8a}body.dark-mode .dashboard-tip-actions .btn{background-color:#1e293b;border-color:#475569;color:#60a5fa}body.dark-mode .dashboard-tip-actions .btn:hover{background-color:#2d3748;border-color:#60a5fa;color:#93c5fd}