:root{--bg:#F4F5F8;--surface:#fff;--surface-2:#FAFBFD;--ink:#1A1F36;--ink-soft:#515877;--muted:#9096AC;--line:#E6E8F0;--primary:#6366F1;--primary-d:#4F46E5;--primary-bg:#EEF0FE;--good:#16A34A;--bad:#DC2626;--radius:16px;--shadow:0 1px 2px rgba(20,25,55,.04), 0 6px 20px rgba(20,25,55,.07);--shadow-lg:0 12px 40px rgba(20,25,55,.16);--font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.std-hidden{display:none!important}#std-app{min-height:100dvh;display:flex;flex-direction:column}.std-bar{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.std-brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:-.01em}.std-brand img{width:24px;height:24px}.std-brand small{font-weight:600;color:var(--muted);font-size:.75rem}.std-bar .spacer{flex:1}.btn{border:none;border-radius:11px;padding:12px 20px;font-weight:600;font-size:.94rem;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:.12s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #4f46e540}.btn-primary:hover{background:var(--primary-d)}.btn-ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-sm{padding:8px 13px;font-size:.85rem;border-radius:9px}.btn[disabled]{opacity:.45;cursor:default}.btn-lg{padding:14px 26px;font-size:1rem}.std-wrap{max-width:1100px;margin:0 auto;width:100%;padding:22px 18px 60px}.std-steps{display:flex;gap:6px;justify-content:center;margin:6px 0 22px;flex-wrap:wrap}.std-steps .dot{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted);font-weight:600}.std-steps .dot .n{width:22px;height:22px;border-radius:50%;background:var(--line);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700}.std-steps .dot.active .n{background:var(--primary);color:#fff}.std-steps .dot.done .n{background:var(--good);color:#fff}.std-steps .sep{width:18px;height:1px;background:var(--line);align-self:center}.std-step h1{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;margin:.2em 0}.std-step .lead{color:var(--ink-soft);margin:0 0 18px;max-width:54ch}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.type-card{border:1.5px solid var(--line);border-radius:14px;background:var(--surface);padding:18px 14px;text-align:center;transition:.14s;font-weight:600}.type-card:hover{border-color:#c7cbe6;transform:translateY(-1px);box-shadow:var(--shadow)}.type-card.sel{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 0 0 3px #6366f11f}.type-card .ic{display:block;margin-bottom:8px;color:var(--primary)}.type-card .ic svg{width:28px;height:28px;display:inline-block}.field{margin-bottom:14px}.field label{display:block;font-size:.82rem;font-weight:700;color:var(--ink-soft);margin-bottom:6px}.field input[type=text],.field input[type=date],.field input[type=email],.field textarea,.field select{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);font-size:.95rem}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.field .hint{font-size:.78rem;color:var(--muted);margin-top:4px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:9px;font-size:.9rem;color:var(--ink-soft)}.std-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.tpl-grid-landscape{grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}.tpl-group+.tpl-group{margin-top:22px}.tpl-group-h{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:800;margin:0 0 10px}.tpl-card{border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);cursor:pointer;transition:.14s;padding:0}.tpl-card:hover{border-color:#c7cbe6;box-shadow:var(--shadow)}.tpl-card.sel{border-color:var(--primary);box-shadow:0 0 0 3px #6366f129}.tpl-card canvas{display:block;width:100%;height:auto;background:#fff}.tpl-card .nm{padding:8px 10px;font-size:.8rem;font-weight:600;color:var(--ink-soft)}.editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.preview-pane{position:sticky;top:78px;display:flex;flex-direction:column;align-items:center;gap:12px}.canvas-frame{background:repeating-conic-gradient(#eceef5 0% 25%,#f6f7fb 0% 50%) 50%/20px 20px;border:1px solid var(--line);border-radius:10px;padding:12px;box-shadow:var(--shadow);max-width:100%}#std-canvas{display:block;max-width:100%;height:auto;border-radius:4px;cursor:grab;touch-action:none}#std-canvas.dragging{cursor:grabbing}.preview-hint{font-size:.78rem;color:var(--muted)}.controls{display:flex;flex-direction:column;gap:14px;min-width:0}.ctl-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px}.ctl-card h4{margin:0 0 10px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}.text-list{display:flex;flex-direction:column;gap:6px}.text-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);cursor:pointer;font-size:.85rem}.text-item.sel{border-color:var(--primary);background:var(--primary-bg)}.text-item .lbl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatches{display:flex;flex-wrap:wrap;gap:7px}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}.swatch.sel{box-shadow:0 0 0 2px var(--primary)}.seg{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.seg button{flex:1;border:none;background:var(--surface);padding:8px;font-size:.8rem;color:var(--ink-soft)}.seg button.sel{background:var(--primary-bg);color:var(--primary-d);font-weight:700}.seg-wrap{display:flex;flex-wrap:wrap;gap:6px}.seg-opt{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:7px;padding:5px 11px;font-size:.78rem;text-transform:capitalize;cursor:pointer}.seg-opt.sel{background:var(--primary-bg);color:var(--primary-d);border-color:var(--primary);font-weight:700}.range-row{display:flex;align-items:center;gap:10px}.range-row input[type=range]{flex:1}.field>input[type=range]{width:100%;margin-top:4px}.ed-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ed-history{display:flex;gap:6px}.ed-icon{width:34px;height:34px;border:1px solid var(--line);background:var(--surface);border-radius:8px;color:var(--ink-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ed-icon:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ed-icon:disabled{opacity:.38;cursor:default}.ed-icon svg{width:17px;height:17px}.ed-tabs{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:4px;margin-bottom:16px}.ed-tab{flex:1;border:none;background:none;padding:9px;border-radius:8px;font-weight:600;font-size:.88rem;color:var(--ink-soft);cursor:pointer;font-family:inherit}.ed-tab.sel{background:var(--surface);color:var(--primary-d);box-shadow:0 1px 2px #14182d14}.ed-sec-h{font-size:.95rem;font-weight:800;color:var(--ink);margin:0 0 10px}.ed-hint{font-size:.84rem;color:var(--muted);margin:6px 0 0}.layer-list{display:flex;flex-direction:column;gap:8px}.layer-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:7px 10px;background:var(--surface)}.layer-row.sel{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.layer-row.hid{opacity:.55}.layer-grip{color:#c7cbe6;display:flex}.layer-grip svg{width:15px;height:15px}.layer-body{flex:1;min-width:0;cursor:pointer}.layer-role{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.layer-text{width:100%;border:none;background:none;font-size:.9rem;color:var(--ink);padding:1px 0;outline:none}.layer-eye{border:none;background:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:6px}.layer-eye:hover{background:var(--surface-2);color:var(--ink)}.layer-eye svg{width:17px;height:17px}#style-panel .field{margin-bottom:12px}.row2{display:flex;gap:10px}.row2 .field{flex:1;min-width:0}.rv{font-size:.78rem;color:var(--muted);min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.field label .rv{float:right}.toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--ink-soft);margin-top:4px;cursor:pointer}.pat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pat-tile{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:7px 4px 5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.66rem;color:var(--ink-soft);text-transform:capitalize}.pat-tile.sel{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg)}.pat-ico{width:100%;height:auto;border-radius:6px;background:#fff;border:1px solid var(--line)}.swatch-color{display:inline-flex;width:26px;height:26px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;position:relative;vertical-align:middle}.swatch-color input{position:absolute;inset:-6px;width:160%;height:160%;border:none;padding:0;cursor:pointer}.std-wrap input[type=range],.std-wrap input[type=checkbox]{accent-color:var(--primary)}.layer-text{border-bottom:1.5px solid transparent;cursor:text}.layer-row:hover .layer-text{border-bottom-color:var(--line)}.layer-text:focus,.layer-row.sel .layer-text{border-bottom-color:var(--primary)}.seg-toggle{border:1px solid var(--line);background:var(--surface);border-radius:9px;height:34px;width:46px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer}.seg-toggle:hover{border-color:#c7cbe6}.seg-toggle.sel{background:var(--primary-bg);color:var(--primary-d);border-color:var(--primary)}.seg-toggle svg{width:16px;height:16px}.mini-reset{border:none;background:none;color:var(--muted);cursor:pointer;padding:0;float:right;margin-left:8px;line-height:1}.mini-reset:hover{color:var(--primary)}.mini-reset svg{width:13px;height:13px;vertical-align:middle}.dl-list{display:flex;flex-direction:column;gap:10px}.dl-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:13px 14px}.dl-meta{display:flex;align-items:center;gap:12px;min-width:0}.dl-ic{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:var(--primary-bg);color:var(--primary-d);display:flex;align-items:center;justify-content:center}.dl-ic svg{width:20px;height:20px}.dl-title{display:block;font-weight:700;font-size:.92rem;color:var(--ink)}.dl-sub{display:block;font-size:.78rem;color:var(--muted)}.dl-row .btn{flex:0 0 auto}.dl-note{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--ink-soft);margin:14px 0 0}.dl-note svg{width:15px;height:15px;color:#246b3a;flex:0 0 auto}.privacy{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:#246b3a;background:#e8f6ec;border:1px solid rgba(22,163,74,.22);padding:7px 12px;border-radius:99px;font-weight:600}.photo-privacy{display:flex;justify-content:center;margin:0 0 14px}.std-version{position:fixed;left:10px;bottom:8px;z-index:40;font-size:.68rem;font-weight:600;color:var(--muted);opacity:.6;letter-spacing:.02em;pointer-events:none;user-select:none}.std-modal-overlay{position:fixed;inset:0;z-index:80;background:#14182d80;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px}.std-modal-overlay[hidden]{display:none}.std-modal{position:relative;background:var(--surface);border-radius:16px;padding:26px 24px 22px;width:100%;max-width:420px;box-shadow:0 20px 50px #14182d4d}.std-modal h3{margin:0 0 6px;font-size:1.2rem;font-weight:800;letter-spacing:-.01em}.std-modal-sub{margin:0 0 16px;font-size:.88rem;color:var(--ink-soft)}.std-modal .check{margin-top:10px;font-size:.85rem}.std-modal-fine{margin:12px 0 0;font-size:.74rem;color:var(--muted);text-align:center}.std-modal-x{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;line-height:0;border-radius:8px}.std-modal-x:hover{background:var(--line);color:var(--ink)}.std-modal-x svg{width:18px;height:18px}.std-success{max-width:640px;margin:0 auto;text-align:center}.success-hero{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px}.success-check{width:60px;height:60px;border-radius:50%;background:#e8f6ec;color:#16a34a;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.success-check svg{width:32px;height:32px;stroke-width:3}.std-success h1{margin:.1em 0}.std-success .lead{margin:0 auto 4px;color:var(--ink-soft)}.success-downloads{margin:22px 0}.success-downloads .dl-list{max-width:460px;margin:0 auto;text-align:left}.success-cta{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:22px;margin:8px auto 18px;max-width:520px}.success-cta h3{margin:0 0 6px;font-size:1.15rem;font-weight:800}.success-cta p{margin:0 0 16px;font-size:.9rem;color:var(--ink-soft)}.success-secondary{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(20px);background:var(--ink);color:#fff;padding:11px 18px;border-radius:10px;font-size:.9rem;opacity:0;pointer-events:none;transition:.25s;z-index:130}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.std-modal-err{margin:12px 0 0;padding:9px 12px;background:#fdecec;border:1px solid #F5C2C2;color:#b42318;border-radius:9px;font-size:.84rem;line-height:1.4}.std-modal-err[hidden]{display:none}@media(max-width:820px){.editor{grid-template-columns:1fr}.preview-pane{position:static}.controls{order:2}}.std-help-btn{border:1.5px solid var(--line);background:var(--surface);color:var(--ink-soft);width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.std-help-btn:hover{border-color:var(--primary);color:var(--primary)}.std-help-btn svg{width:18px;height:18px}.help-backdrop{position:fixed;inset:0;background:#14193757;z-index:120;opacity:0;pointer-events:none;transition:opacity .26s}.help-backdrop.show{opacity:1;pointer-events:auto}.help-panel{position:fixed;top:0;right:0;height:100dvh;width:384px;max-width:92vw;background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:121;transform:translate(100%);transition:transform .28s ease;display:flex;flex-direction:column}.help-panel.open{transform:translate(0)}.help-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);flex:none}.help-head h3{margin:0;font-size:1.05rem;font-weight:800}.help-close{border:none;background:transparent;color:var(--muted);width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.help-close:hover{background:var(--surface-2);color:var(--ink)}.help-body{padding:18px;overflow:auto;flex:1}.help-body h4{margin:20px 0 6px;font-size:.9rem;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px}.help-body h4:first-child{margin-top:0}.help-body h4 svg{width:1.05rem;height:1.05rem;color:var(--primary);flex:none}.help-body p{margin:0 0 8px;font-size:.87rem;line-height:1.55;color:var(--ink-soft)}.help-body p svg{width:1rem;height:1rem;vertical-align:-2px;color:var(--muted)}.help-body strong{color:var(--ink);font-weight:700}