.layout-detail-v2.svelte-uqhie8{width:min(980px,calc(100% - 1rem));margin:0 auto}.layout-detail-v2.svelte-uqhie8 .layout-detail-shell:where(.svelte-uqhie8){border:1px solid rgb(163 191 224 / .72);border-radius:1rem;padding:.72rem;display:grid;gap:.62rem;background:radial-gradient(circle at 0 0,rgb(16 116 255 / .18),transparent 34%),radial-gradient(circle at 100% 6%,rgb(6 182 212 / .15),transparent 30%),linear-gradient(180deg,#f9fdffd6,#f0f8ffe6);box-shadow:0 16px 34px -24px #0d213b54}.layout-detail-v2.svelte-uqhie8 .layout-detail-head:where(.svelte-uqhie8){border:1px solid rgb(179 207 240 / .8);border-radius:.72rem;background:#ffffffd1;padding:.62rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-back:where(.svelte-uqhie8){text-decoration:none;border:1px solid rgb(179 207 240 / .95);background:#edf5fffa;color:#1a559f;border-radius:.62rem;font-size:.74rem;font-weight:700;padding:.38rem .56rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-head-right:where(.svelte-uqhie8){display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.36rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-head-token:where(.svelte-uqhie8){border:1px solid rgb(159 197 245);border-radius:999px;background:#eef6ff;color:#1656a9;font-size:.68rem;font-weight:800;padding:.3rem .48rem;line-height:1;white-space:nowrap}.layout-detail-v2.svelte-uqhie8 .layout-detail-head-token-amber:where(.svelte-uqhie8){border-color:#fdcb84;background:#fff5e3;color:#92400e}.layout-detail-v2.svelte-uqhie8 .layout-detail-head-token-rose:where(.svelte-uqhie8){border-color:#fbb6c6;background:#ffeff2;color:#9f1239}.layout-detail-v2.svelte-uqhie8 .layout-detail-module:where(.svelte-uqhie8),.layout-detail-v2.svelte-uqhie8 .layout-detail-panel:where(.svelte-uqhie8){border:1px solid rgb(190 211 238 / .92);border-radius:.84rem;background:#f8fcffe0;padding:.68rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-title-row:where(.svelte-uqhie8){margin:0 0 .5rem;display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-title:where(.svelte-uqhie8){margin:0;font-size:clamp(1.65rem,6.4vw,2.5rem);line-height:.98;letter-spacing:-.03em;color:#0f2a4e}.layout-detail-v2.svelte-uqhie8 .layout-detail-thumb:where(.svelte-uqhie8){border:1px solid rgb(183 208 238);border-radius:.78rem;min-height:220px;position:relative;overflow:hidden;background:linear-gradient(155deg,#d7e6ff,#ebf6ff 58%,#d4f0ff),repeating-linear-gradient(0deg,rgb(44 95 161 / .16) 0,rgb(44 95 161 / .16) 1px,transparent 1px,transparent 20px),repeating-linear-gradient(90deg,rgb(44 95 161 / .16) 0,rgb(44 95 161 / .16) 1px,transparent 1px,transparent 20px)}.layout-detail-v2.svelte-uqhie8 .layout-detail-thumb-fallback:where(.svelte-uqhie8){min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;color:#587194;padding:.9rem;font-size:.84rem;line-height:1.7}.layout-detail-preview-host{height:100%;border-radius:0}.layout-detail-preview-host canvas{height:100%!important;min-height:220px}.layout-detail-v2.svelte-uqhie8 .layout-detail-share-row:where(.svelte-uqhie8){margin-top:.58rem;display:flex}.layout-detail-v2.svelte-uqhie8 .layout-detail-share-btn:where(.svelte-uqhie8){display:inline-flex;width:100%;justify-content:center;align-items:center;gap:.48rem;border:1px solid rgb(133 180 240);border-radius:.78rem;background:linear-gradient(145deg,#ecf6ff,#e3f0ff);color:#134f9d;font-weight:800;font-size:.94rem;padding:.62rem .9rem;box-shadow:0 12px 24px -18px #1e40af73;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}.layout-detail-v2.svelte-uqhie8 .layout-detail-share-btn:where(.svelte-uqhie8):hover{transform:translateY(-2px);background:linear-gradient(145deg,#e2efff,#d8e9ff);box-shadow:0 14px 26px -18px #1e40af8c}.layout-detail-v2.svelte-uqhie8 .layout-detail-share-btn:where(.svelte-uqhie8):active{transform:translateY(0);box-shadow:inset 0 2px 8px #1e40af33}.layout-detail-v2.svelte-uqhie8 .layout-detail-stats:where(.svelte-uqhie8){display:grid;gap:.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.layout-detail-v2.svelte-uqhie8 .layout-detail-stat:where(.svelte-uqhie8){border:1px solid rgb(195 215 241);border-radius:.7rem;background:#f5f9ff;padding:.56rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-stat:where(.svelte-uqhie8) b:where(.svelte-uqhie8){font-size:1.26rem;color:#10335e;line-height:1}.layout-detail-v2.svelte-uqhie8 .layout-detail-stat:where(.svelte-uqhie8) span:where(.svelte-uqhie8){display:block;margin-top:.34rem;font-size:.66rem;letter-spacing:.08em;color:#5f7696;font-weight:700;line-height:1.2;text-transform:uppercase}.layout-detail-v2.svelte-uqhie8 .layout-detail-panel:where(.svelte-uqhie8) h2:where(.svelte-uqhie8){margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:#5e7799;font-weight:800}.layout-detail-v2.svelte-uqhie8 .layout-detail-panel-meta:where(.svelte-uqhie8){margin:.5rem 0 0;font-size:.85rem;color:#1f375a;line-height:1.65}.layout-detail-v2.svelte-uqhie8 .layout-detail-author-link:where(.svelte-uqhie8){color:#1e609f;font-weight:700;text-decoration:none}.layout-detail-v2.svelte-uqhie8 .layout-detail-author-link:where(.svelte-uqhie8):hover{text-decoration:underline}.layout-detail-v2.svelte-uqhie8 .layout-detail-inline-actions:where(.svelte-uqhie8){margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.4rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-inline-btn:where(.svelte-uqhie8){border:1px solid rgb(182 205 236);border-radius:.62rem;background:#f1f7ff;color:#1b4d8f;display:inline-flex;align-items:center;gap:.3rem;font-size:.73rem;font-weight:700;padding:.42rem .56rem;line-height:1;transition:transform .13s ease}.layout-detail-v2.svelte-uqhie8 .layout-detail-inline-btn:where(.svelte-uqhie8):hover:enabled{transform:translateY(-1px)}.layout-detail-v2.svelte-uqhie8 .layout-detail-inline-btn:where(.svelte-uqhie8):disabled{cursor:not-allowed;opacity:.46}.layout-detail-v2.svelte-uqhie8 .layout-detail-inline-btn-warm:where(.svelte-uqhie8){border-color:#fcd389;background:#fff7ed;color:#9a3412}.layout-detail-v2.svelte-uqhie8 .layout-detail-inline-btn-info:where(.svelte-uqhie8){border-color:#7dd3fc;background:#ecfeff;color:#0c4a6e}.layout-detail-v2.svelte-uqhie8 .layout-detail-note:where(.svelte-uqhie8){margin-top:.62rem;border-radius:.72rem;padding:.58rem .64rem;font-size:.82rem;line-height:1.64}.layout-detail-v2.svelte-uqhie8 .layout-detail-note-title:where(.svelte-uqhie8){margin:0 0 .24rem;font-size:.67rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700}.layout-detail-v2.svelte-uqhie8 .layout-detail-note:where(.svelte-uqhie8) p:where(.svelte-uqhie8){margin:0}.layout-detail-v2.svelte-uqhie8 .layout-detail-note-time:where(.svelte-uqhie8){margin-top:.36rem!important;font-size:.72rem;opacity:.8}.layout-detail-v2.svelte-uqhie8 .layout-detail-note-cyan:where(.svelte-uqhie8){border:1px solid rgb(125 211 252 / .78);background:#ecfeffe6;color:#0c4a6e}.layout-detail-v2.svelte-uqhie8 .layout-detail-note-sky:where(.svelte-uqhie8){border:1px solid rgb(147 197 253 / .78);background:#eff6ffe6;color:#1e40af}.layout-detail-v2.svelte-uqhie8 .layout-detail-panel-description:where(.svelte-uqhie8){margin:.5rem 0 0;font-size:.9rem;color:#1f375a;line-height:1.72}.layout-detail-v2.svelte-uqhie8 .layout-detail-tags:where(.svelte-uqhie8){margin-top:.56rem;display:flex;flex-wrap:wrap;gap:.42rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-tag-chip:where(.svelte-uqhie8){border:1px solid rgb(183 209 242);background:#eef6ff;color:#1f5f9f;border-radius:.56rem;font-size:.74rem;font-weight:700;padding:.36rem .55rem;line-height:1;text-decoration:none}.layout-detail-v2.svelte-uqhie8 .layout-detail-tag-chip:where(.svelte-uqhie8):hover{border-color:#93c5fd;color:#1e40af}.layout-detail-v2.svelte-uqhie8 .layout-detail-tags-muted:where(.svelte-uqhie8) .layout-detail-tag-chip-muted:where(.svelte-uqhie8){background:#f8fafc;border-color:#cbd5e1;color:#475569}.layout-detail-v2.svelte-uqhie8 .layout-detail-import-code:where(.svelte-uqhie8){margin-top:.56rem;border:1px dashed rgb(146 187 237);border-radius:.62rem;background:#f5faff;color:#154f95;font-size:1.4rem;font-weight:800;text-align:center;letter-spacing:.2em;padding:.66rem .56rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.layout-detail-v2.svelte-uqhie8 .layout-detail-import-hint:where(.svelte-uqhie8){margin:.82rem 0 0;font-size:.75rem;color:#597394;line-height:1.58}.layout-detail-v2.svelte-uqhie8 .layout-detail-import-actions:where(.svelte-uqhie8){margin-top:.58rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.layout-detail-v2.svelte-uqhie8 .layout-detail-btn:where(.svelte-uqhie8){border:1px solid rgb(183 207 240);border-radius:.62rem;padding:.56rem .5rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:.76rem;font-weight:800;line-height:1;transition:transform .13s ease,filter .13s ease;text-decoration:none}.layout-detail-v2.svelte-uqhie8 .layout-detail-btn:where(.svelte-uqhie8):hover:enabled{transform:translateY(-1px);filter:brightness(1.03)}.layout-detail-v2.svelte-uqhie8 .layout-detail-btn:where(.svelte-uqhie8):disabled{cursor:not-allowed;opacity:.5}.layout-detail-v2.svelte-uqhie8 .layout-detail-btn-primary:where(.svelte-uqhie8){color:#fff;background:linear-gradient(115deg,#0f78ff,#11a8ff);border-color:transparent}.layout-detail-v2.svelte-uqhie8 .layout-detail-btn-secondary:where(.svelte-uqhie8){color:#1f4f8d;background:#f4f9ff}.layout-detail-v2.svelte-uqhie8 .layout-detail-btn-download:where(.svelte-uqhie8){color:#065f46;border-color:#6ee7b7b8;background:#ecfdf5}.layout-detail-v2.svelte-uqhie8 .layout-detail-import-login-tip:where(.svelte-uqhie8){margin-top:.58rem;border:1px solid rgb(125 211 252 / .6);border-radius:.62rem;background:#f0f9ff;color:#0c4a6e;font-size:.76rem;line-height:1.56;padding:.54rem .58rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-import-login-tip:where(.svelte-uqhie8) p:where(.svelte-uqhie8){margin:0}.layout-detail-v2.svelte-uqhie8 .layout-detail-import-login-tip:where(.svelte-uqhie8) a:where(.svelte-uqhie8){display:inline-flex;margin-top:.34rem;color:#0369a1;font-weight:700;text-decoration:underline;text-underline-offset:2px}.layout-detail-v2.svelte-uqhie8 .layout-detail-feedback-actions:where(.svelte-uqhie8){margin-top:.58rem;display:flex;flex-wrap:wrap;gap:.42rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-icon-btn:where(.svelte-uqhie8){border:1px solid rgb(183 207 240);border-radius:.62rem;background:#f4f9ff;color:#1f4f8d;display:inline-flex;align-items:center;gap:.3rem;padding:.42rem .54rem;font-size:.73rem;font-weight:700;line-height:1}.layout-detail-v2.svelte-uqhie8 .layout-detail-icon-btn:where(.svelte-uqhie8):disabled{cursor:not-allowed;opacity:.5}.layout-detail-v2.svelte-uqhie8 .layout-detail-icon-btn:where(.svelte-uqhie8):hover:enabled{transform:translateY(-1px)}.layout-detail-v2.svelte-uqhie8 .layout-detail-icon-btn-green:where(.svelte-uqhie8){border-color:#a7f3d0;background:#ecfdf5;color:#059669}.layout-detail-v2.svelte-uqhie8 .layout-detail-icon-btn-rose:where(.svelte-uqhie8){border-color:#fbb6ce;background:#fff1f2;color:#be185d}.layout-detail-v2.svelte-uqhie8 .layout-detail-icon-btn-amber:where(.svelte-uqhie8){border-color:#fcd399;background:#fff7ed;color:#b45309}.layout-detail-v2.svelte-uqhie8 .layout-detail-feedback-hint:where(.svelte-uqhie8){margin:.58rem 0 0;border:1px solid rgb(191 219 254);border-radius:.62rem;background:#eff6ff;color:#1e40af;font-size:.74rem;line-height:1.64;padding:.5rem .58rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-head:where(.svelte-uqhie8){display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-head:where(.svelte-uqhie8) strong:where(.svelte-uqhie8){font-size:.88rem;color:#153964}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-head:where(.svelte-uqhie8) span:where(.svelte-uqhie8){font-size:.72rem;color:#59779d}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-form:where(.svelte-uqhie8){display:grid;gap:.44rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-box:where(.svelte-uqhie8){width:100%;border:1px solid rgb(191 213 239);border-radius:.62rem;background:#fff;color:#102342;min-height:94px;resize:vertical;padding:.62rem;font:inherit;line-height:1.55}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-box:where(.svelte-uqhie8)::placeholder{color:#7b90ae}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-actions:where(.svelte-uqhie8){display:flex;justify-content:flex-end}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-send:where(.svelte-uqhie8){border:1px solid rgb(168 200 239);border-radius:.56rem;background:#eef6ff;color:#1562be;font-size:.74rem;font-weight:800;padding:.48rem .62rem;display:inline-flex;align-items:center;gap:.3rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-send:where(.svelte-uqhie8):disabled{cursor:not-allowed;opacity:.5}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-list:where(.svelte-uqhie8){margin-top:.55rem;display:grid;gap:.44rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-item:where(.svelte-uqhie8){border:1px solid rgb(194 214 239 / .95);border-radius:.62rem;background:#f8fcff;padding:.58rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-meta:where(.svelte-uqhie8){display:flex;align-items:center;justify-content:space-between;gap:.5rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-meta:where(.svelte-uqhie8) p:where(.svelte-uqhie8){margin:0;font-size:.8rem;font-weight:700;color:#0f2a4e}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-meta:where(.svelte-uqhie8) span:where(.svelte-uqhie8){font-size:.7rem;color:#647e9e}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-content:where(.svelte-uqhie8){margin:.42rem 0 0;font-size:.81rem;line-height:1.58;color:#1e3a5f}.layout-detail-v2.svelte-uqhie8 .layout-detail-comment-empty:where(.svelte-uqhie8){margin-top:.28rem;border:1px dashed rgb(194 214 239);border-radius:.62rem;background:#f8fbff;color:#587194;font-size:.76rem;line-height:1.58;padding:.55rem .62rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-info-success:where(.svelte-uqhie8),.layout-detail-v2.svelte-uqhie8 .layout-detail-info-error:where(.svelte-uqhie8){border-radius:.66rem;padding:.56rem .62rem;font-size:.76rem;line-height:1.5}.layout-detail-v2.svelte-uqhie8 .layout-detail-info-success:where(.svelte-uqhie8){border:1px solid rgb(110 231 183 / .7);background:#ecfdf5f2;color:#065f46}.layout-detail-v2.svelte-uqhie8 .layout-detail-info-error:where(.svelte-uqhie8){border:1px solid rgb(252 165 165 / .72);background:#fef2f2f5;color:#991b1b}.layout-detail-v2.svelte-uqhie8 .layout-detail-banner:where(.svelte-uqhie8){border-radius:.74rem;padding:.56rem .62rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-banner-amber:where(.svelte-uqhie8){border:1px solid rgb(252 211 153 / .82);background:#fffbebf5;color:#92400e}.layout-detail-v2.svelte-uqhie8 .layout-detail-banner-rose:where(.svelte-uqhie8){border:1px solid rgb(251 182 198 / .82);background:#fff1f2f5;color:#9f1239}.layout-detail-v2.svelte-uqhie8 .layout-detail-banner-title-row:where(.svelte-uqhie8){display:flex;align-items:center;justify-content:space-between;gap:.5rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-banner-title:where(.svelte-uqhie8){margin:0;font-size:.86rem;font-weight:700}.layout-detail-v2.svelte-uqhie8 .layout-detail-banner-badge:where(.svelte-uqhie8){border:1px solid currentColor;border-radius:999px;padding:.24rem .46rem;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;line-height:1;opacity:.9;white-space:nowrap}.layout-detail-v2.svelte-uqhie8 .layout-detail-banner-copy:where(.svelte-uqhie8){margin:.34rem 0 0;font-size:.74rem;line-height:1.56}.layout-detail-v2.svelte-uqhie8 .layout-detail-banner-copy-emphasis:where(.svelte-uqhie8){margin-top:.36rem;border:1px solid currentColor;border-radius:.52rem;padding:.4rem .48rem;opacity:.88}@media(max-width:768px){.layout-detail-v2.svelte-uqhie8{width:min(100%,calc(100% - .6rem))}.layout-detail-v2.svelte-uqhie8 .layout-detail-stats:where(.svelte-uqhie8){grid-template-columns:repeat(4,minmax(0,1fr));gap:.34rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-stat:where(.svelte-uqhie8){padding:.4rem .34rem;border-radius:.54rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-stat:where(.svelte-uqhie8) b:where(.svelte-uqhie8){font-size:1.02rem}.layout-detail-v2.svelte-uqhie8 .layout-detail-stat:where(.svelte-uqhie8) span:where(.svelte-uqhie8){margin-top:.2rem;font-size:.56rem;letter-spacing:.04em}.layout-detail-v2.svelte-uqhie8 .layout-detail-import-actions:where(.svelte-uqhie8){grid-template-columns:1fr}.layout-detail-v2.svelte-uqhie8 .layout-detail-title:where(.svelte-uqhie8){font-size:clamp(1.42rem,7vw,2.2rem)}.layout-detail-v2.svelte-uqhie8 .layout-detail-share-btn:where(.svelte-uqhie8){font-size:.88rem;padding:.56rem .72rem}}