:root{font-family:Inter,SF Pro Display,SF Pro Text,Hiragino Sans GB,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:#17211c;background:#eef2ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:linear-gradient(90deg,rgba(34,48,68,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(34,48,68,.06) 1px,transparent 1px),#eef1f4;background-size:32px 32px;padding:20px}.workspace{display:grid;grid-template-columns:minmax(300px,348px) minmax(420px,1fr);gap:20px;max-width:1320px;margin:0 auto;align-items:start}.control-panel{display:grid;gap:12px;padding:16px;border:1px solid rgba(38,78,130,.14);border-radius:8px;background:linear-gradient(180deg,#fffffff5,#f7fafdeb),#fff;box-shadow:0 16px 38px #1825361a,inset 0 1px #ffffffe6;position:sticky;top:20px}.control-panel:before{content:"";height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(38,78,130,.42),transparent);order:-1}.brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eyebrow{margin:0 0 4px;color:#264e82;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:22px;line-height:1.16;color:#172435}.icon-button{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(38,78,130,.16);border-radius:8px;color:#264e82;background:#eef4fbe6;transition:border-color .16s ease,background .16s ease,transform .16s ease}.icon-button:hover{border-color:#264e8257;background:#fff;transform:translateY(-1px)}.field{display:grid;gap:6px}.template-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border:1px solid rgba(38,78,130,.12);border-radius:8px;background:#eef4fbd1}.template-switch button{display:inline-flex;min-width:0;min-height:34px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:6px;color:#182536ad;background:transparent;font-size:13px;font-weight:850;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.template-switch button.is-active{color:#172435;background:#fff;box-shadow:0 8px 18px #1825361a,inset 0 0 0 1px #264e821a}.field span{display:inline-flex;align-items:center;gap:6px;color:#263f55;font-size:12px;font-weight:800}input,textarea{width:100%;border:1px solid rgba(38,78,130,.14);border-radius:8px;background:#ffffffeb;color:#172435;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input{min-height:36px;padding:0 10px}textarea{min-height:220px;resize:vertical;padding:10px;line-height:1.6}input:focus,textarea:focus{border-color:#5e7fa8;background:#fff;box-shadow:0 0 0 3px #264e821f}input::placeholder,textarea::placeholder{color:#1825366b}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,#315d8b,#264e82);font-weight:900;box-shadow:0 12px 26px #264e8238;transition:transform .16s ease,box-shadow .16s ease}.primary-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 34px #264e8247}.primary-action:disabled{opacity:.7}.preview-stage{position:relative;min-height:calc(100vh - 40px);max-height:calc(100vh - 40px);display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden;overflow-y:auto;padding-bottom:36px;scrollbar-width:none}.preview-stage::-webkit-scrollbar,.generated-overlay::-webkit-scrollbar{display:none}.site-footer{display:flex;justify-content:center;align-items:center;gap:10px;max-width:1440px;margin:6px auto 0;padding:10px 0 2px;color:#17211c94;font-size:13px;font-weight:700}.site-footer a{color:#315d8b;text-decoration:none}.site-footer a:hover{text-decoration:underline}.phone-frame{width:min(100%,500px);padding:10px;border:1px solid rgba(23,33,28,.08);border-radius:8px;background:#ffffffb3;box-shadow:0 20px 48px #17211c1c}.generated-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;justify-items:center;align-items:start;overflow:auto;padding:24px 20px 36px;background:#090e1557;scrollbar-width:none}.generated-toolbar{position:fixed;top:24px;right:auto;left:calc(50% + 270px);z-index:20;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 6px 0 12px;border:1px solid rgba(23,33,28,.12);border-radius:8px;color:#17211cc2;background:#ffffffe6;box-shadow:0 10px 24px #17211c1f;font-size:12px;font-weight:850}.generated-toolbar button{display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:6px;color:#17211c;background:#17211c0f}.generated-toolbar button:hover{background:#17211c1a}.generated-overlay img{display:block;max-width:100%;height:auto;border:0;outline:4px solid var(--accent);border-radius:8px;background:#fff;box-shadow:0 18px 42px #17211c38;-webkit-user-select:auto;user-select:auto;-webkit-user-drag:auto;cursor:default}.share-card{position:relative;width:100%;min-height:820px;overflow:hidden;border-radius:8px;background:var(--paper);color:var(--ink);font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-kerning:none;font-variant-ligatures:none;font-feature-settings:"kern" 0,"liga" 0;text-rendering:geometricPrecision;line-break:loose;hanging-punctuation:allow-end;padding:48px 22px 14px;box-shadow:inset 0 0 0 1px var(--hairline)}.share-card.theme-ink{--accent: #264e82;--accent-2: #5e7fa8;--accent-soft: #eef4fb;--accent-line: #b9c9db;--hairline: rgba(38, 78, 130, .14);--paper: #fbfdff;--ink: #07111f;--muted: rgba(24, 37, 54, .58);--watermark: rgba(38, 78, 130, .05)}.share-card.theme-options{--accent: #3498db;--accent-2: #00a6c8;--accent-soft: #eef6ff;--accent-line: rgba(52, 152, 219, .16);--hairline: rgba(15, 23, 42, .1);--paper: #fbfdff;--ink: #0f172a;--muted: rgba(15, 23, 42, .54);--watermark: rgba(52, 152, 219, .03)}.share-card.theme-target{--accent: #b36b18;--accent-2: #0f766e;--accent-soft: #fff6e8;--accent-line: rgba(179, 107, 24, .18);--hairline: rgba(88, 62, 28, .14);--paper: #fffdf8;--ink: #1e1a14;--muted: rgba(71, 54, 31, .58);--watermark: rgba(179, 107, 24, .035)}.options-card{min-height:780px;padding:34px 20px 14px;background:linear-gradient(180deg,rgba(52,152,219,.052),transparent 190px),linear-gradient(135deg,rgba(0,166,200,.06),transparent 320px),var(--paper)}.options-card:before{height:5px;background:linear-gradient(90deg,#3498db,#00a6c8)}.target-card{min-height:780px;padding:34px 18px 14px;background:linear-gradient(180deg,rgba(255,246,232,.9),transparent 210px),linear-gradient(135deg,rgba(15,118,110,.055),transparent 320px),var(--paper)}.target-card:before{height:5px;background:linear-gradient(90deg,#b36b18,#0f766e)}.generated-overlay.theme-ink{--accent: #264e82}.share-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2));z-index:2}.watermark-layer{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:42px 16px;pointer-events:none;transform:rotate(-24deg);opacity:1;z-index:0}.watermark-layer span{color:var(--watermark);font-size:13px;font-weight:700;white-space:nowrap}.share-header,.summary-list,.share-footer{position:relative;z-index:1}.share-header{position:relative;padding:2px 0 14px}.share-header p{margin:0 0 6px;color:var(--accent);font-family:SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.share-header h2{margin:0;color:var(--ink);font-size:27px;line-height:1.22;font-weight:800}.options-header{padding:2px 0 12px;border-bottom-color:#3498db24}.options-header p{color:var(--accent);font-size:11px}.options-header h2{max-width:82%;color:#0f172a;font-size:30px;line-height:1.12;font-weight:900}.target-header{padding-bottom:12px}.target-header p{color:#b36b18}.target-header h2{max-width:82%;color:#1e1a14;font-size:27px;line-height:1.14;font-weight:950}.options-market-strip{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 0}.options-market-strip div{display:grid;gap:3px;padding:10px 11px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#ffffffe6}.options-market-strip span{color:var(--muted);font-size:9px;font-weight:800;line-height:1.2;text-transform:uppercase}.options-market-strip strong{color:var(--accent);font-size:24px;line-height:1;font-weight:950}.card-date{position:absolute;top:2px;right:0;color:var(--muted);font-family:SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:700;line-height:1}.summary-list{display:grid;gap:8px;padding:18px 0 10px}.options-summary-list{position:relative;z-index:1;display:grid;gap:12px;padding:14px 0 10px}.options-section{display:grid;gap:9px}.options-section-title{display:grid;grid-template-columns:32px 1fr;column-gap:9px;align-items:center;padding:8px 9px;border:1px solid var(--hairline);border-radius:8px;background:#ffffffc2}.options-section-title span{grid-row:span 2;display:grid;width:32px;height:32px;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,#3498db,#00a6c8);font-size:12px;font-weight:950}.options-section-title--premium span{background:linear-gradient(135deg,#16a085,#48c9b0)}.options-section-title h3,.options-conclusion h3{margin:0;color:var(--ink);font-size:17px;line-height:1.18;font-weight:900}.options-section-title p{margin:2px 0 0;color:var(--muted);font-size:10px;line-height:1.2;font-weight:800;text-transform:uppercase}.options-ticker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.options-ticker{display:grid;min-width:0;gap:2px;padding:8px 7px 7px;border:1px solid rgba(15,23,42,.075);border-radius:8px;background:#ffffffeb;box-shadow:inset 3px 0 #3498db29}.options-ticker-grid--premium .options-ticker{box-shadow:inset 3px 0 #16a0852e}.options-ticker strong{min-width:0;color:#3498db;font-family:SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.12;font-weight:950;overflow-wrap:anywhere}.options-ticker span{color:#0f172a;font-size:13px;line-height:1.24;font-weight:850}.options-ticker-grid--premium .options-ticker strong{color:#16a085}.options-conclusion{display:grid;gap:8px;padding:12px;border:1px solid rgba(52,152,219,.12);border-radius:8px;background:linear-gradient(180deg,#eef6ffe6,#ffffffd1),#fff}.options-focus-row{display:grid;gap:5px}.options-focus-row span{width:fit-content;padding:3px 7px;border-radius:6px;color:#2178b5;background:#3498db1a;font-size:11px;line-height:1.2;font-weight:900}.options-focus-row p{margin:0;color:var(--ink);font-size:16px;line-height:1.42;font-weight:850;overflow-wrap:break-word}.options-risk-note{display:grid;gap:5px;padding:10px 11px;border-left:3px solid rgba(0,166,200,.5);border-radius:8px;background:#effafdd1}.options-risk-note p{margin:0;color:#101917b8;font-size:12px;line-height:1.55;font-weight:650}.options-risk-note span{color:#10191775;font-size:10px;line-height:1.3;font-weight:750;text-transform:uppercase}.target-rule-grid,.target-groups,.target-table-wrap,.target-risk-note{position:relative;z-index:1}.target-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}.target-rule{display:grid;gap:4px;min-width:0;padding:9px 8px;border:1px solid rgba(88,62,28,.1);border-radius:8px;background:#ffffffdb}.target-rule strong{color:#b36b18;font-size:13px;line-height:1.18;font-weight:950}.target-rule span{color:#1e1a14ad;font-size:10px;line-height:1.35;font-weight:700}.target-groups,.target-table-wrap{display:grid;gap:7px;margin-bottom:12px}.target-groups h3,.target-table-wrap h3{margin:0;color:#1e1a14;font-size:16px;line-height:1.2;font-weight:950}.target-group-row{display:grid;grid-template-columns:92px 1fr;gap:8px;align-items:center;padding:7px 8px;border:1px solid rgba(88,62,28,.09);border-radius:8px;background:#ffffffc7}.target-group-row p{min-width:0;margin:0;color:#1e1a14;font-size:12px;line-height:1.38;font-weight:760;overflow-wrap:anywhere}.target-status{display:inline-flex;width:fit-content;max-width:100%;align-items:center;justify-content:center;padding:3px 7px;border-radius:999px;color:#5b4630;background:#583e1c14;font-size:10px;line-height:1.2;font-weight:900;white-space:nowrap}.target-status--deep{color:#8f1d1d;background:#dc26261f}.target-status--standard{color:#0f766e;background:#0f766e21}.target-status--starter{color:#b36b18;background:#b36b1824}.target-status--wait{color:#1e1a1485;background:#583e1c14}.target-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid rgba(88,62,28,.12);border-radius:8px;background:#ffffffe6;table-layout:fixed}.target-table th,.target-table td{padding:6px 5px;border-bottom:1px solid rgba(88,62,28,.08);color:#1e1a14;font-size:9px;line-height:1.28;text-align:left;vertical-align:top;overflow-wrap:anywhere}.target-table th{color:#1e1a1494;background:#fff6e8e6;font-weight:950}.target-table tr:last-child td{border-bottom:0}.target-table th:first-child,.target-table td:first-child{width:13%}.target-table th:nth-child(2),.target-table td:nth-child(2),.target-table th:nth-child(3),.target-table td:nth-child(3){width:10%}.target-table th:last-child,.target-table td:last-child{width:18%}.target-ticker{color:#b36b18;font-weight:950}.target-risk-note{display:grid;gap:6px;padding:10px 11px;border-left:3px solid rgba(179,107,24,.5);border-radius:8px;background:#fff6e8b8}.target-risk-note p,.target-risk-note span{margin:0;color:#1e1a14a8;font-size:10px;line-height:1.45;font-weight:700}.text-block{display:flex;gap:8px;align-items:start;padding:1px 0}.text-block p{display:block;flex:1 1 auto;min-width:0;width:100%;max-width:100%;margin:0;color:var(--ink);font-size:15px;line-height:1.5;font-weight:400;white-space:normal;overflow-wrap:break-word;word-break:normal;line-break:loose}.bullet-dot{flex:0 0 auto;width:5px;height:5px;margin-top:9px;border-radius:99px;background:var(--accent)}.bullet-marker{flex:0 0 auto;color:var(--accent);font-size:13px;font-weight:700;line-height:1.72}.section-heading{display:flex;gap:8px;align-items:start;margin:8px 0 0;padding:7px 8px 6px;border-radius:8px;background:linear-gradient(90deg,var(--accent-soft),rgba(255,255,255,.58));border:1px solid var(--hairline)}.section-heading span{display:inline-flex;flex:0 0 24px;min-width:24px;height:24px;align-items:center;justify-content:center;border-radius:6px;color:#fff;background:var(--accent);font-size:12px;font-weight:900}.section-heading h3{display:block;flex:1 1 auto;min-width:0;width:100%;max-width:100%;margin:0;color:var(--ink);font-size:16px;line-height:1.48;font-weight:600;white-space:normal;overflow-wrap:break-word;word-break:normal;line-break:loose}mark{padding:1px 4px;border-radius:5px;color:var(--accent);background:#ffdb6a7a;font-weight:inherit}strong{font-weight:600}code{padding:1px 4px;border-radius:5px;color:var(--accent);background:var(--accent-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92em}.share-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0;padding:14px 18px;border-radius:8px;color:var(--ink);background:var(--accent-soft);border:1px solid var(--hairline)}.footer-copy{display:grid;gap:8px;padding-left:4px}.footer-copy strong{font-size:15px;line-height:1.35;font-weight:600}.footer-copy span{color:var(--muted);font-size:11px;line-height:1.45;font-weight:400}.footer-copy time{display:none}.qr-box{display:grid;flex:0 0 auto;width:104px;height:104px;place-items:center;border-radius:8px;background:#fff;box-shadow:0 8px 18px #17211c1a}@media(max-width:980px){.app-shell{padding:16px}.workspace{grid-template-columns:1fr}.site-footer{padding:16px 12px 18px}.control-panel{position:static}.preview-stage{max-height:none;overflow:visible}}@media(max-width:560px){.app-shell{padding:0}.workspace{gap:0}.control-panel,.phone-frame,.share-card{border-radius:0}.phone-frame{padding:0}.share-card{padding:48px 14px 10px}.share-header{display:grid}.share-header h2{font-size:25px}.card-date{font-size:10px}.generated-toolbar{top:8px;right:8px;left:auto}.generated-overlay{justify-items:center;padding:24px 8px 28px}.text-block p{font-size:15px}.section-heading h3{font-size:16px}.share-footer{align-items:flex-start}.qr-box{width:96px;height:96px}.qr-box svg{width:84px;height:84px}}