.control-panel[data-v-ef045675]{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #0e74902e;border-radius:1.25rem;min-width:0;padding:1.25rem;box-shadow:0 20px 55px #0f172a1f}.panel-heading[data-v-ef045675]{border-bottom:1px solid #0e74901f;align-items:center;gap:.75rem;padding-bottom:1rem;display:flex}.panel-icon[data-v-ef045675]{color:#0369a1;background:#e0f2fe;border-radius:.9rem;flex:none;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.35rem;display:inline-flex;box-shadow:inset 0 0 0 1px #0284c71f}.panel-eyebrow[data-v-ef045675]{color:#64748b;letter-spacing:.09em;margin:0;font-size:.72rem;font-weight:800}.panel-title[data-v-ef045675]{color:#0f172a;margin:.15rem 0 0;font-size:1.35rem;font-weight:900;line-height:1.2}.controls[data-v-ef045675]{display:grid}.control-group[data-v-ef045675]{border-bottom:1px solid #0e74901a;min-width:0;padding:.85rem 0}.control-label[data-v-ef045675]{color:#334155;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;margin-bottom:.65rem;font-size:.9rem;font-weight:750;display:flex}.value-display[data-v-ef045675]{color:#0369a1;background:#e0f2fe;border-radius:999px;flex:none;padding:.16rem .55rem;font-size:.75rem;font-weight:850;line-height:1.35}.value-display--color[data-v-ef045675]{text-transform:uppercase;font-family:DM Mono,monospace}input[type=range][data-v-ef045675]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#38bdf8,#2563eb);border-radius:999px;outline:none;width:100%;height:.5rem}input[type=range][data-v-ef045675]::-webkit-slider-thumb{appearance:none;background:#0284c7;border:3px solid #fff;border-radius:50%;width:1.25rem;height:1.25rem;box-shadow:0 2px 8px #0f172a40}.control-group--color[data-v-ef045675]{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.control-group--color .control-label[data-v-ef045675]{margin:0}.color-input[data-v-ef045675]{cursor:pointer;background:0 0;border:1px solid #0e749033;border-radius:.75rem;width:2.75rem;height:2.35rem;padding:.15rem;overflow:hidden}.preset-section[data-v-ef045675]{border:0;min-width:0;margin:1rem 0 0;padding:0}.section-label[data-v-ef045675]{color:#334155;margin-bottom:.65rem;font-size:.9rem;font-weight:850}.preset-grid[data-v-ef045675]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.preset-button[data-v-ef045675]{color:#334155;cursor:pointer;background:#f0f9ffe6;border:1px solid #0e74901f;border-radius:.9rem;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:5.35rem;padding:.55rem .35rem;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:flex}.preset-button[data-v-ef045675]:hover{background:#fff;border-color:#0284c759;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a17}.preset-button--active[data-v-ef045675]{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 9px 24px #0284c73d}.preset-icon[data-v-ef045675]{flex:none;margin-bottom:.3rem;font-size:1.25rem}.preset-name[data-v-ef045675]{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;font-weight:850;line-height:1.25;overflow:hidden}.preset-description[data-v-ef045675]{opacity:.72;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:.15rem;font-size:.65rem;line-height:1.25;overflow:hidden}.action-buttons[data-v-ef045675]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.action-button[data-v-ef045675]{color:#fff;white-space:nowrap;cursor:pointer;background:#0369a1;border:0;border-radius:.9rem;justify-content:center;align-items:center;gap:.45rem;min-width:0;min-height:2.85rem;padding:.65rem .75rem;font-size:.82rem;font-weight:850;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:0 8px 20px #0369a133}.action-button--secondary[data-v-ef045675]{background:#0ea5e9}.action-button[data-v-ef045675]:hover{background:#075985;transform:translateY(-1px);box-shadow:0 12px 24px #0369a147}.info-text[data-v-ef045675]{color:#475569;overflow-wrap:anywhere;background:#e0f2fec7;border-radius:.85rem;margin:.85rem 0 0;padding:.7rem .8rem;font-size:.75rem;line-height:1.55}.info-text strong[data-v-ef045675]{color:#0369a1}button[data-v-ef045675]:focus-visible,input[data-v-ef045675]:focus-visible{outline-offset:2px;outline:3px solid #0ea5e959}html.dark{background:#0f172adb;border-color:#7dd3fc2e;box-shadow:0 22px 60px #0000005c}html.dark,html.dark{border-color:#7dd3fc1f}html.dark,html.dark,html.dark{color:#bae6fd;background:#0e749033}html.dark,html.dark,html.dark,html.dark{color:#cbd5e1}html.dark{color:#fff;background:#0369a1;border-color:#38bdf8}@media (width<=420px){.control-panel[data-v-ef045675]{padding:1rem}.preset-grid[data-v-ef045675]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){button[data-v-ef045675]{transition:none!important}button[data-v-ef045675]:hover{transform:none!important}}.cloud-surface[data-v-54c40d38]{background:#87ceeb;position:absolute;inset:0;overflow:hidden}.cloud-renderer[data-v-54c40d38]{width:100%;height:100%;display:block}.cloud-page[data-v-5ef46fc9]{color:#0f172a;background:radial-gradient(circle at 8% 12%,#ffffffe6 0 4.5rem,#0000 4.6rem),radial-gradient(circle at 91% 25%,#bae6fdc7 0 7rem,#0000 7.1rem),linear-gradient(145deg,#eff6ff,#e0f2fe 46%,#dbeafe);min-height:100dvh;font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}.page-shell[data-v-5ef46fc9]{box-sizing:border-box;width:min(100%,90rem);margin:0 auto;padding-left:1rem;padding-right:1rem}.local-badge[data-v-5ef46fc9]{color:#0369a1;white-space:nowrap;background:#e0f2fec7;border-radius:999px;align-items:center;gap:.4rem;min-height:2.25rem;padding:.4rem .75rem;font-size:.75rem;font-weight:800;display:inline-flex}.page-content[data-v-5ef46fc9]{padding-top:1.65rem;padding-bottom:3rem}.hero[data-v-5ef46fc9]{align-items:center;gap:clamp(1rem,3vw,2rem);max-width:62rem;margin-bottom:1.8rem;display:flex}.hero-icon[data-v-5ef46fc9]{border-radius:1.6rem;flex:none;width:clamp(4.5rem,8vw,6.25rem);height:clamp(4.5rem,8vw,6.25rem);transform:rotate(-2deg);box-shadow:0 18px 40px #0e749029}.hero-copy[data-v-5ef46fc9]{min-width:0}.hero-eyebrow[data-v-5ef46fc9]{color:#0369a1;letter-spacing:.14em;margin:0 0 .25rem;font-size:.72rem;font-weight:900}.hero-title[data-v-5ef46fc9]{background:linear-gradient(115deg,#0f172a 5%,#0369a1 52%,#0284c7);color:#0000;letter-spacing:-.055em;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Arial Rounded MT Bold,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(2.35rem,7vw,4.75rem);font-weight:950;line-height:1.02}.hero-description[data-v-5ef46fc9]{color:#475569;text-wrap:pretty;max-width:43rem;margin:.85rem 0 0;font-size:clamp(.95rem,1.4vw,1.08rem);font-weight:600;line-height:1.7}.feature-list[data-v-5ef46fc9]{flex-wrap:wrap;gap:.5rem;margin:.9rem 0 0;padding:0;list-style:none;display:flex}.feature-list li[data-v-5ef46fc9]{color:#475569;white-space:nowrap;background:#ffffff94;border:1px solid #0e74901f;border-radius:999px;align-items:center;gap:.35rem;min-height:1.85rem;padding:.28rem .65rem;font-size:.72rem;font-weight:750;display:inline-flex}.workspace[data-v-5ef46fc9]{grid-template-columns:minmax(0,1fr) minmax(20rem,23rem);align-items:start;gap:1.25rem;display:grid}.mobile-cloud-actions[data-v-5ef46fc9]{display:none}.mobile-cloud-button[data-v-5ef46fc9]{color:#fff;background:#0369a1;border:0;border-radius:.85rem;justify-content:center;align-items:center;gap:.45rem;min-width:0;min-height:2.85rem;padding:.65rem .8rem;font-size:.82rem;font-weight:850;display:inline-flex}.mobile-cloud-button--secondary[data-v-5ef46fc9]{color:#075985;background:#e0f2fe;border:1px solid #0e74903d}.preview-panel[data-v-5ef46fc9]{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #0e74902e;border-radius:1.25rem;min-width:0;padding:1rem;box-shadow:0 20px 55px #0f172a1f}.preview-toolbar[data-v-5ef46fc9]{justify-content:space-between;align-items:center;gap:1rem;padding:.1rem .1rem .9rem;display:flex}.preview-title[data-v-5ef46fc9]{align-items:center;gap:.65rem;min-width:0;display:flex}.preview-live-dot[data-v-5ef46fc9]{background:#22c55e;border:2px solid #fff;border-radius:50%;flex:none;width:.65rem;height:.65rem;box-shadow:0 0 0 4px #22c55e29}.preview-title p[data-v-5ef46fc9]{color:#0f172a;margin:0;font-size:.9rem;font-weight:900}.preview-title span[data-v-5ef46fc9]{color:#64748b;white-space:nowrap;margin-top:.12rem;font-size:.68rem;font-weight:650;display:block}.mode-switch[data-v-5ef46fc9]{background:#e2e8f0;border-radius:.8rem;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;padding:.2rem;display:inline-grid}.mode-button[data-v-5ef46fc9]{color:#64748b;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:.65rem;justify-content:center;align-items:center;gap:.35rem;min-height:2.25rem;padding:.42rem .7rem;font-size:.74rem;font-weight:850;transition:background .16s,color .16s,box-shadow .16s;display:inline-flex}.mode-button--active[data-v-5ef46fc9]{color:#0369a1;background:#fff;box-shadow:0 3px 10px #0f172a1f}.preview-stage[data-v-5ef46fc9]{isolation:isolate;background:#87ceeb;border:1px solid #0e749033;border-radius:1rem;min-height:clamp(23rem,55vw,42rem);position:relative;overflow:hidden}.preview-stage[data-v-5ef46fc9]:after{z-index:1;border-radius:inherit;pointer-events:none;content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff3d}.preview-stamp[data-v-5ef46fc9]{z-index:2;color:#fff;letter-spacing:.1em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a5c;border:1px solid #ffffff57;border-radius:999px;align-items:center;gap:.4rem;min-height:2rem;padding:.35rem .65rem;font-size:.62rem;font-weight:900;display:inline-flex;position:absolute;bottom:.8rem;right:.8rem}.preview-note[data-v-5ef46fc9]{color:#64748b;align-items:flex-start;gap:.4rem;margin:.75rem 0 0;font-size:.72rem;font-weight:650;line-height:1.5;display:flex}button[data-v-5ef46fc9]:focus-visible{outline-offset:2px;outline:3px solid #0ea5e959}html.dark{color:#0000;background:linear-gradient(115deg,#f8fafc 5%,#bae6fd 50%,#38bdf8);-webkit-background-clip:text;background-clip:text;border-color:#7dd3fc2e;box-shadow:0 22px 60px #00000057}html.dark,html.dark{color:#7dd3fc}html.dark{color:#bae6fd;background:#0e749038;border-color:#7dd3fc38}html.dark,html.dark,html.dark{color:#cbd5e1}html.dark{color:#7dd3fc;background:#1e293b;border-color:#7dd3fc24}@media (width<=900px){.workspace[data-v-5ef46fc9]{grid-template-columns:minmax(0,1fr)}.preview-stage[data-v-5ef46fc9]{min-height:min(68vw,34rem)}}@media (width<=640px){.page-shell[data-v-5ef46fc9]{padding-left:.75rem;padding-right:.75rem}.local-badge[data-v-5ef46fc9]{display:none}.page-content[data-v-5ef46fc9]{padding-top:1.25rem;padding-bottom:6.5rem}.hero[data-v-5ef46fc9]{align-items:flex-start;gap:.8rem;margin-bottom:1.25rem}.hero-icon[data-v-5ef46fc9]{border-radius:1.15rem;width:4rem;height:4rem}.hero-title[data-v-5ef46fc9]{font-size:clamp(2.15rem,11vw,3rem)}.hero-description[data-v-5ef46fc9]{margin-top:.55rem;font-size:.88rem;line-height:1.6}.feature-list[data-v-5ef46fc9]{gap:.35rem;margin-top:.7rem}.feature-list li[data-v-5ef46fc9]{font-size:.66rem}.preview-panel[data-v-5ef46fc9]{padding:.75rem}.preview-toolbar[data-v-5ef46fc9]{align-items:flex-start;gap:.55rem}.mode-button[data-v-5ef46fc9]{min-height:2.1rem;padding:.35rem .5rem;font-size:.7rem}.preview-stage[data-v-5ef46fc9]{border-radius:.85rem;min-height:68vw}.mobile-cloud-actions[data-v-5ef46fc9]{right:.75rem;bottom:max(.75rem, env(safe-area-inset-bottom));z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #0e749029;border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:.55rem;display:grid;position:fixed;left:.75rem;box-shadow:0 16px 40px #0f172a33}}@media (width<=360px){.hero[data-v-5ef46fc9]{display:block}.hero-icon[data-v-5ef46fc9]{margin-bottom:.75rem}.preview-title span[data-v-5ef46fc9]{display:none}}@media (prefers-reduced-motion:reduce){button[data-v-5ef46fc9]{transition:none!important}}