.brand-wordmark{position:relative;display:inline-block;font-family:"M PLUS Rounded 1c",IBM Plex Sans JP,sans-serif;font-weight:800;letter-spacing:.015em;color:#1d2743;line-height:1;padding-top:.22em}.bw-star{position:absolute;width:.44em;height:.44em;top:-.04em}.bw-star-1{left:26%;color:#223151}.bw-star-2{left:59.5%;color:#2f80ed}.bw-star-3{left:92%;color:#37b56b}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .try .brand-wordmark{color:#e9edf6}:root:not([data-theme=light]) .try .bw-star-1{color:#93a7d1}}:root[data-theme=dark] .try .brand-wordmark{color:#e9edf6}:root[data-theme=dark] .try .bw-star-1{color:#93a7d1}.landing{--lp-round: "M PLUS Rounded 1c", "IBM Plex Sans JP", sans-serif;--lp-navy: #223151;--lp-ink: #232c40;--lp-coral: #ff5f52;--lp-blue: #2f80ed;--lp-gray: #5f6a80;--lp-bg: #f6f7fa;min-height:100vh;display:flex;flex-direction:column;background:var(--lp-bg);color:var(--lp-navy);color-scheme:light;overflow:hidden;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slow-spin{to{transform:rotate(360deg)}}.landing-blob{position:absolute;border-radius:50%;filter:blur(46px);pointer-events:none;z-index:0}.landing-blob-pink-left{width:380px;height:380px;bottom:-140px;left:-160px;background:radial-gradient(circle,#ffc6ca8c,#ffd8d600)}.landing-blob-pink-right{width:420px;height:420px;bottom:-120px;right:-170px;background:radial-gradient(circle,#ffcace80,#ffdcda00)}.landing-blob-top{width:420px;height:420px;top:-180px;left:-160px;background:radial-gradient(circle,#dbe4f673,#e2ecfc00)}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 10px;position:relative;z-index:5;animation:fadeIn .8s ease-out}.landing-logo{display:flex;align-items:center;text-decoration:none}.landing-nav{display:flex;align-items:center;gap:12px}.landing-nav a{color:var(--lp-navy);font-size:12px;font-weight:700;text-decoration:none;padding:6px 2px}.landing-nav a:hover{color:var(--lp-coral)}.landing-nav-divider{width:1px;height:14px;background:#22315138}.landing-menu-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:4px;border:none;border-radius:9px;background:transparent;color:var(--lp-navy);cursor:pointer;transition:background .2s ease}.landing-menu-btn:hover{background:#1f2a440f}.landing-menu{position:absolute;top:calc(100% - 2px);right:16px;display:flex;flex-direction:column;min-width:190px;padding:8px;background:#fff;border-radius:16px;box-shadow:0 12px 32px #1f2a4429;z-index:20}.landing-menu a{padding:11px 14px;border-radius:10px;font-size:13px;font-weight:700;color:var(--lp-navy);text-decoration:none}.landing-menu a:hover{background:#1f2a440f}.landing-menu-cta{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;background:linear-gradient(96deg,#ff9440,#ff4d4d);color:#fff!important}.landing-menu-cta:hover{opacity:.92;background:linear-gradient(96deg,#ff9440,#ff4d4d)!important}.landing-main{flex:1;width:100%;max-width:620px;margin:0 auto;padding:8px 24px 56px;position:relative;z-index:2;display:flex;flex-direction:column}.landing-hero{position:relative;padding:44px 0 40px}.hero-copy{position:relative;z-index:2}.hero-title{font-family:var(--lp-round);font-size:clamp(1.5rem,6.6vw,2.2rem);font-weight:800;line-height:1.55;letter-spacing:.03em;margin:0 0 20px;color:var(--lp-ink);animation:fadeInUp .7s ease-out both}.hero-title-accent{color:var(--lp-coral)}.hero-description{font-size:clamp(.85rem,3.6vw,1rem);font-weight:600;letter-spacing:.02em;color:var(--lp-ink);margin:0;animation:fadeInUp .7s ease-out .15s both}.hero-ai{color:var(--lp-blue);font-weight:700}.hero-mascot{position:absolute;top:2px;right:4px;width:clamp(104px,30vw,128px);height:auto;pointer-events:none;z-index:1;filter:drop-shadow(0 6px 14px rgba(87,96,138,.14));animation:fadeIn 1s ease-out .2s both}.hero-mascot-glow{position:absolute;top:-46px;right:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#fffffff2,#f3f4f800);pointer-events:none;z-index:0}.deco-shuriken{position:absolute;animation:slow-spin 16s linear infinite;pointer-events:none;z-index:3}.deco-shuriken-purple{top:-12px;right:24%;color:#6d5bd0;opacity:.95}.deco-shuriken-orange{top:58%;right:-6px;color:#f5a13c;opacity:.95;animation-duration:11s;animation-direction:reverse}.deco-shuriken-violet{top:72%;right:34%;color:#7a6bd8;opacity:.8;animation-duration:9s}.lp-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;animation:fadeInUp .7s ease-out .25s both}.lp-card{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border-radius:24px;padding:14px 12px 34px;text-decoration:none;box-shadow:0 10px 26px #1f2a441a;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.lp-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #1f2a4426}.lp-card-icon{flex-shrink:0;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center}.lp-card-text{display:flex;flex-direction:column;gap:5px;min-width:0;position:relative;z-index:1}.lp-card-title{font-family:var(--lp-round);font-size:15.5px;font-weight:800;letter-spacing:.02em;color:#202942;white-space:nowrap}.lp-card-desc{font-size:10px;line-height:1.6;letter-spacing:.01em;color:#55617a;font-weight:500;white-space:nowrap}.lp-card-arrow{position:absolute;right:10px;bottom:9px;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2;transition:transform .18s ease}.lp-card:hover .lp-card-arrow{transform:translate(3px)}.lp-card-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:15px;z-index:0}.lp-card-orange .lp-card-icon{background:#ffe4d4;color:#f4703a}.lp-card-orange .lp-card-arrow{background:#f4703a}.lp-card-orange .lp-card-wave{color:#ffddcb}.lp-card-green .lp-card-icon{background:#dcf2e4;color:#35ab68}.lp-card-green .lp-card-arrow{background:#35ab68}.lp-card-green .lp-card-wave{color:#d3ecdd}.lp-card-purple .lp-card-icon{background:#e8e3ff;color:#7c5cff}.lp-card-purple .lp-card-arrow{background:#7c5cff}.lp-card-purple .lp-card-wave{color:#e0d9ff}.lp-card-blue .lp-card-icon{background:#dbecfd;color:#2f88f0}.lp-card-blue .lp-card-arrow{background:#2f88f0}.lp-card-blue .lp-card-wave{color:#d2e6fb}.lp-doc{animation:fadeInUp .7s ease-out .2s both}.lp-doc-card{position:relative;display:block;background:#fff;border-radius:24px;padding:20px 18px 40px;text-decoration:none;box-shadow:0 12px 30px #1f2a441f;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.lp-doc-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #1f2a4429}.lp-doc-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.lp-doc-icon{flex-shrink:0;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffe4d4;color:#f4703a}.lp-doc-titles{display:flex;flex-direction:column;gap:4px;min-width:0}.lp-doc-title{font-family:var(--lp-round);font-size:19px;font-weight:800;letter-spacing:.03em;color:#202942}.lp-doc-sub{font-size:12px;font-weight:700;letter-spacing:.02em;color:#f4703a}.lp-doc-arrow{margin-left:auto;flex-shrink:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f4703a;color:#fff;transition:transform .18s ease}.lp-doc-card:hover .lp-doc-arrow{transform:translate(3px)}.lp-doc-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.lp-doc-points li{position:relative;padding-left:20px;font-size:12.5px;line-height:1.65;font-weight:500;color:#3d4761;letter-spacing:.01em}.lp-doc-points li:before{content:"✓";position:absolute;left:2px;top:0;font-weight:800;color:#35ab68}.lp-doc-card .lp-card-wave{color:#ffddcb}.lp-more-label{margin:22px 0 10px;font-family:var(--lp-round);font-size:13px;font-weight:800;letter-spacing:.06em;color:#7b849c;text-align:center}.lp-card-grid--sub{grid-template-columns:repeat(3,1fr)}.lp-card-grid--sub .lp-card{flex-direction:column;align-items:center;gap:8px;padding:14px 6px 28px}.lp-card-grid--sub .lp-card-icon{width:40px;height:40px}.lp-card-grid--sub .lp-card-title{font-size:13px}.lp-card-grid--sub .lp-card-desc,.lp-card-grid--sub .lp-card-arrow{display:none}.lp-trust{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;align-items:center;gap:7px}.lp-trust li{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;letter-spacing:.01em;color:#55617a}.lp-trust li svg{flex-shrink:0;color:#35ab68}.landing-cta-area{display:flex;flex-direction:column;align-items:center;margin-top:40px;animation:fadeInUp .7s ease-out .4s both}.hero-cta{font-family:var(--lp-round);display:inline-flex;align-items:center;justify-content:center;gap:12px;width:min(100%,360px);padding:17px 26px;background:linear-gradient(96deg,#ff9440,#ff4d4d);color:#fff;white-space:nowrap;font-size:16.5px;font-weight:800;letter-spacing:.06em;text-decoration:none;border-radius:999px;box-shadow:0 12px 26px #ff605059;transition:transform .16s ease,box-shadow .16s ease}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 16px 32px #ff60506b}.hero-cta:active{transform:translateY(1px);box-shadow:0 8px 18px #ff605052}.hero-cta svg:last-child{transition:transform .18s ease}.hero-cta:hover svg:last-child{transform:translate(4px)}.hero-note{display:inline-flex;align-items:center;gap:6px;margin:18px 0 0;padding:8px 16px;background:#eaecf2;border-radius:999px;font-size:12px;font-weight:700;color:#3c4a68}.hero-subnote{margin:20px 0 0;font-size:12.5px;letter-spacing:.02em;color:var(--lp-gray);font-weight:500}.hero-pricing-link{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:13px;font-weight:700;color:var(--lp-blue);text-decoration:none}.hero-pricing-link:hover{text-decoration:underline}@media(min-width:769px){.landing-header{padding:22px 48px 12px}.brand-wordmark{font-size:32px!important}.landing-nav{gap:16px}.landing-nav a{font-size:13.5px}.landing-main{max-width:660px;padding-top:28px}.landing-hero{padding:52px 0 48px}.hero-title{font-size:2.4rem}.hero-description{font-size:1.05rem}.hero-mascot{width:170px;right:0;top:-6px}.hero-mascot-glow{width:340px;height:340px;right:-80px}.deco-shuriken-purple{width:30px;height:30px}.deco-shuriken-orange{width:24px;height:24px}.lp-card-grid{gap:18px}.lp-card{padding:20px 16px 28px 18px}.lp-card-icon{width:54px;height:54px}.lp-card-title{font-size:18px}.lp-card-desc{font-size:12px}.lp-card-arrow{width:28px;height:28px;right:14px;bottom:16px}.lp-card-wave{height:17px}.lp-card-grid--sub .lp-card{flex-direction:row;align-items:center;gap:10px;padding:16px 12px 30px 14px}.lp-card-grid--sub .lp-card-icon{width:44px;height:44px}.lp-card-grid--sub .lp-card-title{font-size:15px}.lp-card-grid--sub .lp-card-desc{display:block;font-size:10.5px}.lp-card-grid--sub .lp-card-arrow{display:flex}.lp-doc-card{padding:26px 26px 46px}.lp-doc-title{font-size:22px}.lp-doc-sub{font-size:13.5px}.lp-doc-points li{font-size:14px}.lp-trust{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shuriken-spinner{animation:shuriken-spin 1s linear infinite;flex-shrink:0}@keyframes shuriken-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.shuriken-spinner{animation:none}}.feature-selector{animation:fadeIn .4s ease;width:100%;max-width:860px;margin:0 auto 36px;text-align:center}.feature-selector-eyebrow{font-family:"M PLUS Rounded 1c",IBM Plex Sans JP,sans-serif;font-size:21px;font-weight:800;letter-spacing:.08em;color:var(--color-text);margin-bottom:2px}.feature-selector-question{font-size:26px;font-weight:800;letter-spacing:.08em;color:var(--color-text);margin-bottom:28px}.feature-selector-accent{color:var(--color-primary)}.feature-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature-card-orange{--fc: #f4703a;--fc-wave: #ffddcb}.feature-card-green{--fc: #35ab68;--fc-wave: #d3ecdd}.feature-card-purple{--fc: #7c5cff;--fc-wave: #e0d9ff}.feature-card-blue{--fc: #2f88f0;--fc-wave: #d2e6fb}.feature-card{position:relative;display:flex;align-items:center;gap:14px;overflow:hidden;padding:22px 20px 40px;background:var(--color-surface);border:1px solid rgba(34,49,81,.08);border-radius:24px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #2231510f}.feature-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #2231511f;border-color:#22315124}.feature-card.selected{border-color:var(--fc);box-shadow:0 10px 24px #2231511f}.feature-card-icon-box{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:var(--fc-wave)}.feature-card-icon{color:var(--fc);transition:transform .25s ease}.feature-card:hover .feature-card-icon{transform:scale(1.08)}.feature-card-text{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left;min-width:0}.feature-card-label{font-family:"M PLUS Rounded 1c",IBM Plex Sans JP,sans-serif;font-size:17px;font-weight:800;color:var(--color-text)}.feature-card-desc{font-size:12.5px;line-height:1.5;color:var(--color-text-muted)}.feature-card-arrow{position:absolute;right:12px;bottom:10px;z-index:1;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--fc);color:#fff;transition:transform .25s ease}.feature-card:hover .feature-card-arrow{transform:translate(3px)}.feature-card-wave{position:absolute;left:0;right:0;bottom:0;width:100%;height:26px;color:var(--fc-wave);pointer-events:none}.feature-card:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .feature-card{background:var(--color-surface);border-color:#ffffff14;box-shadow:0 2px 10px #0000004d}:root:not([data-theme=light]) .feature-card-orange{--fc-wave: rgba(244, 112, 58, .22)}:root:not([data-theme=light]) .feature-card-green{--fc-wave: rgba(53, 171, 104, .22)}:root:not([data-theme=light]) .feature-card-purple{--fc-wave: rgba(124, 92, 255, .24)}:root:not([data-theme=light]) .feature-card-blue{--fc-wave: rgba(47, 136, 240, .22)}}:root[data-theme=dark] .feature-card{background:var(--color-surface);border-color:#ffffff14;box-shadow:0 2px 10px #0000004d}:root[data-theme=dark] .feature-card-orange{--fc-wave: rgba(244, 112, 58, .22)}:root[data-theme=dark] .feature-card-green{--fc-wave: rgba(53, 171, 104, .22)}:root[data-theme=dark] .feature-card-purple{--fc-wave: rgba(124, 92, 255, .24)}:root[data-theme=dark] .feature-card-blue{--fc-wave: rgba(47, 136, 240, .22)}@media(max-width:768px){.feature-selector{margin-bottom:20px}.feature-selector-eyebrow{font-size:17px}.feature-selector-question{font-size:21px;margin-bottom:18px}.feature-cards{grid-template-columns:repeat(2,1fr);gap:10px}.feature-card{gap:10px;padding:14px 12px 34px;border-radius:20px}.feature-card:hover{transform:none}.feature-card-icon-box{width:42px;height:42px;border-radius:13px}.feature-card-label{font-size:14.5px;white-space:nowrap}.feature-card-desc{font-size:10.5px}.feature-card-arrow{right:10px;bottom:9px;width:24px;height:24px}.feature-card-wave{height:22px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(96deg,#ff9440,#ff4d4d);color:#fff;box-shadow:0 2px 8px #ff4d4d47}.btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 4px 16px #ff4d4d61;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-surface-glass);color:var(--color-text-secondary);border:1px solid rgba(148,163,184,.3);box-shadow:0 1px 3px #0000000a}.btn-secondary:hover:not(:disabled){background:var(--color-surface);border-color:#ff5f524d;color:var(--color-primary)}.btn-ghost{background-color:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background-color:#ff5f5214;color:var(--color-primary)}.btn-sm{padding:8px 14px;font-size:13px}.btn-md{padding:12px 22px;font-size:15px}.btn-lg{padding:14px 28px;font-size:16px}.btn-loading{display:inline-flex;align-items:center;gap:8px}.textarea-wrapper{display:flex;flex-direction:column;gap:8px}.textarea-label{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.textarea{width:100%;min-height:140px;padding:16px 18px;font-size:15px;line-height:1.7;border:1px solid rgba(148,163,184,.25);border-radius:14px;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .25s ease;color:var(--color-text);resize:vertical}.textarea:focus{outline:none;border-color:#ff5f5280;box-shadow:0 0 0 3px #ff5f521a,0 4px 12px #0000000f}.textarea::placeholder{color:#94a3b8}.textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--color-surface-hover)}.textarea-error{border-color:#f87171}.textarea-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.textarea-error-message{font-size:12px;color:#dc2626}.prompt-examples{margin-top:18px}.prompt-examples-divider{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--color-text-muted);font-size:12px}.prompt-examples-divider:before,.prompt-examples-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.prompt-examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.prompt-example-card{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background:var(--color-primary-soft);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all .15s ease}.prompt-example-card:hover{border-color:var(--color-primary);background:var(--color-primary-soft-hover)}.prompt-example-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.prompt-example-label{font-size:12px;font-weight:600;color:var(--color-text)}.prompt-example-text{font-size:11px;line-height:1.5;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.prompt-example-plus{flex-shrink:0;color:var(--color-text-muted);margin-top:2px}.prompt-examples-shuffle{display:flex;justify-content:center;margin-top:12px}.prompt-examples-shuffle-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s ease}.prompt-examples-shuffle-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.webpage-create{animation:fadeIn .4s ease}.webpage-create-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.webpage-create-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:10px;transition:all .2s ease;flex-shrink:0}.webpage-create-back:hover{color:var(--color-text);background:var(--color-hover-bg)}.webpage-create-header-icon{color:var(--color-primary);flex-shrink:0}.webpage-create-header h2{font-size:20px;font-weight:600;color:var(--color-text);margin:0}.webpage-create-subtypes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.webpage-create-label{font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-right:4px}.webpage-create-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--color-surface-glass);border:1px solid rgba(148,163,184,.2);border-radius:999px;font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.webpage-create-chip:hover:not(:disabled){border-color:#ff5f524d;background:var(--color-surface)}.webpage-create-chip.selected{border-color:var(--color-primary);background:#ff5f5214;color:var(--color-primary)}.webpage-create textarea{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.2);border-radius:12px}.webpage-create-images{margin-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.webpage-create-image-list{display:flex;gap:8px;flex-wrap:wrap}.webpage-create-image-item{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;border:1px solid rgba(148,163,184,.25)}.webpage-create-image-item img{width:100%;height:100%;object-fit:cover}.webpage-create-image-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;border-radius:50%}.webpage-create-image-add{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px dashed rgba(148,163,184,.4);border-radius:8px;font-size:12px;color:var(--color-text-muted);transition:all .2s ease}.webpage-create-image-add:hover:not(:disabled){color:var(--color-primary);border-color:#ff5f5266}.webpage-create-actions{display:flex;justify-content:center;margin-top:20px}.webpage-create-actions button{min-width:200px}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.webpage-preview{display:flex;flex-direction:column;gap:16px}.webpage-preview-header{display:flex;justify-content:space-between;align-items:center}.webpage-preview-actions{display:flex;align-items:center;gap:8px}.webpage-preview-expand-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;font-size:16px;color:var(--color-text-secondary);transition:all .2s}.webpage-preview-expand-btn:hover{background:var(--color-bg);color:var(--color-text)}.webpage-preview-title{font-size:18px;font-weight:600;color:var(--color-text);margin:0}.webpage-preview-modes{display:flex;gap:4px;background:var(--color-bg);border-radius:var(--radius-md);padding:4px}.webpage-preview-mode-btn{padding:6px 12px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-size:12px;color:var(--color-text-secondary);transition:all .2s}.webpage-preview-mode-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #0000001a}.webpage-preview-mode-btn:hover:not(.active){color:var(--color-text)}.webpage-preview-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:#fff;transition:all .3s ease}.webpage-preview-container.desktop{width:100%;height:600px}.webpage-preview-container.mobile{width:375px;height:667px;margin:0 auto;border-radius:24px;border-width:8px;border-color:#333}.webpage-preview-iframe{width:100%;height:100%;border:none}.webpage-preview-code-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:#1e1e1e;height:600px;overflow-y:auto}.webpage-preview-code{margin:0;padding:20px;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;color:#d4d4d4;white-space:pre-wrap;word-wrap:break-word}.webpage-preview-code code{font-family:inherit}.webpage-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-surface);z-index:1000;display:flex;flex-direction:column;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.webpage-preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.webpage-preview-modal-title{font-size:18px;font-weight:600;color:var(--color-text);margin:0}.webpage-preview-modal-actions{display:flex;align-items:center;gap:12px}.webpage-preview-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;font-size:18px;color:var(--color-text-secondary);transition:all .2s}.webpage-preview-close-btn:hover{background:var(--color-bg);color:var(--color-text)}.webpage-preview-modal-content{flex:1;overflow:auto;padding:24px}.webpage-preview-container.fullscreen{width:100%;height:calc(100vh - 140px);border-radius:var(--radius-lg)}.webpage-preview-container.fullscreen.mobile{width:375px;height:667px;margin:0 auto}.webpage-preview-code-container.fullscreen{height:calc(100vh - 140px);border-radius:var(--radius-lg)}@media(max-width:768px){.webpage-preview-container.desktop{height:250px!important}.webpage-preview-container.mobile{width:100%;max-width:280px;height:250px!important;min-height:unset;border-width:4px;border-radius:16px}.webpage-preview-code-container{height:200px!important}.webpage-preview-header{flex-direction:column;align-items:flex-start;gap:8px}.webpage-preview-title{font-size:14px}.webpage-preview-actions{width:100%;justify-content:space-between}.webpage-preview-mode-btn{padding:4px 8px;font-size:10px}}.usage-meter{margin:0 12px 8px;padding:10px 12px;border-radius:10px;background:rgba(var(--sb-ink),.06)}.usage-meter-head{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:rgba(var(--sb-ink),.7);margin-bottom:6px}.usage-meter-plan{font-size:10px;color:rgba(var(--sb-ink),.45)}.usage-meter-bar{height:4px;border-radius:999px;background:rgba(var(--sb-ink),.12);overflow:hidden;margin-bottom:6px}.usage-meter-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary));border-radius:999px;transition:width .4s ease}.usage-meter-rows{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:rgba(var(--sb-ink),.6);font-variant-numeric:tabular-nums}.consumed-tokens{font-size:12px;color:var(--color-text-muted);margin-top:10px}.output-panel{margin-top:24px;animation:fadeIn .4s ease}.output-panel-title{font-size:15px;font-weight:600;margin-bottom:14px;color:var(--color-success);display:flex;align-items:center;gap:8px}.output-panel-title svg{color:var(--color-success)}.output-panel-tabs{display:flex;gap:4px;margin-bottom:-1px;position:relative;z-index:1}.output-panel-tab{padding:10px 20px;font-size:13px;font-weight:600;color:var(--color-text-muted);background:var(--color-chip-bg);border:1px solid rgba(148,163,184,.15);border-bottom:none;border-radius:10px 10px 0 0;transition:all .2s ease;cursor:pointer}.output-panel-tab:hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.output-panel-tab.active{color:var(--color-primary);background:var(--color-surface);border-color:#94a3b826}.output-panel-content{position:relative;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:20px 48px 20px 20px;margin-bottom:16px;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.output-panel-tabs+.output-panel-content{border-top-left-radius:0}.output-panel-copy-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:var(--color-chip-bg);border-radius:8px;transition:all .2s ease}.output-panel-copy-btn:hover{color:var(--color-primary);background:#ff5f521a}.output-panel-copy-btn svg{display:block}.output-panel-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:14px;line-height:1.75;color:var(--color-text-secondary)}.output-panel-actions{display:flex;gap:10px;flex-wrap:wrap}.output-refine{margin:14px 0 16px;padding:14px 16px;background:var(--color-surface-glass);border:1px solid rgba(148,163,184,.15);border-radius:14px}.output-refine-label{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.output-refine-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.output-refine-chip{padding:6px 12px;font-size:12px;font-weight:500;color:var(--color-text-secondary);background:var(--color-chip-bg);border:1px solid rgba(148,163,184,.2);border-radius:999px;cursor:pointer;transition:all .2s ease}.output-refine-chip:hover:not(:disabled){color:var(--color-primary);border-color:#ff5f5259;background:#ff5f520f}.output-refine-chip:disabled{opacity:.5;cursor:default}.output-refine-input{display:flex;gap:8px}.output-refine-input input{flex:1;min-width:0;padding:9px 12px;font-size:13px;color:var(--color-text);background:var(--color-chip-bg);border:1px solid rgba(148,163,184,.2);border-radius:10px;outline:none;transition:border-color .2s ease}.output-refine-input input:focus{border-color:var(--color-primary)}.output-refine-status{margin:10px 0 0;font-size:12px;color:var(--color-text-muted)}.output-refine-error{margin:10px 0 0;font-size:12px;color:var(--color-danger, #e5484d)}.output-panel-cta{display:flex;align-items:center;gap:8px;margin-top:20px;padding:12px 16px;background:#94a3b80f;border:1px solid rgba(148,163,184,.12);border-radius:10px;color:var(--color-text-muted);font-size:12px}.output-panel-cta svg{flex-shrink:0;color:var(--color-text-muted)}.output-panel-cta p{margin:0;flex:1;line-height:1.5}.output-panel-cta-link{flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:500;color:var(--color-text-muted);background:#94a3b81a;border:1px solid rgba(148,163,184,.2);border-radius:6px;text-decoration:none;transition:all .2s ease}.output-panel-cta-link:hover{color:var(--color-primary);background:#ff5f520f;border-color:#ff5f5240}@media(max-width:768px){.output-panel-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.output-panel-tab{padding:8px 14px;font-size:12px;white-space:nowrap}}.slidecanvas{position:relative;display:flex;flex-direction:column;gap:20px;background:#e8ebef;padding:20px 0;border-radius:10px}.slidecanvas-wrap{width:100%;overflow:hidden}.slidecanvas-inner{transform-origin:top left}.slidecanvas .slide{box-shadow:0 2px 12px #142c422e;margin:0 auto}.slidecanvas--editing [data-edit]{cursor:text;border-radius:2px;outline:1.5px dashed rgba(45,95,138,.5);outline-offset:2px;transition:outline-color .1s,background .1s}.slidecanvas--editing [data-edit]:hover{outline-color:#2d5f8af2;background:#2d5f8a0f}.slidecanvas--editing [data-edit]:focus{outline:2px solid rgba(45,95,138,1);background:#2d5f8a14}.slidecanvas--editing [data-block]{outline:1px dotted rgba(90,107,125,.35);outline-offset:6px}.slidecanvas--editing [data-block]:hover{outline-color:#5a6b7db3}.slidecanvas-blockbar{position:absolute;z-index:10;display:flex;gap:2px;padding:3px;background:#1c3d5a;border-radius:6px;box-shadow:0 2px 8px #142c4259;transform:translateY(-50%)}.slidecanvas-blockbar button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:#fff;cursor:pointer}.slidecanvas-blockbar button:hover:not(:disabled){background:#ffffff2e}.slidecanvas-blockbar button:disabled{opacity:.35;cursor:default}.slidecanvas-blockbar-danger:hover:not(:disabled){background:#dc5050d9!important}.slidecanvas-handle{position:absolute;z-index:8;display:flex;align-items:center;justify-content:center;width:22px;height:26px;padding:0;background:#fff;border:1px solid #c8d2dc;border-radius:5px;color:#5a6b7d;cursor:grab;touch-action:none;box-shadow:0 1px 3px #142c4226}.slidecanvas-handle:hover{color:#fff;background:#2d5f8a;border-color:#2d5f8a}.slidecanvas--editing [data-block]{cursor:grab}.slidecanvas--editing [data-block] [data-edit]{cursor:text}.slidecanvas-blockbar-grip{cursor:grab;touch-action:none}.slidecanvas--dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}.slidecanvas-drophint{position:absolute;z-index:9;height:4px;border-radius:2px;background:#2d5f8a;box-shadow:0 0 0 1px #fffc,0 1px 6px #2d5f8a80;pointer-events:none}.slidecanvas-ghost{position:fixed;z-index:1001;display:flex;align-items:center;gap:5px;padding:5px 10px;background:#1c3d5a;color:#fff;font-size:12px;font-weight:600;border-radius:6px;box-shadow:0 3px 10px #142c4266;pointer-events:none}.docpanel{animation:fadeIn .4s ease}.docpanel-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.docpanel-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:10px;transition:all .2s ease;flex-shrink:0;background:none;border:none;cursor:pointer}.docpanel-back:hover{color:var(--color-text);background:var(--color-hover-bg)}.docpanel-header-icon{color:var(--color-primary);flex-shrink:0}.docpanel-header h3{font-size:20px;font-weight:600;color:var(--color-text)}.docpanel-lead{font-size:14px;color:var(--color-text-muted);margin-bottom:16px}.docpanel-subtypes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.docpanel-subtype{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;text-align:left;transition:all .2s ease;color:var(--color-primary)}.docpanel-subtype:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.docpanel-subtype.selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.docpanel-subtype-label{font-size:15px;font-weight:600;color:var(--color-text)}.docpanel-subtype-desc{font-size:12px;color:var(--color-text-muted);line-height:1.5}.docpanel-options{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.docpanel-option-group{display:flex;align-items:center;gap:8px}.docpanel-option-label{font-size:13px;font-weight:500;color:var(--color-text-muted)}.docpanel-chip{padding:6px 14px;font-size:13px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .15s ease}.docpanel-chip:hover{border-color:var(--color-primary)}.docpanel-chip.selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.docpanel-themes{margin-bottom:16px}.docpanel-themes>.docpanel-option-label{display:block;margin-bottom:8px}.docpanel-theme-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.docpanel-theme-card{display:flex;flex-direction:column;gap:4px;padding:8px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;text-align:left;transition:all .15s ease}.docpanel-theme-card:hover{border-color:var(--color-primary)}.docpanel-theme-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff5f5233}.docpanel-theme-swatch{display:flex;flex-direction:column;gap:6px;padding:0 0 10px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--color-border);overflow:hidden;margin-bottom:4px}.docpanel-theme-swatch-band{height:8px;background:var(--theme-primary);border-bottom:2px solid var(--theme-accent)}.docpanel-theme-swatch-title{font-size:12px;font-weight:700;color:var(--theme-primary);padding:4px 10px 0;border-left:3px solid var(--theme-accent);margin-left:8px}.docpanel-theme-swatch-line{height:4px;width:60%;background:var(--theme-accent);opacity:.35;margin-left:18px;border-radius:2px}.docpanel-theme-name{font-size:13px;font-weight:700;color:var(--color-text)}.docpanel-theme-desc{font-size:11px;line-height:1.4;color:var(--color-text-muted)}.docpanel-example-row{display:flex;justify-content:flex-end;margin-top:6px}.docpanel-images{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.docpanel-images-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.docpanel-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.docpanel-thumb{position:relative;width:84px;height:84px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border)}.docpanel-thumb img{width:100%;height:100%;object-fit:cover;display:block}.docpanel-thumb-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0f172ab3;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.docpanel-images-hint{font-size:12px;color:var(--color-text-muted);margin-top:8px}.docpanel-title-input{width:100%;font-size:17px;font-weight:600;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:16px;color:var(--color-text);box-sizing:border-box}.docpanel-title-input:focus{outline:none;border-color:var(--color-primary)}.docpanel-outline-list{display:flex;flex-direction:column;gap:10px}.docpanel-outline-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;background:var(--color-surface)}.docpanel-outline-card-head{display:flex;align-items:center;gap:8px}.docpanel-outline-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:var(--color-on-primary);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.docpanel-outline-title{flex:1;min-width:0;font-size:14px;font-weight:500;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text);background:transparent}.docpanel-outline-title:hover,.docpanel-outline-title:focus{border-color:var(--color-border);background:var(--color-surface);outline:none}.docpanel-outline-type{flex-shrink:0;font-size:12px;padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer}.docpanel-outline-tools{display:flex;gap:2px;flex-shrink:0}.docpanel-outline-tools button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer}@media(max-width:768px){.docpanel-outline-tools{gap:6px}.docpanel-outline-tools button{width:42px;height:42px;background:var(--color-hover-bg)}.docpanel-outline-tools button svg{width:20px;height:20px}.docpanel-outline-card-head{flex-wrap:wrap}.docpanel-outline-tools{margin-left:auto}}.docpanel-outline-tools button:hover:not(:disabled){background:var(--color-hover-bg);color:var(--color-text)}.docpanel-outline-tools button:disabled{opacity:.3;cursor:default}.docpanel-outline-summary{width:100%;margin-top:8px;font-size:13px;line-height:1.6;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);overflow:hidden;resize:none;box-sizing:border-box;font-family:inherit}.docpanel-outline-summary:focus{outline:none;border-color:var(--color-primary);color:var(--color-text)}.docpanel-outline-image-prompt{width:100%;margin-top:8px;font-size:13px;padding:8px 10px;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);box-sizing:border-box;font-family:inherit}.docpanel-outline-image-prompt:focus{outline:none;border-style:solid;border-color:var(--color-primary);color:var(--color-text)}.docpanel-outline-add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:10px;font-size:13px;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:none;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.docpanel-outline-add:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.docpanel-generating-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:20px}.docpanel-spin{animation:docpanel-spin 1s linear infinite}@keyframes docpanel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.docpanel-progress-bar{height:8px;border-radius:999px;background:var(--color-border);overflow:hidden}.docpanel-progress-fill{height:100%;background:var(--color-primary);border-radius:999px;transition:width .4s ease}.docpanel-progress-text{font-size:13px;color:var(--color-text-muted);margin:10px 0 20px}.docpanel-progress-list{display:flex;flex-direction:column;gap:8px}.docpanel-progress-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--color-text-muted)}.docpanel-progress-item.done{color:var(--color-success)}.docpanel-progress-item.current{color:var(--color-text);font-weight:500}.docpanel-progress-icon{width:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.docpanel-progress-dot{width:6px;height:6px;border-radius:50%;background:var(--color-border)}.docpanel-progress-type{flex-shrink:0;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border)}.docpanel-progress-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docpanel-preview-frame{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:#e8ebef}.docpanel-preview-frame iframe{width:100%;height:65vh;border:none;display:block}.docpanel-live-preview{margin-top:20px}.docpanel-live-preview iframe{height:45vh}.docpanel-quick{margin-top:14px;display:flex;flex-direction:column;gap:8px}.docpanel-quick-chips{display:flex;flex-wrap:wrap;gap:8px}.docpanel-pdf-link{font-size:14px;color:var(--color-primary);align-self:center}.docpanel-error{margin-top:14px;font-size:13px;color:var(--color-error)}.docpanel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.docpanel-lead-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.docpanel-lead-row .docpanel-lead{margin-bottom:0}.docpanel-subtype-change{flex-shrink:0;font-size:12px;color:var(--color-primary);padding:4px 10px;border-radius:8px;transition:all .2s ease}.docpanel-subtype-change:hover{background:#ff5f5214}.docpanel-actions-center{justify-content:center}.docpanel-advanced-toggle{display:flex;align-items:center;gap:6px;margin-top:20px;padding:6px 10px;border-radius:8px;font-size:13px;color:var(--color-text-secondary);transition:all .2s ease}.docpanel-advanced-toggle:hover{color:var(--color-text);background:var(--color-hover-bg)}.docpanel-advanced-summary{font-size:12px;color:var(--color-text-muted);margin-left:4px}.docpanel-advanced{margin-top:12px;padding:14px;background:var(--color-surface-glass);border:1px solid rgba(148,163,184,.12);border-radius:10px}.docpanel-canvas-hint{font-size:12px;color:var(--text-tertiary, #94a3b8);margin:0 0 8px}.docpanel-canvas-bar{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.doc-editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background:#e8ebef}.doc-editor-bar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#fff;border-bottom:1px solid #d9e0e8;flex-wrap:wrap}.doc-editor-bar-title{display:flex;align-items:center;gap:8px;font-weight:700;color:#1c3d5a}.doc-editor-hint{font-size:12px;color:#5a6b7d;flex:1;min-width:200px}.doc-editor-error{font-size:12px;color:#c0392b;font-weight:600}.doc-editor-body{flex:1;overflow-y:auto;padding:20px}.doc-editor-body .slidecanvas{max-width:1080px;margin:0 auto}.pptx-editor-loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:320px;color:var(--text-secondary, #5a6b7d);font-size:14px}.doc-editor--hidden{display:none}.doc-editor-body--pptx{padding:0;display:flex}.doc-editor-body--pptx>*{flex:1;min-width:0;height:auto}@media(max-width:720px){.doc-editor-bar{padding:6px 10px;gap:8px;flex-wrap:nowrap}.doc-editor-hint{display:none}.doc-editor-bar-title span{font-size:13px}}.image-panel{animation:fadeIn .4s ease}.image-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.image-panel-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:10px;transition:all .2s ease;flex-shrink:0}.image-panel-back:hover{color:var(--color-text);background:var(--color-hover-bg)}.image-panel-header-icon{color:var(--color-primary);flex-shrink:0}.image-panel-header h2{font-size:20px;font-weight:600;color:var(--color-text);margin:0}.image-panel-input{margin-bottom:20px}.image-panel-input label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.image-panel-input textarea{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.2);border-radius:12px}.image-panel-styles{margin-bottom:20px}.image-panel-styles label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:10px}.image-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.image-style-option{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;background:var(--color-surface-glass);border:1px solid rgba(148,163,184,.2);border-radius:10px;text-align:left;transition:all .2s ease;cursor:pointer}.image-style-option:hover:not(:disabled){border-color:#ff5f524d;background:var(--color-surface)}.image-style-option.selected{border-color:var(--color-primary);background:#ff5f520d}.image-style-label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.image-style-option.selected .image-style-label{color:var(--color-primary)}.image-style-desc{font-size:11px;color:var(--color-text-muted);margin-top:2px}.image-panel-aspect{margin-bottom:24px}.image-panel-aspect label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:10px}.image-aspect-grid{display:flex;gap:8px;flex-wrap:wrap}.image-aspect-option{padding:8px 16px;background:var(--color-surface-glass);border:1px solid rgba(148,163,184,.2);border-radius:8px;font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.image-aspect-option:hover:not(:disabled){border-color:#ff5f524d;background:var(--color-surface)}.image-aspect-option.selected{border-color:var(--color-primary);background:#ff5f520d;color:var(--color-primary)}.image-panel-error{color:var(--color-error);font-size:14px;margin-bottom:16px;padding:10px 14px;background:#ef444414;border-radius:8px}.image-panel-actions{display:flex;gap:10px}.image-panel-actions button{flex:1}.image-panel-result{display:flex;flex-direction:column;align-items:center}.image-preview{max-width:100%;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001f;margin-bottom:24px}.image-preview.aspect-1-1{width:280px;height:280px}.image-preview.aspect-16-9{width:100%;max-width:400px;aspect-ratio:16/9}.image-preview.aspect-9-16{width:200px;aspect-ratio:9/16}.image-preview.aspect-4-3{width:320px;aspect-ratio:4/3}.image-preview.aspect-3-4{width:240px;aspect-ratio:3/4}.image-preview img{width:100%;height:100%;object-fit:cover}.image-panel-result-actions{display:flex;gap:12px;margin-bottom:20px}.image-panel-result-actions button{display:flex;align-items:center;gap:6px}.image-panel-new{font-size:14px;color:var(--color-text-muted);padding:8px 16px;border-radius:8px;transition:all .2s ease}.image-panel-new:hover{color:var(--color-primary);background:#ff5f5214}.image-panel-loading{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;gap:16px}.image-panel-loading p{font-size:15px;color:var(--color-text-muted)}.image-loading-spinner{color:var(--color-primary);animation:spin 1s linear infinite}@media(max-width:768px){.image-style-grid{grid-template-columns:repeat(2,1fr)}.image-preview.aspect-1-1{width:200px;height:200px}.image-preview.aspect-16-9{max-width:280px}.image-preview.aspect-9-16{width:150px}.image-preview.aspect-4-3{width:240px}.image-preview.aspect-3-4{width:180px}}.sns-panel{animation:fadeIn .4s ease}.sns-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.sns-panel-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:10px;transition:all .2s ease;flex-shrink:0}.sns-panel-back:hover{color:var(--color-text);background:var(--color-hover-bg)}.sns-panel-header-icon{color:var(--color-primary);flex-shrink:0}.sns-panel-header h2{font-size:20px;font-weight:600;color:var(--color-text);margin:0}.sns-panel-input{margin-bottom:20px}.sns-panel-input label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.sns-panel-input textarea{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.2);border-radius:12px}.sns-panel-examples{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.sns-panel-example{padding:6px 12px;background:var(--color-surface-glass);border:1px solid rgba(148,163,184,.2);border-radius:999px;font-size:12px;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.sns-panel-example:hover:not(:disabled){border-color:#ff5f524d;color:var(--color-text-secondary);background:var(--color-surface)}.sns-panel-platforms,.sns-panel-tones{margin-bottom:20px}.sns-panel-platforms label,.sns-panel-tones label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:10px}.sns-platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sns-platform-option{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;background:var(--color-surface-glass);border:1px solid rgba(148,163,184,.2);border-radius:10px;font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.sns-platform-option:hover:not(:disabled){border-color:#ff5f524d;background:var(--color-surface)}.sns-platform-option.selected{border-color:var(--color-primary);background:#ff5f520d;color:var(--color-primary)}.sns-tone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sns-tone-option{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;background:var(--color-surface-glass);border:1px solid rgba(148,163,184,.2);border-radius:10px;text-align:left;cursor:pointer;transition:all .2s ease}.sns-tone-option:hover:not(:disabled){border-color:#ff5f524d;background:var(--color-surface)}.sns-tone-option.selected{border-color:var(--color-primary);background:#ff5f520d}.sns-tone-label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.sns-tone-option.selected .sns-tone-label{color:var(--color-primary)}.sns-tone-desc{font-size:11px;color:var(--color-text-muted);margin-top:2px}.sns-panel-error{color:var(--color-error);font-size:14px;margin-bottom:16px;padding:10px 14px;background:#ef444414;border-radius:8px}.sns-panel-actions{display:flex;gap:10px}.sns-panel-actions button{flex:1}.sns-panel-history-prompt{font-size:13px;color:var(--color-text-muted);margin:-12px 0 20px}.sns-post-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.sns-post-card{padding:16px;background:var(--color-surface-glass);border:1px solid rgba(148,163,184,.2);border-radius:12px}.sns-post-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sns-post-card-icon{color:var(--color-primary);flex-shrink:0}.sns-post-card-platform{font-size:13px;font-weight:600;color:var(--color-text)}.sns-post-card-count{font-size:12px;color:var(--color-text-muted)}.sns-post-card-count.over{color:var(--color-error);font-weight:600}.sns-post-card-copy{display:flex;align-items:center;gap:5px;margin-left:auto;padding:5px 10px;border-radius:8px;font-size:12px;color:var(--color-text-muted);transition:all .2s ease}.sns-post-card-copy:hover{color:var(--color-primary);background:#ff5f5214}.sns-post-card-text{font-size:14px;line-height:1.8;color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.sns-post-card-hashtags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.sns-post-card-hashtag{font-size:12px;color:var(--color-primary);background:#ff5f5214;padding:3px 10px;border-radius:999px}.sns-post-card-image-idea{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:var(--color-text-muted)}.sns-post-card-image-idea svg{flex-shrink:0}.sns-panel-result{display:flex;flex-direction:column}.sns-panel-result-actions{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.sns-panel-result-actions button{display:flex;align-items:center;gap:6px}.sns-panel-new{align-self:center;font-size:14px;color:var(--color-text-muted);padding:8px 16px;border-radius:8px;transition:all .2s ease}.sns-panel-new:hover{color:var(--color-primary);background:#ff5f5214}.sns-panel-loading{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;gap:16px}.sns-panel-loading p{font-size:15px;color:var(--color-text-muted)}.sns-loading-spinner{color:var(--color-primary);animation:spin 1s linear infinite}@media(max-width:768px){.sns-platform-grid,.sns-tone-grid{grid-template-columns:repeat(2,1fr)}}.settings-panel{animation:fadeIn .3s ease;max-width:600px}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.settings-title{font-size:24px;font-weight:700;color:var(--color-text)}.settings-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:8px;transition:all .2s ease}.settings-close:hover{color:var(--color-text);background:var(--color-hover-bg)}.settings-content{display:flex;flex-direction:column;gap:32px}.settings-section{background:var(--color-surface-glass);border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:20px 24px;box-shadow:0 2px 8px #0000000a}.settings-section-title{font-size:13px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-item+.settings-item{margin-top:16px;padding-top:16px;border-top:1px solid rgba(148,163,184,.15)}.settings-item-info{flex:1;min-width:0}.settings-item-label{font-size:15px;font-weight:500;color:var(--color-text);margin-bottom:2px}.settings-item-description{font-size:13px;color:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.settings-section{padding:16px 20px}.settings-item{flex-direction:column;align-items:flex-start;gap:12px}}.settings-invite-item{align-items:flex-start}.settings-invite-active{display:inline-flex;align-items:center;gap:6px}.settings-invite-active svg{color:#22c55e}.settings-invite-row{display:flex;align-items:center;gap:8px;margin-top:10px}.settings-invite-input{flex:1;max-width:240px;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;color:var(--color-text);background:var(--color-surface);font-family:inherit}.settings-invite-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5f521a}.settings-invite-error{margin:8px 0 0;font-size:12px;color:var(--color-error)}.settings-item-link{display:flex;align-items:center;width:100%;text-align:left;padding:4px 0;color:var(--color-text-muted);cursor:pointer;border-radius:8px;transition:color .15s ease}.settings-item-link .settings-item-info{flex:1;min-width:0}.settings-item-link>svg{flex-shrink:0}.settings-item-link:hover{color:var(--color-primary)}.settings-stats-label{display:inline-flex;align-items:center;gap:8px}.dashboard-panel{animation:fadeIn .4s ease;max-height:100%;overflow-y:auto}.dashboard-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:24px}.dashboard-title svg{color:var(--color-primary)}.dashboard-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.dashboard-stat{display:flex;flex-direction:column;align-items:center;padding:20px 16px;background:var(--color-primary-soft);border-radius:12px;border:1px solid rgba(255,95,82,.1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .dashboard-stat{background:linear-gradient(135deg,#1e293b,#232946);border-color:#ff5f5233}}:root[data-theme=dark] .dashboard-stat{background:linear-gradient(135deg,#1e293b,#232946);border-color:#ff5f5233}.dashboard-stat-value{font-size:32px;font-weight:700;color:var(--color-primary);line-height:1}.dashboard-stat-label{font-size:13px;color:var(--color-text-muted);margin-top:8px}.dashboard-section{margin-bottom:28px}.dashboard-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-bottom:16px}.dashboard-section-title svg{color:var(--color-primary)}.dashboard-chart{display:flex;align-items:flex-end;justify-content:space-between;height:120px;padding:0 8px;gap:8px}.dashboard-chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.dashboard-chart-fill{width:100%;max-width:40px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary) 100%);border-radius:4px 4px 0 0;min-height:4px;margin-top:auto;transition:height .3s ease}.dashboard-chart-label{font-size:11px;color:var(--color-text-muted);margin-top:8px;white-space:nowrap}.dashboard-chart-value{position:absolute;top:-20px;font-size:12px;font-weight:600;color:var(--color-primary)}.dashboard-features{display:flex;flex-direction:column;gap:12px}.dashboard-feature{display:flex;flex-direction:column;gap:8px}.dashboard-feature-info{display:flex;align-items:center;gap:8px}.dashboard-feature-info svg{color:var(--color-primary)}.dashboard-feature-label{font-size:14px;color:var(--color-text-secondary);font-weight:500}.dashboard-feature-count{margin-left:auto;font-size:13px;color:var(--color-text-muted);font-weight:500}.dashboard-feature-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.dashboard-feature-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary) 100%);border-radius:4px;transition:width .3s ease}.dashboard-empty{text-align:center;color:var(--color-text-muted);font-size:14px;padding:24px}.dashboard-actions{display:flex;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid rgba(148,163,184,.2)}.dashboard-close{padding:10px 20px;background:var(--color-chip-bg);color:var(--color-text-secondary);font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.dashboard-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.dashboard-chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -8px;padding:0 8px}.dashboard-chart-scroll::-webkit-scrollbar{height:4px}.dashboard-chart-scroll::-webkit-scrollbar-track{background:transparent}.dashboard-chart-scroll::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:2px}@media(max-width:640px){.dashboard-summary{grid-template-columns:1fr}.dashboard-stat{flex-direction:row;justify-content:space-between}.dashboard-stat-value{font-size:24px}.dashboard-stat-label{margin-top:0}.dashboard-chart-scroll{margin:0 -16px;padding:0 16px 8px}.dashboard-chart{height:100px;min-width:450px}.dashboard-chart-bar{min-width:50px}}.history-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.history-list-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(var(--sb-ink),.08);flex-shrink:0}.history-list-title{font-size:13px;font-weight:600;color:rgba(var(--sb-ink),.7);text-transform:uppercase;letter-spacing:.5px}.history-filter{position:relative}.history-filter-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:rgba(var(--sb-ink),.5);border-radius:6px;transition:all .15s ease}.history-filter-btn:hover{color:rgba(var(--sb-ink),.8);background:rgba(var(--sb-ink),.1)}.history-filter-btn.active{color:var(--color-primary);background:#ff5f5226}.history-filter-count{position:absolute;top:-2px;right:-2px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:9px;font-weight:600;border-radius:7px;padding:0 3px}.history-filter-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--sb-menu-bg, #fbfcfe);border:1px solid rgba(var(--sb-ink),.15);border-radius:10px;padding:6px;box-shadow:0 8px 24px #0000004d;z-index:100;animation:filterDropdownIn .15s ease}@keyframes filterDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.history-filter-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13px;color:rgba(var(--sb-ink),.7);border-radius:6px;transition:all .15s ease;text-align:left}.history-filter-option:hover{background:rgba(var(--sb-ink),.08);color:rgba(var(--sb-ink),.9)}.history-filter-option.selected{color:var(--color-primary)}.history-filter-check{width:14px;height:14px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(var(--sb-ink),.3);border-radius:3px;flex-shrink:0}.history-filter-option.selected .history-filter-check{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.history-filter-clear{display:block;width:100%;padding:8px 10px;margin-top:4px;font-size:12px;color:rgba(var(--sb-ink),.5);border-top:1px solid rgba(var(--sb-ink),.08);text-align:center;transition:color .15s ease}.history-filter-clear:hover{color:rgba(var(--sb-ink),.8)}.history-list-empty{padding:32px 16px;text-align:center;color:rgba(var(--sb-ink),.4);font-size:13px}.history-list-items{list-style:none;overflow-y:auto;flex:1}.history-list-items::-webkit-scrollbar{width:6px}.history-list-items::-webkit-scrollbar-track{background:transparent}.history-list-items::-webkit-scrollbar-thumb{background:rgba(var(--sb-ink),.15);border-radius:3px}.history-list-items::-webkit-scrollbar-thumb:hover{background:rgba(var(--sb-ink),.25)}.history-list-item{position:relative;padding:12px 16px;border-bottom:1px solid rgba(var(--sb-ink),.05);cursor:pointer;transition:all .15s ease}.history-list-item:hover{background-color:rgba(var(--sb-ink),.05)}.history-list-item.selected{background:linear-gradient(135deg,#ff5f5233,#2f80ed33);border-left:3px solid var(--color-primary)}.history-list-item-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.history-list-item-icon{color:rgba(var(--sb-ink),.6);flex-shrink:0}.history-list-item-label{font-size:11px;font-weight:500;color:rgba(var(--sb-ink),.5);text-transform:uppercase;letter-spacing:.3px}.history-list-item-date{font-size:11px;color:rgba(var(--sb-ink),.4);margin-left:auto;padding-right:48px}.history-list-item-preview{font-size:13px;color:rgba(var(--sb-ink),.85);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:20px}.history-list-item-actions{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s ease}.history-list-item:hover .history-list-item-actions{opacity:1}.history-list-item-edit,.history-list-item-delete{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:rgba(var(--sb-ink),.4);border-radius:4px;transition:all .15s ease}.history-list-item-edit:hover{color:var(--color-primary);background-color:#ff5f5233}.history-list-item-delete:hover{color:#fca5a5;background-color:#ef444433}.history-list-item-edit svg,.history-list-item-delete svg{display:block}.history-list-item-edit-input{width:100%;padding:4px 8px;font-size:13px;color:rgba(var(--sb-ink),.9);background:rgba(var(--sb-ink),.1);border:1px solid rgba(255,95,82,.5);border-radius:4px;outline:none}.history-list-item-edit-input:focus{border-color:var(--color-primary);background:rgba(var(--sb-ink),.15)}@media(max-width:768px){.history-list-header{padding:12px 16px}.history-list-item{padding:10px 16px}}.gentask{animation:fadeIn .4s ease}.gentask-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.gentask-header-text{min-width:0}.gentask-feature{font-size:12px;font-weight:600;color:var(--color-text-muted)}.gentask-title{font-size:18px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gentask-spin{animation:gentask-spin 1s linear infinite;color:var(--color-primary);flex-shrink:0}@keyframes gentask-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gentask-done-icon{color:var(--color-success);flex-shrink:0}.gentask-error-icon{color:var(--color-error);flex-shrink:0}.gentask-bar{height:8px;border-radius:999px;background:var(--color-border);overflow:hidden;margin-bottom:18px}.gentask-bar-fill{height:100%;background:var(--color-primary);border-radius:999px;transition:width .4s ease}.gentask-steps{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0;margin:0 0 16px}.gentask-step{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--color-text-muted)}.gentask-step.done{color:var(--color-success)}.gentask-step.active{color:var(--color-text);font-weight:500}.gentask-step.error{color:var(--color-error)}.gentask-step-icon{width:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gentask-step-dot{width:6px;height:6px;border-radius:50%;background:var(--color-border)}.gentask-step-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gentask-error-message{font-size:13px;color:var(--color-error);margin-bottom:14px}.gentask-note{font-size:12px;color:var(--color-text-muted);margin-bottom:14px}.gentask-actions{display:flex;gap:10px}.gentask-sidebar-section{padding:0 12px 8px}.gentask-sidebar-heading{font-size:11px;font-weight:600;letter-spacing:.08em;color:#ffffff80;margin:4px 8px 6px}.gentask-sidebar-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:#ff5f5226;color:#ffffffe6;cursor:pointer;text-align:left;margin-bottom:6px}.gentask-sidebar-item:hover{background:#ff5f5240}.gentask-sidebar-item-title{flex:1;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gentask-sidebar-item-progress{flex-shrink:0;font-size:11px;color:#fff9;font-variant-numeric:tabular-nums}.upsell-banner{display:flex;align-items:center;gap:16px;width:100%;max-width:720px;margin:16px auto 0;padding:16px 20px;background:linear-gradient(135deg,#ff5f520d,#2f80ed0d);border:1px solid rgba(255,95,82,.2);border-radius:12px}.upsell-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:10px;background:var(--color-primary);color:#fff}.upsell-body{flex:1;min-width:0}.upsell-title{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--color-text)}.upsell-description{margin:0;font-size:13px;line-height:1.6;color:var(--color-text-muted)}.upsell-cta{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:8px 16px;background:var(--color-primary);color:#fff;font-size:13px;font-weight:600;text-decoration:none;border-radius:100px;transition:all .3s ease}.upsell-cta:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff5f524d}@media(max-width:640px){.upsell-banner{flex-direction:column;align-items:flex-start}}.try{display:flex;height:100vh;height:100dvh;background:#f6f7fa;background-image:radial-gradient(rgba(34,49,81,.05) 1.5px,transparent 1.5px);background-size:28px 28px;overflow:hidden}.try-sidebar-overlay{display:none}.try-sidebar{--sb-ink: 34, 49, 81;--sb-menu-bg: #ffffff;width:280px;flex-shrink:0;background:#fbfcfe;border-right:1px solid rgba(34,49,81,.1);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;box-shadow:4px 0 24px #2231510f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .try-sidebar{--sb-ink: 255, 255, 255;--sb-menu-bg: #1e293b;background:linear-gradient(180deg,#1e293b,#0f172a);border-right:none;box-shadow:4px 0 24px #00000040}}:root[data-theme=dark] .try-sidebar{--sb-ink: 255, 255, 255;--sb-menu-bg: #1e293b;background:linear-gradient(180deg,#1e293b,#0f172a);border-right:none;box-shadow:4px 0 24px #00000040}.try-sidebar-header{display:flex;align-items:center;flex-shrink:0;border-bottom:1px solid rgba(var(--sb-ink),.08);background:linear-gradient(135deg,#ff5f521a,#2f80ed1a)}.try-sidebar-close{display:none}.try-sidebar-logo{display:flex;align-items:center;justify-content:center;padding:15px 16px;border:none;flex-shrink:0;transition:all .3s ease;cursor:pointer;width:100%}.try-sidebar-logo:hover{text-decoration:none;opacity:.8}.try-sidebar-new{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px;padding:12px 16px;background:linear-gradient(96deg,#ff9440,#ff4d4d);color:#fff;font-size:14px;font-weight:700;border-radius:999px;transition:all .2s ease;box-shadow:0 2px 8px #ff4d4d4d}.try-sidebar-new:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 4px 12px #ff4d4d66}.try-sidebar-new:active{transform:translateY(0)}.try-sidebar-footer{display:flex;gap:8px;margin:auto 16px 16px;padding-top:12px;border-top:1px solid rgba(var(--sb-ink),.08)}.try-sidebar-settings{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;color:rgba(var(--sb-ink),.6);font-size:12px;font-weight:500;border-radius:8px;transition:all .2s ease;white-space:nowrap}.try-sidebar-settings svg{flex-shrink:0}.try-sidebar-settings:hover{color:rgba(var(--sb-ink),.9);background:rgba(var(--sb-ink),.08)}.try-sidebar-settings.active{color:rgba(var(--sb-ink),.9);background:rgba(var(--sb-ink),.1)}.try-content{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.try-header{display:none;align-items:center;justify-content:center;position:relative;padding:8px 16px;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.2);box-shadow:0 1px 3px #0000000d}.try-menu-btn{position:absolute;left:16px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:var(--color-text-muted);transition:all .2s ease}.try-menu-btn:hover{background:#ff5f521a;color:var(--color-primary)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .try{background:linear-gradient(135deg,#0f172a,#131c31,#0b1120)!important}}:root[data-theme=dark] .try{background:linear-gradient(135deg,#0f172a,#131c31,#0b1120)!important}.try-logo img{height:36px;width:auto}.try-header-badge{position:absolute;right:16px;padding:4px 10px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:100px}.try-main{flex:1;max-width:1000px;margin:0 auto;padding:48px 40px;width:100%;box-sizing:border-box;animation:fadeIn .5s ease;overflow-y:auto;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.try-intro{animation:fadeIn .4s ease;transition:opacity .3s ease,transform .3s ease}.try-intro.hidden{opacity:0;transform:translateY(-12px);pointer-events:none;position:absolute;visibility:hidden}.try-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--color-primary);font-size:15px;font-weight:500;animation:fadeIn .3s ease}.try-loading-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.try-error{color:#dc2626;text-align:center;padding:14px 20px;background:linear-gradient(135deg,#fef2f2,#fff1f2);border-radius:12px;margin-top:20px;border:1px solid #fecaca;box-shadow:0 4px 12px #ef444414;animation:shake .4s ease;font-size:14px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.try-history-preview{animation:fadeIn .4s ease}.try-history-preview-title{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:20px;display:flex;align-items:center;gap:8px}.try-history-preview-frame{border:1px solid rgba(148,163,184,.2);border-radius:12px;overflow:hidden;height:450px;background:#fff;margin-bottom:20px}.try-history-preview-frame iframe{width:100%;height:100%;border:none}.try-history-preview-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(148,163,184,.15)}.try-history-preview-icon{text-align:center}.try-history-preview-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;color:var(--color-primary)}.try-history-preview-header .try-history-preview-title{margin-bottom:0}.try-history-preview-style{font-size:12px;padding:2px 8px;background:#ff5f521a;color:var(--color-primary);border-radius:4px;font-weight:500}.try-history-preview-prompt{font-size:14px;color:var(--color-text-muted);margin-bottom:20px}.try-history-preview-icon-image{display:flex;justify-content:center;margin-bottom:24px}.try-history-preview-icon-image img{width:200px;height:200px;border-radius:24px;box-shadow:0 8px 32px #ff5f5233}.try-history-preview-image{text-align:center}.try-history-preview-aspect{font-size:12px;padding:2px 8px;background:#ff5f521a;color:var(--color-primary);border-radius:4px;font-weight:500;margin-left:4px}.try-history-preview-gen-image{display:flex;justify-content:center;margin-bottom:24px}.try-history-preview-gen-image img{max-width:100%;border-radius:12px;box-shadow:0 8px 32px #ff5f5233}.try-history-preview-gen-image.aspect-1-1 img{width:280px;height:280px;object-fit:cover}.try-history-preview-gen-image.aspect-16-9 img{max-width:400px;aspect-ratio:16/9;object-fit:cover}.try-history-preview-gen-image.aspect-9-16 img{width:200px;aspect-ratio:9/16;object-fit:cover}.try-history-preview-gen-image.aspect-4-3 img{max-width:320px;aspect-ratio:4/3;object-fit:cover}.try-history-preview-gen-image.aspect-3-4 img{width:240px;aspect-ratio:3/4;object-fit:cover}@media(max-width:1024px){.try-main{padding:32px 24px}}.mobile-tabbar{display:none}.mobile-history{--sb-ink: 34, 49, 81;--sb-menu-bg: #ffffff;display:flex;flex-direction:column;flex:1;min-height:0}.mobile-usage{margin-top:16px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mobile-history{--sb-ink: 255, 255, 255;--sb-menu-bg: #1e293b}}:root[data-theme=dark] .mobile-history{--sb-ink: 255, 255, 255;--sb-menu-bg: #1e293b}@media(max-width:768px){.try{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:var(--color-bg)}.try-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.try-main{flex:1;display:flex;flex-direction:column;padding:16px 16px 24px;overflow-y:auto;overflow-x:hidden}.try-sidebar,.try-sidebar-overlay,.try-menu-btn{display:none!important}.try-header{display:flex;flex-shrink:0;padding:6px 12px}.try-header-badge{right:12px;padding:3px 8px;font-size:8px;top:50%;transform:translateY(-50%)}.mobile-tabbar{display:flex;flex-shrink:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:60}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;font-size:10px;font-weight:600;color:var(--color-text-muted);border-radius:10px;transition:color .15s ease}.mobile-tab.active{color:var(--color-primary)}.mobile-tab:active{background:var(--color-hover-bg)}.try-history-preview-frame{height:300px}.try-history-preview-actions{flex-direction:column}.try-history-preview-actions .btn{width:100%}}.ptr-indicator{position:absolute;top:0;left:50%;z-index:70;color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;padding:8px;box-shadow:var(--shadow-md);pointer-events:none;display:flex}.pricing{--lp-round: "M PLUS Rounded 1c", "IBM Plex Sans JP", sans-serif;--lp-navy: #223151;--lp-ink: #232c40;--lp-coral: #ff5f52;--lp-blue: #2f80ed;--lp-gray: #5f6a80;min-height:100vh;display:flex;flex-direction:column;background:#f6f7fa;color:var(--lp-navy);color-scheme:light;overflow:hidden;position:relative}.pricing:before,.pricing:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(46px);pointer-events:none;z-index:0}.pricing:before{bottom:-160px;left:-170px;background:radial-gradient(circle,#ffc6ca80,#ffd8d600)}.pricing:after{bottom:-140px;right:-170px;background:radial-gradient(circle,#ffcace73,#ffdcda00)}.pricing-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 8px;position:relative;z-index:2}.pricing-logo img{height:38px;width:auto;display:block}.pricing .logo-dark{display:none}.pricing .logo-light{display:block}.pricing-nav{display:flex;align-items:center;gap:14px}.pricing-nav a{color:var(--lp-navy);font-size:12.5px;font-weight:700;text-decoration:none}.pricing-nav a:hover{color:var(--lp-coral)}.pricing-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:32px 24px 64px;position:relative;z-index:1}.pricing-title{font-family:var(--lp-round);font-size:clamp(1.7rem,5vw,2.2rem);font-weight:800;letter-spacing:.04em;color:var(--lp-ink);text-align:center;margin:0 0 14px}.pricing-subtitle{font-size:14px;line-height:1.9;color:var(--lp-gray);font-weight:500;text-align:center;margin:0 0 36px}.pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;align-items:stretch}.pricing-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:24px;padding:26px 22px;box-shadow:0 10px 26px #1f2a4417}.pricing-card.highlighted{box-shadow:0 14px 32px #ff6f502e;outline:2px solid #ff8a54;outline-offset:-2px}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;background:linear-gradient(96deg,#ff9440,#ff4d4d);color:#fff;font-family:var(--lp-round);font-size:11px;font-weight:800;letter-spacing:.08em;border-radius:999px;box-shadow:0 6px 14px #ff60504d}.pricing-plan-name{font-family:var(--lp-round);font-size:17px;font-weight:800;color:var(--lp-ink);margin:0 0 10px}.pricing-plan-price{font-family:var(--lp-round);font-size:30px;font-weight:800;color:var(--lp-ink);margin:0;line-height:1.2}.pricing-card.highlighted .pricing-plan-price{color:var(--lp-coral)}.pricing-plan-price-note{display:inline-block;margin:8px 0 0;font-size:11px;font-weight:700;color:#8a93a8}.pricing-plan-description{font-size:12.5px;line-height:1.8;color:var(--lp-gray);margin:12px 0 16px}.pricing-features{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}.pricing-features li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.6;color:#3c4a68;font-weight:500}.pricing-features svg{flex-shrink:0;margin-top:2px;color:#35ab68}.pricing-cta{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-family:var(--lp-round);font-size:14px;font-weight:800;letter-spacing:.04em;text-decoration:none;color:var(--lp-navy);background:#eef0f5;transition:transform .16s ease,box-shadow .16s ease}.pricing-cta:hover{transform:translateY(-2px)}.pricing-cta.primary{background:linear-gradient(96deg,#ff9440,#ff4d4d);color:#fff;box-shadow:0 10px 22px #ff605052}.pricing-cta.disabled{background:#eef0f5;color:#9aa3b5;cursor:default}.pricing-cta.disabled:hover{transform:none}.pricing-note{text-align:center;font-size:12.5px;color:var(--lp-gray);margin:26px 0 0;line-height:1.8}.pricing-note+.pricing-note{margin-top:8px}.pricing-note a{color:var(--lp-blue);font-weight:700;text-decoration:none;margin-left:4px}.pricing-note a:hover{text-decoration:underline}@media(max-width:768px){.pricing-plans{grid-template-columns:1fr}.pricing-card.highlighted{order:-1}}.contact{--lp-round: "M PLUS Rounded 1c", "IBM Plex Sans JP", sans-serif;--lp-navy: #223151;--lp-ink: #232c40;--lp-coral: #ff5f52;--lp-blue: #2f80ed;--lp-gray: #5f6a80;min-height:100vh;display:flex;flex-direction:column;background:#f6f7fa;color:var(--lp-navy);color-scheme:light;overflow:hidden;position:relative}.contact:before,.contact:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(46px);pointer-events:none;z-index:0}.contact:before{bottom:-150px;left:-160px;background:radial-gradient(circle,#ffc6ca80,#ffd8d600)}.contact:after{bottom:-130px;right:-160px;background:radial-gradient(circle,#dbe4f680,#e2ecfc00)}.contact-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 8px;position:relative;z-index:2}.contact-logo img{height:38px;width:auto;display:block}.contact .logo-dark{display:none}.contact .logo-light{display:block}.contact-nav{display:flex;align-items:center;gap:14px}.contact-nav a{color:var(--lp-navy);font-size:12.5px;font-weight:700;text-decoration:none}.contact-nav a:hover{color:var(--lp-coral)}.contact-main{flex:1;width:100%;max-width:560px;margin:0 auto;padding:32px 24px 64px;position:relative;z-index:1}.contact-title{font-family:var(--lp-round);font-size:clamp(1.6rem,5vw,2rem);font-weight:800;letter-spacing:.04em;color:var(--lp-ink);text-align:center;margin:0 0 12px}.contact-subtitle{font-size:13.5px;line-height:1.9;color:var(--lp-gray);font-weight:500;text-align:center;margin:0 0 28px}.contact-form{display:flex;flex-direction:column;gap:16px;background:#fff;border-radius:24px;padding:26px 22px;box-shadow:0 10px 26px #1f2a4417}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-field{display:flex;flex-direction:column;gap:7px}.contact-field span{font-size:12px;font-weight:700;color:#3c4a68}.contact-field em{font-style:normal;font-size:10px;font-weight:800;color:#fff;background:var(--lp-coral);border-radius:999px;padding:2px 8px;margin-left:4px;vertical-align:1px}.contact-field input,.contact-field select,.contact-field textarea{font-family:inherit;font-size:14px;color:var(--lp-ink);background:#f2f4f8;border:1.5px solid transparent;border-radius:12px;padding:11px 14px;outline:none;transition:border-color .15s ease,background .15s ease}.contact-field textarea{resize:vertical;line-height:1.7}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--lp-blue);background:#fff}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#a2abbd}.contact-error{margin:0;font-size:12.5px;font-weight:700;color:#e5484d}.contact-submit{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;padding:14px 24px;border:none;border-radius:999px;background:linear-gradient(96deg,#ff9440,#ff4d4d);color:#fff;font-family:var(--lp-round);font-size:15px;font-weight:800;letter-spacing:.05em;cursor:pointer;box-shadow:0 10px 22px #ff605052;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.contact-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #ff605066}.contact-submit:disabled{opacity:.45;cursor:default;box-shadow:none}.contact-spinner{color:#fff}.contact-done{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:#fff;border-radius:24px;padding:44px 24px;box-shadow:0 10px 26px #1f2a4417;margin-top:24px}.contact-done svg{color:#35ab68}.contact-done h2{font-family:var(--lp-round);font-size:19px;font-weight:800;color:var(--lp-ink);margin:0}.contact-done p{font-size:13.5px;line-height:1.9;color:var(--lp-gray);margin:0}.contact-done-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:12px 28px;border-radius:999px;background:linear-gradient(96deg,#ff9440,#ff4d4d);color:#fff;font-family:var(--lp-round);font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 10px 22px #ff605052}@media(max-width:560px){.contact-row{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #ff5f52;--color-primary-hover: #ef4a3d;--color-on-primary: #ffffff;--color-bg: #f6f7fa;--color-surface: #ffffff;--color-surface-glass: rgba(255, 255, 255, .92);--color-surface-hover: #eef1f6;--color-chip-bg: #eaecf2;--color-primary-soft: #ffefed;--color-primary-soft-hover: #ffdfdb;--color-text: #232c40;--color-text-secondary: #48536e;--color-text-muted: #8891a5;--color-border: #e3e7ef;--color-hover-bg: rgba(34, 49, 81, .06);--color-overlay: rgba(246, 247, 250, .9);--color-success: #10b981;--color-error: #ef4444;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(34, 49, 81, .06);--shadow-md: 0 4px 6px -1px rgba(34, 49, 81, .1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-primary: #ff7a5c;--color-primary-hover: #ff9a80;--color-on-primary: #232c40;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-glass: rgba(30, 41, 59, .85);--color-surface-hover: #334155;--color-chip-bg: #293548;--color-primary-soft: rgba(255, 122, 92, .16);--color-primary-soft-hover: rgba(255, 122, 92, .28);--color-text: #e2e8f0;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #334155;--color-hover-bg: rgba(255, 255, 255, .08);--color-overlay: rgba(15, 23, 42, .88);--color-success: #34d399;--color-error: #f87171;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35)}}:root[data-theme=dark]{color-scheme:dark;--color-primary: #ff7a5c;--color-primary-hover: #ff9a80;--color-on-primary: #232c40;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-glass: rgba(30, 41, 59, .85);--color-surface-hover: #334155;--color-chip-bg: #293548;--color-primary-soft: rgba(255, 122, 92, .16);--color-primary-soft-hover: rgba(255, 122, 92, .28);--color-text: #e2e8f0;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #334155;--color-hover-bg: rgba(255, 255, 255, .08);--color-overlay: rgba(15, 23, 42, .88);--color-success: #34d399;--color-error: #f87171;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35)}html,body,#root{height:100%;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]){background:linear-gradient(180deg,#0f172a,#111827)}}html[data-theme=dark]{background:linear-gradient(180deg,#0f172a,#111827)}body{font-family:IBM Plex Sans,IBM Plex Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text);line-height:1.6;font-feature-settings:"palt";letter-spacing:.02em}h1,h2,h3{font-family:"M PLUS Rounded 1c",IBM Plex Sans JP,sans-serif}button{font-family:inherit;cursor:pointer;border:none;background:none}button,a,select,input,textarea,[role=button]{touch-action:manipulation}textarea{font-family:inherit;resize:vertical}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.logo-dark{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-light{display:none}:root:not([data-theme=light]) .logo-dark{display:inline}}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:inline}