:root{--green:#22d05e;--green-bright:#2ae66c;--green-deep:#16a34a;--beige:#f6e6d6;--blond:#d8b27a;--black:#000;--white:#fff;--bg:#faf7f1;--ink:#111;--ink-dim:#6b6b66;--border:#e7e2d8;--card:#fff;--radius:20px;--font-display:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Noto Sans JP", sans-serif;--font-body:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body:after{content:"";pointer-events:none;z-index:9999;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.nav{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.01em;color:var(--black);font-size:24px;font-weight:900;text-decoration:none}.logo span{color:var(--green-deep)}.nav .tagline-top{color:var(--ink-dim);font-size:13px;font-weight:500}.nav-right{align-items:center;gap:14px;display:flex}.credits{color:var(--green-deep);border:1px solid var(--green);background:#22d05e1a;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}.navlink{color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}.navlink:hover{color:var(--green-deep)}.navlink.as-btn{cursor:pointer;background:0 0;border:none;font-family:inherit}.hero{text-align:center;color:var(--white);background:radial-gradient(120% 90% at 85% 0%, #d8b27a8c 0%, #d8b27a00 55%), linear-gradient(150deg, var(--green-bright) 0%, var(--green) 42%, var(--green-deep) 100%);border-radius:28px;margin:12px 0 0;padding:76px 28px 88px;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero>*{z-index:1;position:relative}.badge{color:var(--white);background:#0000002e;border:1px solid #ffffff59;border-radius:999px;margin-bottom:26px;padding:7px 16px;font-size:13px;font-weight:700;display:inline-block}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(34px,6.2vw,60px);font-weight:900;line-height:1.16}.hero h1 .grad{background:linear-gradient(90deg, var(--white) 0%, var(--beige) 60%, var(--blond) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-mascot{z-index:0;filter:drop-shadow(0 10px 24px #00000038);pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;height:90%;position:absolute;bottom:0;right:clamp(6px,4vw,56px)}@media (max-width:640px){.hero-mascot{opacity:.85;height:62%;right:-8px}}.hero p.sub{color:#ffffffeb;max-width:600px;margin:22px auto 0;font-size:17px;font-weight:500;line-height:1.8}.panel{background:var(--card);border:1.5px solid var(--black);border-radius:var(--radius);z-index:2;max-width:760px;margin:-48px auto 0;padding:28px;position:relative;box-shadow:0 18px 50px #22d05e29}.tabs{gap:8px;margin-bottom:18px;display:flex}.tab{text-align:center;border:1.5px solid var(--border);color:var(--ink-dim);cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-body);background:0 0;border-radius:12px;flex:1;padding:11px}.tab.active{color:var(--green-deep);border-color:var(--green);background:#22d05e1a}.field{flex-wrap:wrap;gap:10px;display:flex}input:not([type]),input[type=text],input[type=url],input[type=email],input[type=password],textarea{background:var(--bg);border:1.5px solid var(--border);min-width:0;color:var(--ink);border-radius:12px;flex:1;padding:14px 16px;font-family:inherit;font-size:15px}textarea{resize:vertical;width:100%;min-height:110px}input:not([type])::placeholder,input::placeholder,textarea::placeholder{color:#b3aea2}input:not([type]):focus,input:focus,input[type=email]:focus,textarea:focus{border-color:var(--green);background:var(--white);outline:none}.row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.select{background:var(--bg);border:1.5px solid var(--border);color:var(--ink);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px}.btn{background:linear-gradient(135deg, var(--green-bright), var(--green-deep));color:var(--white);font-size:15px;font-weight:800;font-family:var(--font-display);cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:14px 24px;transition:transform .1s,box-shadow .2s,opacity .2s;box-shadow:0 6px 18px #22d05e52}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #22d05e66}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn.ghost{border:1.5px solid var(--black);color:var(--black);box-shadow:none;background:0 0}.btn.google{font-family:var(--font-body);justify-content:center;align-items:center;gap:10px;font-weight:700;display:flex}.or{color:var(--ink-dim);align-items:center;gap:12px;margin:16px 0;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--border);flex:1;height:1px}.btn.ghost:hover{box-shadow:none;background:#0000000a}.hint{color:var(--ink-dim);margin-top:12px;font-size:13px}.error{color:#c0392b;background:#c0392b12;border:1px solid #c0392b40;border-radius:10px;margin-top:14px;padding:12px 14px;font-size:14px}.analysis{max-width:920px;margin:48px auto 0}.analysis h2{font-family:var(--font-display);margin-bottom:6px;font-size:24px;font-weight:900}.meta{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0 8px;display:grid}.meta .cell{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:14px 16px}.meta .cell .k{color:var(--green-deep);margin-bottom:6px;font-size:12px;font-weight:700}.meta .cell .v{font-size:14px;line-height:1.6}.brand{background:var(--card);border:1.5px solid var(--border);border-radius:14px;margin-top:14px;padding:16px 18px}.brand-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-head .k{color:var(--green-deep);font-size:13px;font-weight:700}.toggle{color:var(--ink-dim);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.toggle input{accent-color:var(--green);width:16px;height:16px}.brand-tone{margin:10px 0;font-size:14px;line-height:1.6}.brand-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.swatches{gap:6px;display:flex}.sw{border:1px solid #0000001a;border-radius:7px;width:26px;height:26px}.refimg{color:var(--ink-dim);align-items:center;gap:8px;font-size:12px;display:flex}.refimg img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:56px;height:56px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;max-width:1080px;margin:28px auto 90px;display:grid}.card{background:var(--card);border:1.5px solid var(--black);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.card .imgbox{aspect-ratio:1;background:linear-gradient(150deg,#eafaef,#f6e6d6);justify-content:center;align-items:center;display:flex;position:relative}.card .imgbox img{object-fit:contain;width:100%;height:100%}.card .body{padding:18px}.tagline{color:var(--white);background:var(--green);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.card h3{font-family:var(--font-display);margin-bottom:4px;font-size:17px;font-weight:800}.card .copy{color:var(--ink-dim);margin-bottom:14px;font-size:13px;line-height:1.6}.controls{flex-wrap:wrap;gap:12px 18px;margin-top:16px;display:flex}.control{align-items:center;gap:8px;display:flex}.control .select{flex:1}.btn.gen{width:100%;margin-top:16px}.logo-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.logo-upload{cursor:pointer;padding:9px 16px;font-size:13px}.logo-preview{background:var(--bg);border:1.5px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}.logo-preview img{object-fit:contain;max-width:120px;height:28px}.logo-note{color:var(--ink-dim);font-size:12px}.review-step{letter-spacing:.04em;color:var(--green-deep);background:var(--green-soft,#e9f9f0);border:1px solid var(--green);border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.logo-block{border:1.5px solid var(--green);background:linear-gradient(#22d05e0f,#22d05e00);border-radius:16px;margin-top:22px;padding:18px}.logo-block-head{flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:12px;display:flex}.logo-block-head .k{font-size:15px;font-weight:800}.logo-block-hint{color:var(--ink-dim);font-size:12.5px}.logo-block-body{flex-direction:column;gap:12px;display:flex}.logo-auto{background:var(--white);border:1.5px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.logo-auto input{flex:none;width:18px;height:18px}.logo-auto img{object-fit:contain;background:var(--bg);border-radius:8px;flex:none;width:40px;height:40px}.logo-auto span{flex-direction:column;font-size:14px;font-weight:600;display:flex}.logo-auto small{color:var(--ink-dim);margin-top:2px;font-size:11.5px;font-weight:500}.logo-upload-cta{cursor:pointer;text-align:center;margin-top:0!important}.logo-chosen{align-items:center;gap:14px;display:flex}.logo-chosen img{object-fit:contain;background:var(--white);border:1.5px solid var(--border);border-radius:10px;max-width:160px;height:48px;padding:6px 10px}.logo-chosen-meta{align-items:center;gap:12px;display:flex}.badge-ok{color:var(--green-deep);background:var(--green-soft,#e9f9f0);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.logo-pos-row{align-items:center;gap:12px;margin-top:12px;display:flex}.logo-pos-label{color:var(--ink-dim);flex:none;font-size:13px;font-weight:700}.logo-pos-row .select{max-width:320px}.gen-final{margin-top:22px!important}.platforms{margin-top:18px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-toggle{color:var(--ink-dim);background:var(--bg);border:1.5px solid var(--border);cursor:pointer;border-radius:999px;padding:7px 13px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .12s}.chip-toggle:hover{border-color:var(--green)}.chip-toggle.on{color:var(--green-deep);border-color:var(--green);background:#22d05e1f}.chip.strong{color:var(--green-deep);border-color:var(--green);font-weight:700}.lbl{color:var(--ink-dim);white-space:nowrap;text-align:right;min-width:3.2em;font-size:13px;font-weight:600}.spec{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.chip{color:var(--ink-dim);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:11px}.card .actions{gap:8px;display:flex}.card .actions .btn{flex:1;padding:11px;font-size:13px}.spinner{border:3px solid #0000001f;border-top-color:var(--green);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.imgbox .loading{color:var(--green-deep);flex-direction:column;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.section-title{font-family:var(--font-display);text-align:center;margin:60px 0 4px;font-size:26px;font-weight:900}.section-sub{text-align:center;color:var(--ink-dim);font-size:15px}.legal{max-width:760px;padding-top:30px;padding-bottom:80px;line-height:1.85}.legal h1{font-family:var(--font-display);margin-bottom:8px;font-size:26px;font-weight:900}.legal h2{font-family:var(--font-display);margin:26px 0 8px;font-size:17px;font-weight:800}.legal p,.legal li{color:#333;font-size:14px}.legal ul{margin:8px 0;padding-left:20px}.legal li{margin:4px 0}.legal-date{color:var(--ink-dim);margin-bottom:20px;font-size:13px}.legal-foot{margin-top:32px;font-weight:700}.legal-table{border-collapse:collapse;width:100%;margin-top:18px}.legal-table th,.legal-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 14px;font-size:14px}.legal-table th{background:var(--bg);width:34%;color:var(--ink);font-weight:700}.resize-box{background:var(--card);border:1.5px solid var(--green);border-radius:var(--radius);max-width:1080px;margin:24px auto 0;padding:24px;box-shadow:0 12px 32px #22d05e1f}.resize-box .section-title{margin-top:0}.resize-pick{margin:18px 0}.picked{background:var(--bg);border:1.5px solid var(--border);border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.picked img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:60px;height:60px}.btn.ghost.sel{border-color:var(--green);color:var(--green-deep);background:#22d05e1f}.acct-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:24px 0 20px;display:grid}.acct-grid .cell{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}.acct-grid .cell.hl{border-color:var(--green);background:#22d05e0f}.acct-grid .v{margin-top:6px;font-size:15px}.acct-grid .v.big{font-family:var(--font-display);color:var(--green-deep);font-size:34px;font-weight:900}.acct-actions{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.acct-actions .btn{flex:none}.acct-h2{font-family:var(--font-display);margin:32px 0 12px;font-size:18px;font-weight:800}.hist-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.hist-item{border:1.5px solid var(--border);background:var(--bg);aspect-ratio:1;cursor:pointer;border-radius:12px;width:100%;padding:0;transition:transform .12s,box-shadow .12s;display:block;overflow:hidden}.hist-item:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.hist-item img{object-fit:contain;width:100%;height:100%}.bh-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.bh-modal{background:var(--white);border-radius:18px;width:100%;max-width:min(560px,92vw);padding:20px;position:relative;box-shadow:0 24px 60px #00000059}.bh-close{width:34px;height:34px;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;font-size:26px;line-height:1;position:absolute;top:10px;right:12px}.bh-modal-img{background:var(--bg);border-radius:12px;width:100%;display:block}.bh-actions{gap:12px;margin-top:16px;display:flex}.bh-actions .btn{flex:1}.samples{margin-top:56px}.samples-grid{column-count:4;column-gap:14px;margin-top:24px}@media (max-width:900px){.samples-grid{column-count:3}}@media (max-width:600px){.samples-grid{column-count:2;column-gap:10px}}.sample-item{break-inside:avoid;border:1px solid var(--border);background:var(--card);border-radius:14px;margin-bottom:14px;transition:transform .16s,box-shadow .22s;overflow:hidden;box-shadow:0 4px 16px #0000000f}.sample-item.pickable{cursor:pointer;width:100%;font:inherit;color:inherit;padding:0;display:block;position:relative}.sample-item:hover{transform:translateY(-3px);box-shadow:0 12px 30px #22d05e2e}.sample-item.pickable:hover{border-color:var(--green)}.sample-item.pickable:after{content:"このテイストで作る ›";color:#fff;text-align:center;opacity:0;background:linear-gradient(#0000,#000000b8);padding:22px 10px 9px;font-size:12px;font-weight:800;transition:opacity .16s;position:absolute;bottom:0;left:0;right:0}.sample-item.pickable:hover:after{opacity:1}.sample-item img{width:100%;display:block}.footer{border-top:1px solid var(--border);text-align:center;color:var(--ink-dim);margin-top:64px;padding:40px 24px 72px;font-size:13px}.footer a{margin:0 10px;text-decoration:none}.footer a:hover{color:var(--green-deep)}.plans{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;max-width:1000px;margin:32px auto 0;display:grid}.plan{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:24px 20px;display:flex;position:relative}.plan.popular{border-color:var(--green);box-shadow:0 12px 32px #22d05e2e}.plan .pop{background:var(--green);color:#fff;border-radius:999px;padding:3px 12px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:20px}.plan h3{font-family:var(--font-display);font-size:20px;font-weight:900}.plan .price{font-family:var(--font-display);margin:8px 0 2px;font-size:30px;font-weight:900}.plan .price span{color:var(--ink-dim);font-size:14px;font-weight:600}.plan .credits-line{color:var(--green-deep);font-size:13px;font-weight:700}.plan .plan-note{color:var(--ink-dim);margin:8px 0 14px;font-size:13px}.plan ul{flex:1;margin:0 0 18px;padding:0;list-style:none}.plan ul li{border-top:1px solid var(--border);padding:6px 0 6px 22px;font-size:13px;position:relative}.plan ul li:before{content:"✓";color:var(--green);font-weight:800;position:absolute;left:2px}.brands-row{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:10px 14px;display:flex}.brand-chip{border:1px solid var(--border);background:#fff;border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.brand-chip-name{cursor:pointer;color:var(--green-deep);background:0 0;border:none;padding:6px 4px 6px 14px;font-size:13px;font-weight:700}.brand-chip-name:hover{text-decoration:underline}.brand-chip-del{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:6px 10px 6px 6px;font-size:13px}.brand-chip-del:hover{color:#c0392b}.brand-save{width:100%;margin-top:10px}.concepts-edit{background:var(--card);border:1px solid var(--border);border-radius:12px;margin:22px 0 18px;padding:16px}.concepts-edit-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.concepts-edit-head .k{font-size:14px;font-weight:800}.concepts-edit-hint{color:var(--ink-dim);font-size:12px}.concept-row{border-top:1px solid var(--border);margin-top:10px;padding:12px 0 4px}.concept-row:first-of-type{border-top:none;margin-top:4px}.concept-row-head{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.concept-angle{color:var(--ink-dim);font-size:12px}.concept-fields{grid-template-columns:1.4fr 1.4fr .8fr;gap:10px;display:grid}.concept-fields label{color:var(--ink-dim);flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.concept-fields input{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:14px}.concept-fields input:focus{outline:2px solid var(--green);border-color:#0000}@media (max-width:640px){.concept-fields{grid-template-columns:1fr}}.compliance-note{text-align:center;color:var(--green-deep);background:var(--card);border:1px solid var(--border);border-radius:999px;margin:0 auto 18px;padding:6px 16px;font-size:12.5px;display:table}.nav-sections{align-items:center;gap:18px;display:flex}.nav-sections .navlink.on{color:var(--green-deep);position:relative}.nav-sections .navlink.on:after{content:"";background:var(--green);border-radius:2px;height:2px;position:absolute;bottom:-6px;left:0;right:0}@media (max-width:640px){.nav-sections{gap:12px;font-size:13px}.nav-sections .navlink{font-size:13px}}.home-modes{text-align:center;max-width:760px;margin:26px auto 0}.home-modes-lead{font-family:var(--font-display);margin-bottom:14px;font-size:clamp(16px,3.6vw,20px);font-weight:800}.home-modes-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:760px){.home-modes-cards{grid-template-columns:1fr 1fr}}@media (max-width:560px){.home-modes-cards{grid-template-columns:1fr}}.mode-card{text-align:left;background:var(--card);border:1.5px solid var(--border);border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 20px;text-decoration:none;transition:transform .12s,box-shadow .16s,border-color .12s;display:flex}.mode-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 10px 26px #22d05e29}.mode-emoji{font-size:26px}.mode-title{font-family:var(--font-display);font-size:18px;font-weight:900}.mode-desc{color:var(--ink-dim);font-size:13px;line-height:1.6}.credit-guide{background:var(--card);border:1.5px solid var(--border);border-radius:16px;max-width:560px;margin:22px auto 0;padding:18px 22px}.credit-guide-title{font-family:var(--font-display);font-size:15px;font-weight:800}.credit-guide ul{margin:10px 0 0;padding:0;list-style:none}.credit-guide li{border-top:1px solid var(--border);padding:6px 0 6px 20px;font-size:14px;position:relative}.credit-guide li:before{content:"・";color:var(--green-deep);font-weight:800;position:absolute;left:2px}.credit-guide-note{color:var(--ink-dim);margin-top:10px;font-size:12.5px}.studio{padding-bottom:90px}.studio .panel{margin-top:18px}.lp-inputs{flex-direction:column;gap:10px;display:flex}.lp-img-drop{text-align:center;border:1.5px dashed var(--border);min-height:120px;color:var(--ink-dim);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:20px;font-size:14px;display:flex}.lp-img-drop:hover{border-color:var(--ink)}.lp-img-preview{flex-direction:column;gap:10px;display:flex}.lp-img-preview img{border:1.5px solid var(--border);object-fit:contain;border-radius:12px;width:auto;max-width:100%;max-height:320px}.lp-img-actions{flex-wrap:wrap;gap:8px;display:flex}.lp-img-actions .btn{cursor:pointer}.lp-hero-img-hint{color:var(--ink-dim);margin-top:6px;font-size:12px;line-height:1.6}.lp-unsaved-note{border:1.5px solid var(--green-deep);background:color-mix(in srgb, var(--green) 10%, transparent);border-left-width:5px;border-radius:10px;margin:18px 0 10px;padding:12px 16px;font-size:13.5px;font-weight:700;line-height:1.6}.lp-autosave-note{background:color-mix(in srgb, var(--green) 8%, transparent);color:var(--green-deep);border-radius:10px;margin:18px 0 10px;padding:9px 14px;font-size:13px;font-weight:700;line-height:1.6}.lp-autosave-warn{color:#a8290a;background:#d4380d17;border:1.5px solid #d4380d;border-left-width:5px;border-radius:10px;margin:18px 0 10px;padding:13px 16px;font-size:13.5px;font-weight:700;line-height:1.6}.lp-nocredit-note{color:#a8290a;background:#d4380d17;border:1.5px solid #d4380d;border-left-width:5px;border-radius:10px;margin:12px 0 10px;padding:13px 16px;font-size:13.5px;font-weight:700;line-height:1.7}.lp-nocredit-note a{color:var(--green-deep);margin-left:8px;font-weight:800;text-decoration:underline;display:inline-block}.lp-result,.diag-result{margin-top:34px}.preview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.device-toggle{border:1.5px solid var(--border);border-radius:999px;display:inline-flex;overflow:hidden}.device-toggle button{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:700}.device-toggle button.on{color:var(--green-deep);background:#22d05e1f}.preview-stage{background:var(--card);border:1.5px solid var(--border);border-radius:16px;justify-content:center;padding:16px;display:flex}.preview-frame{background:#fff;border:none;border-radius:10px;width:100%;height:640px}.preview-stage.sp .preview-frame{width:390px;max-width:100%}.hero-gen-opts{border:1.5px solid var(--border);background:var(--card);border-radius:12px;margin:18px 0 0;padding:16px}.hero-gen-opts .ed-field{margin-bottom:12px}.hero-gen-opts .lp-hero-img-hint{margin-bottom:0}.pub-row{flex-wrap:wrap;gap:10px;margin:18px 0 0;display:flex}.pub-url{border:1.5px solid var(--green);background:#22d05e0f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;font-size:14px;display:flex}.pub-url span{color:var(--green-deep);font-weight:700}.pub-url a{word-break:break-all;font-weight:600}.pub-url .btn{padding:8px 14px;font-size:13px}.lp-editor{margin-top:20px}.lp-sec-edit{background:var(--card);border:1.5px solid var(--border);border-radius:14px;margin-bottom:14px;padding:16px 18px}.sec-tag{color:var(--green-deep);background:var(--green-soft,#e9f9f0);border-radius:999px;margin-bottom:12px;padding:3px 12px;font-size:12px;font-weight:800;display:inline-block}.ed-field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.ed-field>span{color:var(--ink-dim);font-size:12px;font-weight:700}.ed-field input,.ed-field textarea,.ed-field .select{width:100%}.ed-field textarea{min-height:70px}.ed-items{flex-direction:column;gap:8px;display:flex}.ed-items input{width:100%}.ed-pair{grid-template-columns:1fr 1.6fr;gap:8px;display:grid}@media (max-width:560px){.ed-pair{grid-template-columns:1fr}}.ed-items textarea{width:100%;min-height:60px}.ed-plan{border:1.5px dashed var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.ed-check{color:var(--ink-dim);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.ed-check input{width:auto}.pub-hint{color:var(--ink-dim);margin-top:12px;font-size:12.5px;line-height:1.7}.lp-list{margin-top:40px}.lp-list-item{background:var(--card);border:1.5px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:12px 16px;display:flex}.lp-list-title{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;padding:0;font-family:inherit;font-size:15px;font-weight:700}.lp-list-title:hover{color:var(--green-deep);text-decoration:underline}.lp-badge{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}.lp-badge.draft{color:var(--ink-dim);background:var(--bg);border:1px solid var(--border)}.lp-badge.published{color:var(--green-deep);background:var(--green-soft,#e9f9f0);border:1px solid var(--green)}.lp-plays{color:var(--ink-dim);font-size:12px}.lp-list-link{color:var(--green-deep);font-size:13px;font-weight:600;text-decoration:none}.lp-list-link:hover{text-decoration:underline}.lp-list-del{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px}.lp-list-del:hover{color:#c0392b}.plan-box{margin-top:34px}.plan-box-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.plan-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.plan-card{background:var(--card);border:1.5px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex}.plan-card h3{font-family:var(--font-display);font-size:17px;font-weight:900;line-height:1.4}.plan-hook{color:var(--ink-dim);font-size:13px;line-height:1.6}.plan-concept{font-size:13px;line-height:1.7}.plan-types{flex-wrap:wrap;gap:6px;margin:4px 0 10px;display:flex}.plan-card .btn{width:100%;margin-top:auto;padding:11px;font-size:14px}.diag-preview-stage{background:var(--card);border:1.5px solid var(--border);border-radius:16px;justify-content:center;padding:20px;display:flex}.diag-phone{border:1.5px solid var(--border);background:#fff;border-radius:22px;width:390px;max-width:100%;height:680px;overflow-y:auto}.copy-result{margin-top:26px}.copy-seed-note{color:var(--ink-dim);margin:4px 0 14px;font-size:13px}.copy-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:640px){.copy-grid{grid-template-columns:1fr}}.copy-card{background:var(--card);border:1.5px solid var(--border);border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.copy-text{font-family:var(--font-display);white-space:pre-wrap;word-break:break-word;font-size:21px;font-weight:900;line-height:1.4}.copy-why{color:var(--ink-dim);margin:0;font-size:13px;line-height:1.7}.copy-actions{gap:8px;width:100%;margin-top:auto;padding-top:4px;display:flex}.copy-actions .btn{flex:1;padding:10px;font-size:13px}.persona-result{max-width:1120px;margin:26px auto 90px}.persona-proto-note{color:var(--ink-dim);margin:8px 0 18px;font-size:13px;line-height:1.7}.persona-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (max-width:980px){.persona-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.persona-grid{grid-template-columns:1fr}}.persona-card{background:var(--card);border:1.5px solid var(--border);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.persona-card.main{border-color:var(--green);box-shadow:0 0 0 2px #22d05e2e}.persona-portrait{aspect-ratio:1;background:linear-gradient(150deg,#eafaef,#f6e6d6);justify-content:center;align-items:center;display:flex;position:relative}.persona-portrait img{object-fit:cover;width:100%;height:100%}.persona-portrait-ph{justify-content:center;align-items:center;display:flex}.persona-portrait-emoji{opacity:.55;font-size:64px}.persona-portrait .loading{color:var(--green-deep);flex-direction:column;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.persona-body{flex-direction:column;gap:12px;padding:18px;display:flex}.persona-chips{flex-wrap:wrap;gap:6px;display:flex}.persona-name{font-family:var(--font-display);margin:0;font-size:20px;font-weight:900}.persona-attrs{color:var(--ink-dim);margin:-6px 0 0;font-size:12px;line-height:1.6}.persona-summary{font-family:var(--font-display);margin:2px 0 4px;font-size:16px;font-weight:800;line-height:1.5}.persona-block{flex-direction:column;gap:4px;display:flex}.persona-block-h{color:var(--green-deep);font-size:12px;font-weight:700}.persona-block ul{flex-direction:column;gap:3px;margin:0;padding-left:18px;display:flex}.persona-block li{font-size:13px;line-height:1.6}.persona-quotes li{color:var(--ink);font-weight:600}.persona-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.persona-actions .btn{text-align:center;flex:auto;padding:10px;font-size:12px;text-decoration:none}.ws{max-width:1200px;margin:26px auto 0}.ws-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.ws-eyebrow{letter-spacing:.14em;color:var(--ink-dim);margin-bottom:4px;font-size:12px;font-weight:800}.ws-title{font-family:var(--font-display);flex-wrap:wrap;align-items:center;gap:10px;font-size:22px;font-weight:900;display:flex}.ws-badge{background:var(--bg);border:1px solid var(--border);color:var(--ink-dim);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.ws-head-actions{flex-wrap:wrap;gap:8px;display:flex}.ws-head-actions .btn{padding:9px 16px;font-size:13px}.ws-note{background:var(--bg);border:1px solid var(--border);color:var(--ink-dim);border-radius:14px;margin-bottom:18px;padding:12px 16px;font-size:13px;line-height:1.7}.ws-grid{grid-template-columns:1fr 380px;align-items:start;gap:22px;display:grid}@media (max-width:920px){.ws-grid{grid-template-columns:1fr}.ws-preview{display:none}}.ws-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.ws-tab{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:800}.ws-tab.on{background:var(--black);color:#fff}.ws-panel{background:var(--card);border:1.5px solid var(--border);border-radius:20px;padding:22px}.ws-panel-note{background:var(--bg);border:1px solid var(--border);color:var(--ink-dim);border-radius:12px;margin-bottom:16px;padding:11px 14px;font-size:12.5px;line-height:1.7}.ws-preview{position:sticky;top:16px}.ws-preview-h{letter-spacing:.14em;color:var(--ink-dim);margin-bottom:10px;font-size:12px;font-weight:800}.ws-phone{border:3px solid var(--black);background:#fff;border-radius:32px;height:660px;overflow:hidden}.ws-phone>*{height:100%;overflow-y:auto}.ws-block{border:1.5px solid var(--border);border-radius:14px;margin-bottom:14px;padding:16px}.ws-block-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.ws-block-tag{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800}.ws-block-tools{gap:6px;margin-left:auto;display:flex}.ws-icon-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;min-width:32px;height:30px;color:var(--ink);border-radius:8px;font-family:inherit;font-size:13px;font-weight:700}.ws-icon-btn:hover{border-color:var(--green)}.ws-icon-btn:disabled{opacity:.35;cursor:default}.ws-add-lead{margin:8px 0;font-size:13px;font-weight:800}.ws-add-lead span{color:var(--ink-dim);margin-left:8px;font-weight:500}.ws-add{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.ws-add button{border:1.5px solid var(--black);cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700}.ws-add button:hover{background:#0000000a}.ws-q{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.ws-qnum{color:#fff;background:#3b47e6;border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;margin-top:4px;font-size:13px;font-weight:800;display:flex}.ws-qbody{flex:1;min-width:0}.ws-qbody textarea{width:100%}.ws-qhint{color:var(--ink-dim);margin-top:6px;font-size:12px}.ws-acc{border:1.5px solid var(--border);border-radius:14px;margin-bottom:12px;overflow:hidden}.ws-acc-head{background:var(--bg);cursor:pointer;text-align:left;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:800;display:flex}.ws-acc-badge{color:#fff;background:#3b47e6;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex}.ws-acc-body{padding:16px}.ws-seg{border:1.5px solid var(--border);border-radius:999px;margin-bottom:14px;display:flex;overflow:hidden}.ws-seg button{cursor:pointer;color:var(--ink-dim);background:0 0;border:none;flex:1;padding:11px;font-family:inherit;font-size:13px;font-weight:800}.ws-seg button.on{color:#fff;background:#3b47e6}.ws-theme-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.ws-theme{border:2px solid var(--border);cursor:pointer;background:var(--card);text-align:left;border-radius:12px;padding:12px;font-family:inherit}.ws-theme.on{border-color:var(--green);box-shadow:0 0 0 3px #22d05e22}.ws-theme-sw{gap:5px;margin-bottom:8px;display:flex}.ws-theme-sw span{border:1px solid #0000001a;border-radius:6px;width:20px;height:20px}.ws-theme-name{font-size:13px;font-weight:800}.ws-pub-ok{border:2px solid var(--black);background:#dfff5a;border-radius:14px;margin-top:18px;padding:16px 18px}.ws-pub-ok .k{font-family:var(--font-display);margin-bottom:6px;font-weight:900}.ws-pub-ok code{word-break:break-all;margin-bottom:12px;font-size:13px;display:block}.ws-slug{align-items:center;gap:8px;display:flex}.ws-slug .pre{color:var(--ink-dim);font-weight:800}.ds-home-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.ds-card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.ds-card{border:1.5px solid var(--black);background:var(--card);box-shadow:3px 3px 0 var(--black);border-radius:16px;flex-direction:column;padding:18px;transition:transform .12s,box-shadow .12s;display:flex}.ds-card:hover{box-shadow:5px 5px 0 var(--black);transform:translate(-2px,-2px)}.ds-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.ds-status{border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800}.ds-status.published{background:var(--green);color:#fff}.ds-status.draft{background:var(--bg);color:var(--ink-dim);border:1px solid var(--border)}.ds-plays{color:var(--ink-dim);font-size:12px;font-weight:700}.ds-card-title{font-family:var(--font-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:17px;font-weight:900;line-height:1.4;display:-webkit-box;overflow:hidden}.ds-card-date{color:var(--ink-dim);margin-bottom:14px;font-size:12px}.ds-card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.ds-btn-sm{border-radius:10px;padding:8px 14px;font-size:13px}.ds-card-del{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;margin-left:auto;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:700}.ds-card-del:hover{color:#d63030;background:#d6303014}.ds-empty{border:1.5px dashed var(--border);background:var(--card);text-align:center;border-radius:18px;padding:48px 24px}.ds-empty-emoji{margin-bottom:12px;font-size:36px}.ds-empty-title{font-family:var(--font-display);margin-bottom:6px;font-size:19px;font-weight:900}.ds-empty-sub{color:var(--ink-dim);margin-bottom:20px;font-size:14px}.ds-back{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;margin-top:24px;padding:6px 0;font-family:inherit;font-size:14px;font-weight:800}.ds-back:hover{color:var(--green-deep)}.ds-stepper{align-items:center;gap:6px;margin:20px 0 26px;display:flex}.ds-step{font-family:var(--font-display);cursor:default;background:0 0;border:none;align-items:center;gap:10px;padding:4px 6px;display:flex}.ds-step[disabled]{cursor:default}.ds-step.done{cursor:pointer}.ds-step-num{border-radius:999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:900;display:flex}.ds-step.cur .ds-step-num{background:var(--black);color:#fff}.ds-step.done .ds-step-num{background:var(--green);color:#fff}.ds-step.future .ds-step-num{background:var(--bg);color:var(--ink-dim);border:1.5px solid var(--border)}.ds-step-label{font-size:15px;font-weight:800}.ds-step.cur .ds-step-label{color:var(--ink)}.ds-step.done .ds-step-label,.ds-step.future .ds-step-label{color:var(--ink-dim)}.ds-step-line{background:var(--border);flex:1;min-width:20px;height:2px}@media (max-width:560px){.ds-step-label{display:none}.ds-stepper{gap:4px}}.ds-build{grid-template-columns:220px 1fr 380px;align-items:start;gap:22px;display:grid}@media (max-width:1100px){.ds-build{grid-template-columns:1fr 380px}}@media (max-width:920px){.ds-build{grid-template-columns:1fr}.ds-build .ws-preview{display:none}}.ds-checklist{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:8px;position:sticky;top:16px}.ds-check-list{margin:0;padding:0;list-style:none}.ds-check-list li+li{border-top:1px solid var(--border)}.ds-check-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;width:100%;padding:12px;font-family:inherit;display:flex}.ds-check-row:hover{background:#0000000a}.ds-check-row.on{background:var(--black)}.ds-check-row.on .ds-check-label{color:#fff}.ds-check-label{min-width:0;color:var(--ink);flex:1;font-size:13.5px;font-weight:800}.ds-check-status{border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex}.ds-check-status.done{background:var(--green);color:#fff}.ds-check-status.todo{background:var(--bg);color:var(--ink-dim);border:1px solid var(--border)}.ds-progress{color:var(--ink-dim);border-top:1px solid var(--border);margin-top:4px;padding:12px;font-size:13px;font-weight:800}.ds-progress-ok{color:var(--green-deep)}@media (max-width:1100px){.ds-checklist{grid-column:1/-1;padding:6px;position:static}.ds-check-list{gap:6px;display:flex;overflow-x:auto}.ds-check-list li+li{border-top:none}.ds-check-row{white-space:nowrap;border-radius:999px;padding:9px 14px}.ds-progress{display:none}}.seo{border-top:1px solid var(--border);color:var(--ink);max-width:760px;margin-top:56px;padding:40px 0 72px}.seo-h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:40px 0 14px;font-size:22px;font-weight:900}.seo-h2:first-child{margin-top:0}.seo-p{color:var(--ink-dim);margin:0 0 14px;font-size:15px;line-height:1.9}.seo-steps,.seo-list{margin:0 0 14px;padding-left:1.3em}.seo-steps li,.seo-list li{color:var(--ink-dim);margin-bottom:10px;font-size:15px;line-height:1.85}.seo-steps strong,.seo-list strong{color:var(--ink)}.seo-table{border-collapse:collapse;width:100%;margin:0 0 14px;font-size:14.5px}.seo-table th,.seo-table td{text-align:left;border-bottom:1px solid var(--border);color:var(--ink);padding:11px 14px}.seo-table th{font-family:var(--font-display);color:var(--ink-dim);background:var(--bg);font-weight:800}.seo-table td:last-child,.seo-table th:last-child{text-align:right;white-space:nowrap}.seo-faq{margin:0 0 14px}.seo-faq-item{border-bottom:1px solid var(--border);padding:16px 0}.seo-faq-item:first-child{padding-top:0}.seo-faq dt{font-family:var(--font-display);color:var(--ink);margin-bottom:8px;font-size:15.5px;font-weight:800}.seo-faq dd{color:var(--ink-dim);margin:0;font-size:15px;line-height:1.85}.seo-links{flex-wrap:wrap;gap:10px 22px;margin:0;padding:0;list-style:none;display:flex}.seo-links a{color:var(--green-deep);border-bottom:1px solid var(--green);font-size:15px;font-weight:700;text-decoration:none}.seo-links a:hover{color:var(--ink)}@media (max-width:560px){.seo{padding:32px 0 56px}.seo-h2{font-size:20px}}
