:root{--font-body:"Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-heading:"Trebuchet MS", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"Cascadia Mono", "Consolas", "SFMono-Regular", "Menlo", monospace;--ink:#1f2933;--muted:#52606d;--paper-strong:#fff;--brand:#d46a1f;--brand-dark:#ad5418;--accent:#0d7b76;--shadow:0 12px 30px #1f29331f;font-family:var(--font-body);color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#edf0eb;font-weight:500;line-height:1.4}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 18%,#d46a1f33,#0000 30%),radial-gradient(circle at 88% 20%,#0d7b7638,#0000 28%),linear-gradient(#eef2ea 0%,#f8f9f6 52%,#eef0ea 100%);min-width:320px;min-height:100vh;margin:0}#app{width:min(1220px,100% - 2.4rem);margin:1.2rem auto 2.2rem}.page-shell{gap:1.2rem;display:grid}.hero{box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff5,#fbf8f4f2);border:1px solid #1f293314;border-radius:20px;padding:clamp(1rem,2vw,1.6rem)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.78rem;font-weight:800}h1{font-family:var(--font-heading);margin:.45rem 0 0;font-size:clamp(1.5rem,3.1vw,2.4rem);line-height:1.1}.subtitle{color:var(--muted);max-width:78ch;margin:.65rem 0 0}.app-boot-shell{min-height:180px}.hero-highlights{flex-wrap:wrap;gap:.45rem;margin-top:.9rem;display:flex}.hero-highlight{color:#0b5f5b;background:#0d7b7614;border:1px solid #0d7b762e;border-radius:999px;align-items:center;min-height:34px;padding:.38rem .72rem;font-size:.79rem;font-weight:700;line-height:1.25;display:inline-flex}.hero-controls{flex-wrap:wrap;align-items:center;gap:.62rem;margin-top:1rem;display:flex}.hero-links{flex-wrap:wrap;gap:.75rem;margin-top:.7rem;display:flex}.inline-link{color:#0b5f5b;font-size:.84rem;font-weight:700;text-decoration:none}.inline-link:hover{text-decoration:underline}.share-menu{position:relative}.share-menu>summary{list-style:none}.share-menu>summary::-webkit-details-marker{display:none}.share-popover{z-index:5;background:#fffffffa;border:1px solid #1f293329;border-radius:12px;gap:.34rem;min-width:196px;padding:.45rem;display:grid;position:absolute;top:calc(100% + .45rem);left:0;box-shadow:0 12px 24px #1f293324}.share-popover .btn{justify-content:flex-start;width:100%}.workspace{grid-template-columns:1fr 340px;align-items:start;gap:1rem;display:grid}.mobile-quick-export,.mobile-export-bar{display:none}.palette-area{align-content:start;gap:.4rem;display:grid}.palette-toolbar{gap:.6rem;padding:0 .08rem;display:grid}.palette-toolbar p{color:#465868;margin:0;font-size:.82rem}.history-toolbar{flex-wrap:wrap;align-items:flex-start;gap:.55rem;display:flex}.history-panel{background:#ffffffe0;border:1px solid #1f293329;border-radius:14px;min-width:min(100%,320px);box-shadow:0 6px 18px #1f29330d}.history-panel summary{cursor:pointer;color:#25303b;padding:.62rem .78rem;font-size:.84rem;font-weight:700;list-style:none}.history-panel summary::-webkit-details-marker{display:none}.history-panel[open] summary{border-bottom:1px solid #1f293314}.history-list{gap:.55rem;max-height:320px;padding:.68rem;display:grid;overflow:auto}.history-empty{color:#52606d;margin:0;font-size:.82rem}.history-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #1f29331f;border-radius:12px;gap:.45rem;width:100%;padding:.68rem;font-family:inherit;display:grid}.history-item.is-active{background:#f4fbfa;border-color:#0d7b766b}.history-preview{grid-template-columns:repeat(5,minmax(0,1fr));gap:.28rem;display:grid}.history-preview span{background:var(--tone);border:1px solid #1f293314;border-radius:999px;height:12px}.history-meta{color:#465868;justify-content:space-between;gap:.6rem;font-size:.76rem;display:flex}.history-meta strong{color:#25303b}.history-detail{color:#52606d;font-size:.74rem}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:max-content;align-items:start;gap:.7rem;display:grid}.swatch-card{background:var(--paper-strong);animation:.48s both cardIn;animation-delay:var(--delay);border:1px solid #1f293329;border-radius:16px;flex-direction:column;align-self:start;display:flex;overflow:hidden;box-shadow:0 7px 20px #1f293314}.swatch-card.is-locked{border-color:#d46a1fa6}.swatch-top{background:#fffffff7;border-bottom:1px solid #1f293312;justify-content:space-between;gap:.35rem;padding:.5rem;display:flex}.swatch-block{cursor:copy;background:var(--swatch);border:0;width:100%;height:160px}.swatch-meta{background:#fff;gap:.24rem;padding:.55rem .6rem .45rem;display:grid}.swatch-meta span{color:#5d6974;font-size:.75rem}.swatch-meta code{font-family:var(--font-mono);color:#25303b;word-break:break-word;font-size:.88rem;display:inline-block}.swatch-input{width:100%;min-width:0;height:34px;font-family:var(--font-mono);border:1px solid #1f293326;border-radius:8px;padding:0 .56rem;font-size:.82rem;display:block}.swatch-input:focus-visible{outline-offset:-1px;border-color:#0d7b7675;outline:2px solid #0d7b7638}.panel{background:#fffffff2;border:1px solid #1f29331a;border-radius:16px;align-self:start;padding:1rem;box-shadow:0 8px 24px #1f293312}.panel h2{font-family:var(--font-heading);margin:0}.panel p{color:var(--muted);margin:.45rem 0 0;font-size:.88rem}.export-actions{flex-wrap:wrap;gap:.4rem;margin-top:.8rem;display:flex}.export-preview{color:#d5e2ea;min-height:176px;max-height:240px;font-family:var(--font-mono);background:#0f1720;border:1px solid #0f1720d9;border-radius:12px;margin:.8rem 0;padding:.7rem;font-size:.78rem;line-height:1.45;overflow:auto}.export-cta{border-top:1px dashed #1f293329;gap:.55rem;margin-top:.7rem;padding-top:.75rem;display:grid}.export-cta p{color:#4d5c68;margin:0;font-size:.82rem}.export-cta-copy{max-width:28ch;line-height:1.5}.newsletter-form{gap:.55rem;display:grid}.newsletter-input{border:1px solid #1f293333;border-radius:999px;height:40px;padding:0 .82rem;font-family:inherit;font-size:.84rem}.newsletter-input:focus-visible{outline-offset:2px;outline:3px solid #0d7b764d}.newsletter-input:disabled{cursor:not-allowed;background:#f4f5f6}.newsletter-form .btn{width:100%}.newsletter-form .btn:disabled{opacity:.58;cursor:not-allowed}.newsletter-target{display:none}.newsletter-status{color:#0b5f5b;min-height:1.1rem;margin:0;font-size:.78rem;font-weight:700}.preview-section{background:#fffffff0;border:1px solid #1f29331f;border-radius:16px;gap:.8rem;padding:1rem;display:grid;box-shadow:0 8px 24px #1f293312}.preview-head h2{font-family:var(--font-heading);margin:0}.preview-head p{color:var(--muted);margin:.4rem 0 0;font-size:.88rem}.preview-note{color:#687782;font-size:.8rem}.preview-tabs{flex-wrap:wrap;gap:.45rem;display:flex}.preview-canvas{background:#fbfcfd;border:1px solid #1f29331a;border-radius:14px;min-height:280px;overflow:hidden}.entry-section{background:#fffffff0;border:1px solid #1f29331a;border-radius:16px;gap:.9rem;padding:1rem;display:grid;box-shadow:0 8px 24px #1f293312}.entry-head h2{font-family:var(--font-heading);margin:0}.entry-head p{color:var(--muted);margin:.45rem 0 0;font-size:.88rem}.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem;display:grid}.entry-card{background:#fcfdfc;border:1px solid #1f29331c;border-radius:14px;gap:.6rem;padding:.8rem;display:grid}.entry-card.is-current{background:#f4fbfa;border-color:#0d7b7666}.entry-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.entry-kicker{color:#0b5f5b;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.entry-badge{color:#0b5f5b;background:#ecf6f5;border:1px solid #0d7b7638;border-radius:999px;align-items:center;padding:.16rem .48rem;font-size:.72rem;font-weight:700;display:inline-flex}.entry-card h3{font-family:var(--font-heading);margin:0;font-size:1rem}.entry-card p{color:#4f5d6a;margin:0;font-size:.84rem}.entry-card .btn{justify-self:start}.use-case-section{background:#fffffff0;border:1px solid #1f29331a;border-radius:16px;gap:.9rem;padding:1rem;display:grid;box-shadow:0 8px 24px #1f293312}.use-case-head h2{font-family:var(--font-heading);margin:0}.use-case-head p{color:var(--muted);margin:.45rem 0 0;font-size:.88rem}.use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;display:grid}.use-case-card{background:#fcfdfc;border:1px solid #1f29331c;border-radius:14px;gap:.6rem;padding:.8rem;display:grid}.use-case-card h3{font-family:var(--font-heading);margin:0;font-size:1rem}.use-case-card p{color:#4f5d6a;margin:0;font-size:.84rem}.mini-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:.34rem;display:grid}.mini-strip span{background:var(--tone);border:1px solid #1f29331f;border-radius:8px;height:22px}.use-case-card .btn{justify-self:start}.use-case-actions{justify-content:flex-start;display:flex}.use-case-links{flex-wrap:wrap;gap:.45rem;display:flex}.scene{height:100%;min-height:280px;padding:1rem}.scene-landing{background:linear-gradient(135deg, var(--c1a), #fffffff2)}.landing-nav{color:#203240;align-items:center;gap:.5rem;font-weight:700;display:flex}.landing-nav .brand-dot{background:var(--c1);border-radius:999px;width:10px;height:10px}.mock-button{white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;padding:.38rem .8rem;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.landing-nav .mock-button{margin-left:auto}.mock-button-primary{background:var(--c2);color:var(--on-c2)}.mock-button-solid{background:var(--c1);color:var(--on-c1)}.mock-button-outline{border:1px solid var(--c3);color:#1f2933;background:#fff}.landing-body{grid-template-columns:1fr 220px;gap:.8rem;margin-top:.8rem;display:grid}.hero-block{background:#fff;border:1px solid #1f293314;border-radius:12px;padding:1rem}.hero-block h3{font-family:var(--font-heading);color:#13212d;margin:0}.hero-block p{color:#566473;margin:.52rem 0 0}.cta-row{gap:.5rem;margin-top:.72rem;display:flex}.cta-row .mock-button{border-radius:10px;padding:.44rem .74rem}.mock-card{background:var(--c4);color:var(--on-c4);border-radius:12px;padding:.85rem}.mock-card p{margin:0}.mock-card strong{font-family:var(--font-mono);margin-top:.5rem;display:inline-block}.scene-dashboard{background:linear-gradient(170deg, var(--c2a), #fffffff0)}.dashboard-header{align-items:center;gap:.5rem;display:flex}.dashboard-header .badge{background:var(--c3);color:var(--on-c3);border-radius:999px;padding:.28rem .62rem;font-size:.76rem;font-weight:700}.dashboard-header .mock-button{margin-left:auto}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.9rem;display:grid}.stat-card{background:#fff;border:1px solid #1f293317;border-radius:12px;padding:.72rem}.stat-card.alt{background:var(--c5);border-color:#0f172a14}.stat-card.alt p,.stat-card.alt strong{color:var(--on-c5)}.stat-card.soft{background:var(--c1a)}.stat-card p{color:#4f5d6a;margin:0;font-size:.8rem}.stat-card strong{font-family:var(--font-mono);color:#10202e;margin-top:.4rem;display:inline-block}.scene-mobile{background:radial-gradient(circle at 10% 10%, var(--c1a), #f8fafb 70%);place-items:center;display:grid}.phone-shell{background:#fff;border:7px solid #151f28;border-radius:24px;width:230px;padding:.62rem}.phone-top{background:#1f2933;border-radius:999px;width:80px;height:8px;margin:0 auto .62rem}.phone-card{background:var(--c1);color:var(--on-c1);border-radius:12px;padding:.72rem}.phone-card h3{margin:0;font-size:.95rem}.phone-card p{margin:.42rem 0 0;font-size:.8rem}.phone-card .mock-button-light{color:#1b2a37;background:#fff;border-radius:10px;width:100%;margin-top:.62rem;padding:.42rem 0;font-weight:700}.phone-pill-row{gap:.35rem;margin-top:.6rem;display:flex}.phone-pill-row span{background:var(--c2);border-radius:999px;flex:1;height:8px}.phone-pill-row span:nth-child(2){background:var(--c4)}.phone-pill-row span:nth-child(3){background:var(--c5)}.footer-note{flex-direction:column;gap:.35rem;display:flex}.footer-note p{color:#4d5965;margin:0;font-size:.9rem}.footer-link{color:#0b5f5b;font-weight:700;text-decoration:none}.footer-stack{gap:.4rem;display:grid}.footer-nav{flex-wrap:wrap;gap:.85rem;display:flex}.footer-nav a{color:#0b5f5b;font-size:.9rem;font-weight:700;text-decoration:none}.footer-nav a:hover,.footer-link:hover{text-decoration:underline}.status{min-height:1.1rem;color:var(--accent);font-weight:700}.btn,.chip{color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #1f293333;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .82rem;font-family:inherit;font-size:.84rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover,.chip:hover{border-color:#1f293373;transform:translateY(-1px)}.btn:disabled,.chip:disabled{opacity:.52;cursor:not-allowed;transform:none}.btn:focus-visible,.chip:focus-visible,.swatch-block:focus-visible{outline-offset:2px;outline:3px solid #0d7b7659}.btn-primary{color:#fff;border-color:var(--brand-dark);background:linear-gradient(180deg, var(--brand), var(--brand-dark))}.btn-ghost{color:#8e4612;background:#fff9f3;border-color:#d46a1f59}.chip.lock.is-locked,.chip.is-active{color:#0b5f5b;background:#ecf6f5;border-color:#0d7b767a}kbd{font-family:var(--font-mono);color:#fff;background:#1f2933;border-radius:5px;padding:.1rem .35rem;font-size:.76rem}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.workspace{grid-template-columns:1fr}.panel{order:2}.landing-body{grid-template-columns:1fr}}@media (width<=860px){#app{width:min(100% - 1.35rem,900px)}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-block{height:128px}.dashboard-grid{grid-template-columns:1fr}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-grid{grid-template-columns:1fr}}@media (width<=520px){body{padding-bottom:calc(4.9rem + env(safe-area-inset-bottom))}.hero-controls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.btn{width:100%}.mobile-quick-export{display:inline-flex}.mobile-secondary-control,.shortcut-tip{display:none}.share-menu{width:100%}.hero-links{flex-direction:column;gap:.42rem}.history-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.history-panel{width:100%;min-width:0}.history-panel summary{text-align:center;place-items:center;min-height:100%;display:grid}.entry-grid{grid-template-columns:1fr}.newsletter-form .btn{width:100%}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.swatch-block{height:108px}.swatch-top{padding:.38rem}.swatch-top .chip{padding-inline:.58rem}.hero-highlight:not(:first-child){display:none}.mobile-export-bar{z-index:30;padding:.68rem max(.72rem, env(safe-area-inset-right)) calc(.68rem + env(safe-area-inset-bottom)) max(.72rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #1f293324;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1f29331f}.mobile-export-bar .btn{width:min(100%,520px)}}