:root{font-family:Outfit,system-ui,sans-serif}body{margin:0}#root{min-height:100vh}:root{--bg: #f4f6f8;--bg-deep: #e8eef3;--surface: rgba(255, 255, 255, .72);--ink: #12151a;--muted: #5c6b7a;--line: rgba(18, 21, 26, .1);--accent: #0b7a6a;--accent-soft: rgba(11, 122, 106, .12);--accent-ink: #f4fffc;--warn: #c45c12;--danger: #c0392b;--radius: 22px;--font: "Outfit", "Segoe UI", sans-serif;--display: "Syne", "Outfit", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;color:var(--ink);background:var(--bg);font-family:var(--font);line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);padding-bottom:env(safe-area-inset-bottom,0)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,textarea,input{font:inherit}.page{position:relative;isolation:isolate;min-height:100vh;overflow-x:clip}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 88% 8%,rgba(11,122,106,.1),transparent 58%),radial-gradient(ellipse 80% 65% at 6% 92%,rgba(11,122,106,.06),transparent 55%),linear-gradient(165deg,#f7f9fb,#eef3f7,#e8eef3)}.atmosphere:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;background:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(11,122,106,.028) 31px,rgba(11,122,106,.028) 32px),repeating-linear-gradient(90deg,transparent,transparent 31px,rgba(11,122,106,.028) 31px,rgba(11,122,106,.028) 32px)}.atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 90% at 50% 0%,transparent 42%,rgba(232,238,243,.45) 100%),radial-gradient(ellipse 100% 80% at 50% 100%,transparent 55%,rgba(232,238,243,.35) 100%)}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:max(1rem,env(safe-area-inset-top,0)) clamp(1rem,4vw,2.75rem) 1rem;border-bottom:1px solid var(--line);background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.top-brand{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.top-brand:hover{text-decoration:none}.top-logo{height:28px;width:auto;display:block}.top-start{display:flex;align-items:center;gap:.85rem 1.1rem;flex-wrap:wrap;min-width:0}.top-menu{display:flex;gap:.2rem;padding:.18rem;background:#12151a0d;border-radius:12px}.nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:600;font-size:.88rem;padding:.42rem .78rem;border-radius:10px;cursor:pointer;white-space:nowrap}a.nav-item{text-decoration:none}.nav-item:hover,a.nav-item:hover{color:var(--ink);text-decoration:none}.nav-item.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #12151a14}.nav-quiet{color:var(--muted);font-weight:500;font-size:.92rem}.install-bar{width:min(1080px,calc(100% - 2rem));margin:.75rem auto;padding:.75rem 1rem;border-radius:14px;background:var(--accent-soft);border:1px solid rgba(11,122,106,.22);display:flex;gap:.75rem 1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;animation:rise .5s ease both}.install-actions{display:flex;gap:.5rem;flex-shrink:0}.install-bar .btn.ghost{color:var(--ink);background:#ffffff8c}main{width:min(1080px,calc(100% - 2rem));margin:0 auto;padding:0 0 1.25rem}.hero{padding:1.75rem 0 .75rem;animation:rise .65s ease both}.hero-intro{margin-bottom:1.5rem}.section-fallback{pointer-events:none}.section-fallback .workspace-shell{position:relative}.section-fallback .workspace-shell:before{content:"";position:absolute;top:0;left:0;z-index:1;height:3px;width:38%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:sectionBar 1.35s ease-in-out infinite}.skel{display:block;border-radius:8px;background:linear-gradient(105deg,#12151a0e,#0b7a6a24 42%,#12151a0e 82%);background-size:220% 100%;animation:skelShimmer 1.45s ease-in-out infinite}.skel-kicker{width:13.5rem;height:.68rem;margin-bottom:.72rem}.skel-title{width:min(22rem,88%);height:2.15rem;border-radius:10px;margin-bottom:.9rem}.skel-lead{width:min(36rem,100%);height:.82rem;margin-bottom:.48rem}.skel-lead.is-short{width:min(24rem,72%)}.skel-quota{width:15.5rem;height:2.15rem;border-radius:12px;margin-top:.85rem}.skel-step{width:2rem;height:2rem;border-radius:10px;flex-shrink:0}.skel-label{width:5.2rem;height:.92rem;margin-bottom:.38rem}.skel-caption{width:14rem;max-width:100%;height:.72rem}.section-fallback-drop{display:grid;place-items:center;gap:.7rem;min-height:148px;border:1.5px dashed rgba(18,21,26,.12);border-radius:18px;padding:1.35rem 1.2rem;text-align:center;background:radial-gradient(circle at 50% 30%,rgba(11,122,106,.06),transparent 55%),#f7fafbe6}.section-fallback-drop p{margin:0;color:var(--muted);font-size:.95rem;font-weight:600}.section-spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(11,122,106,.16);border-top-color:var(--accent);box-shadow:0 0 0 5px #0b7a6a0f;animation:spin .72s linear infinite}@keyframes skelShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes sectionBar{0%{transform:translate(-120%)}to{transform:translate(320%)}}.circ-quota{display:inline-flex;align-items:baseline;gap:.45rem;margin:.85rem 0 0;padding:.5rem .8rem;border-radius:12px;background:#0b7a6a1a;color:var(--ink);font-size:.92rem;line-height:1.3}.circ-quota strong{font-family:var(--display);font-size:1.2rem;font-weight:800;letter-spacing:-.03em;color:var(--accent)}.circ-quota span{color:var(--muted)}.circ-quota.is-empty{background:#c0392b14}.circ-quota.is-empty strong{color:var(--danger)}.circ-unlimited{margin:.7rem 0 0;color:var(--muted);font-size:.88rem;line-height:1.45;max-width:36rem}.circ-limit{display:flex;gap:.85rem;align-items:flex-start;padding:.95rem 1.05rem;border-radius:16px;background:linear-gradient(165deg,#c45c121a,#c45c120a);border:1px solid rgba(196,92,18,.18)}.circ-limit-icon{flex-shrink:0;width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:11px;background:#c45c1224;color:var(--warn)}.circ-limit strong{display:block;font-size:.98rem;letter-spacing:-.02em;color:var(--ink)}.circ-limit p{margin:.28rem 0 0;color:var(--muted);font-size:.86rem;line-height:1.45}.circ-limit p.circ-limit-contacts{color:var(--ink)}.hero-kicker{margin:0 0 .45rem;color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hero-title{margin:0 0 .65rem;font-family:var(--display);font-weight:800;font-size:clamp(1.85rem,5vw,2.75rem);line-height:1.08;letter-spacing:-.03em}.lead{margin:0;color:var(--muted);font-size:clamp(1rem,2.2vw,1.12rem);max-width:36rem;line-height:1.55}.workspace{animation:rise .75s .12s ease both}.workspace-shell{display:grid;grid-template-columns:1fr;gap:0;background:#fff;border:1px solid rgba(18,21,26,.08);border-radius:28px;overflow:hidden;box-shadow:0 1px #ffffffd9 inset,0 18px 50px #12151a12}.workspace-source{position:relative;padding:1.2rem 1.35rem 1.25rem;display:flex;flex-direction:column;gap:.95rem;background:radial-gradient(ellipse 80% 120% at 0% 0%,rgba(11,122,106,.05),transparent 55%),#fff;border-bottom:1px solid rgba(18,21,26,.08)}.source-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem 1.25rem}.source-title{display:flex;align-items:flex-start;gap:.75rem;min-width:min(100%,220px)}.source-step{display:inline-grid;place-items:center;min-width:2rem;height:2rem;padding:0 .35rem;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-family:var(--display);font-size:.82rem;font-weight:800;letter-spacing:-.02em}.source-step.soft{background:#0b7a6a1f;color:var(--accent)}.source-title strong{display:block;font-size:1.02rem;letter-spacing:-.02em;line-height:1.2}.source-title p{margin:.15rem 0 0;color:var(--muted);font-size:.86rem}.preview{position:relative;background:radial-gradient(ellipse 70% 60% at 85% 10%,rgba(11,122,106,.08),transparent 50%),linear-gradient(165deg,#f5f9f8,#eaf3f1);border:0;border-radius:0;padding:1.2rem 1.35rem 1.35rem;display:flex;flex-direction:column;gap:1rem}.preview.has-result{background:radial-gradient(ellipse 55% 50% at 20% 90%,rgba(11,122,106,.1),transparent 55%),radial-gradient(ellipse 70% 60% at 85% 10%,rgba(11,122,106,.1),transparent 50%),linear-gradient(165deg,#f3f9f7,#e6f1ee)}.preview .actions{margin-top:0}.tool-body{display:flex;flex-direction:column;animation:panelIn .22s ease both}.text-form,.uploader{display:flex;flex-direction:column;gap:.7rem}.text-form .form-row{margin-top:.1rem;padding-top:0}@media (max-width: 860px){main{width:min(1080px,calc(100% - 1.25rem))}.workspace-shell{border-radius:22px}.workspace-source,.preview{padding:1rem .9rem 1.05rem}.source-head{flex-direction:column;align-items:stretch}.tabs{max-width:none}.field-head{flex-direction:column;align-items:flex-start;gap:.2rem}.field-hint{white-space:normal}.tab{flex-direction:column;gap:.25rem;padding:.6rem .25rem;font-size:.86rem}.tab-icon{width:18px;height:18px}.nav-quiet{display:none}.install-bar{width:min(1080px,calc(100% - 1.25rem));flex-direction:column;align-items:stretch}.install-actions{width:100%}.install-actions .btn{flex:1}.preview-body{grid-template-columns:1fr!important}.preview-toolbar{flex-direction:column;align-items:stretch;gap:.85rem}.preview-head{flex-wrap:wrap;row-gap:.45rem}.preview-head>div{min-width:0;flex:1 1 auto}.preview-badge{margin-left:auto}.size-picker{flex-direction:column;align-items:stretch}.size-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.size-preset{justify-content:center}.size-custom{justify-content:flex-start}.preview-surface{min-height:0;width:100%;padding:1rem .7rem .9rem}.preview.is-idle .preview-surface{min-height:160px}.preview-caption{padding-inline:.25rem;overflow-wrap:anywhere}.preview-side{gap:.75rem}.meta-panel{padding:.8rem}.preview .actions{grid-template-columns:1fr}.preview .actions .btn.primary{grid-column:auto}.foot{padding-inline:1rem;overflow-wrap:anywhere}}@media (min-width: 861px){.workspace-shell.has-code .preview-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:1.1rem 1.5rem;align-items:start}.workspace-shell.has-code .preview-surface{min-height:300px}.workspace-shell.is-idle .preview-body{display:block}.workspace-shell.is-idle .preview-side:empty{display:none}.workspace-shell.has-code .text-form{display:grid;grid-template-columns:1fr auto;grid-template-areas:"head head" "field actions" "chips chips";gap:.55rem .85rem;align-items:end}.workspace-shell.has-code .field-head{grid-area:head;margin-bottom:0}.workspace-shell.has-code .textarea-wrap{grid-area:field}.workspace-shell.has-code .form-row{grid-area:actions;flex-direction:column;align-items:stretch;margin:0}.workspace-shell.has-code .code-chips{grid-area:chips}.workspace-shell.has-code textarea,.workspace-shell.has-code .textarea-wrap{min-height:64px}.workspace-shell.has-code .form-row .btn{white-space:nowrap}}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.22rem;margin-bottom:0;padding:.22rem;background:#12151a0d;border-radius:14px;width:min(100%,340px);flex-shrink:0}.tab{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:transparent;border:0;color:var(--muted);border-radius:11px;padding:.58rem .35rem;cursor:pointer;font-weight:600;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #12151a0d,0 6px 16px #12151a0d}.tab-icon{width:16px;height:16px;display:inline-block;background:currentColor;opacity:.7;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.tab.active .tab-icon{opacity:1;color:var(--accent);background:var(--accent)}.icon-code{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E")}.icon-photo{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10.5' r='1.5'/%3E%3Cpath d='M21 16l-5-5-4 4-2-2-5 5'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10.5' r='1.5'/%3E%3Cpath d='M21 16l-5-5-4 4-2-2-5 5'/%3E%3C/svg%3E")}.icon-cam{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E")}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tab:focus-visible,.btn:focus-visible,textarea:focus-visible,.dropzone:focus-within{outline:2px solid var(--accent);outline-offset:2px}textarea:focus-visible{outline:none}.textarea-wrap:focus-within{box-shadow:0 0 0 4px #0b7a6a1f}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:0}.field-head label{margin:0;color:var(--ink);font-size:.92rem;font-weight:600}.field-hint{color:var(--muted);font-size:.78rem;white-space:nowrap}.textarea-wrap{position:relative;border-radius:16px;background:linear-gradient(#fbfcfd,#fbfcfd) padding-box,linear-gradient(135deg,#0b7a6a66,#12151a14) border-box;border:1.5px solid transparent;transition:box-shadow .2s ease,transform .2s ease}.textarea-wrap:focus-within{box-shadow:0 0 0 4px #0b7a6a1f;transform:translateY(-1px)}textarea{width:100%;resize:none;min-height:108px;border-radius:15px;border:0;background:transparent;color:var(--ink);padding:.95rem 1.05rem;font-family:var(--mono);font-size:.9rem;line-height:1.5}.workspace-shell.has-code textarea{min-height:64px}textarea:focus{outline:none}textarea::placeholder{color:#9aa8b5}.code-chips{display:flex;flex-wrap:wrap;gap:.4rem}.code-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem;border-radius:999px;background:#0b7a6a1a;color:#0a5c50;font-size:.78rem;font-weight:600;font-family:var(--mono)}.code-chip em{font-style:normal;font-family:var(--font);font-weight:700;letter-spacing:.02em;opacity:.75}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:12px;padding:.82rem 1.2rem;cursor:pointer;font-weight:700;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.compact{padding:.45rem .8rem;font-size:.9rem}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{box-shadow:0 10px 24px #0b7a6a47}.btn.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.btn.ghost{background:transparent;color:var(--muted)}.form-row,.actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:0}.dropzone{display:grid;place-items:center;gap:.4rem;min-height:148px;border:1.5px dashed rgba(18,21,26,.16);border-radius:18px;padding:1.35rem 1.2rem;cursor:pointer;text-align:center;background:radial-gradient(circle at 50% 30%,rgba(11,122,106,.06),transparent 55%),#f7fafbe6;transition:border-color .15s ease,background .15s ease,transform .15s ease}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.dropzone.busy{opacity:.7;pointer-events:none}.dropzone-icon{color:var(--accent);margin-bottom:.15rem}.dropzone-title{font-weight:700;color:var(--ink)}.dropzone-sub{color:var(--muted);font-size:.9rem}.camera-cta{display:grid;gap:.75rem;justify-items:center;text-align:center;color:var(--muted);min-height:148px;place-content:center;padding:.5rem .25rem}.camera-cta-visual{position:relative;width:64px;height:64px;display:grid;place-items:center}.cam-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(11,122,106,.25);animation:pulseRing 2.2s ease-out infinite}.cam-lens{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#1aa890,#0b7a6a 70%);box-shadow:0 8px 18px #0b7a6a47}.camera-cta-copy strong{display:block;color:var(--ink);font-size:1.05rem;margin-bottom:.15rem}.camera-cta-copy p{margin:0;font-size:.92rem}.camera-cta-note{margin:0;font-size:.85rem;color:var(--muted);opacity:.9}.preview-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem}.preview-head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:0}.preview h3{margin:0;font-size:1.02rem;letter-spacing:-.02em;text-transform:none;color:var(--ink);font-weight:700}.preview-sub{margin:.12rem 0 0;color:var(--muted);font-size:.86rem}.preview-badge{margin-left:.25rem;align-self:center;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:#0b7a6a1a;border-radius:999px;padding:.3rem .6rem}.preview.has-result .preview-badge{color:#0a5c50;background:#0b7a6a29}.preview-badge.is-loading{color:var(--warn);background:#c45c121a}.size-picker{margin-bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem}.size-picker-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.size-presets{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:0;padding:.22rem;background:#ffffff8c;border:1px solid rgba(18,21,26,.06);border-radius:14px}.size-preset{display:inline-flex;align-items:center;gap:.4rem;border:1px solid transparent;border-radius:10px;padding:.38rem .58rem;font-size:.76rem;font-weight:600;color:var(--muted);background:transparent;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease}.size-preset-shape{width:14px;border:1.5px solid currentColor;border-radius:2px;opacity:.5;background:#0b7a6a14}.size-preset:hover{color:var(--ink);background:#fffc}.size-preset.active{color:#0a5c50;background:#fff;box-shadow:0 1px 2px #12151a0a,0 4px 12px #0b7a6a14}.size-preset.active .size-preset-shape{opacity:1;background:#0b7a6a2e}.size-custom{display:flex;align-items:center;gap:.35rem}.size-field{display:inline-flex;align-items:center;gap:.28rem;padding:.2rem .3rem .2rem .42rem;border:1px solid rgba(18,21,26,.08);border-radius:10px;background:#ffffffe6}.size-field span{color:var(--muted);font-size:.7rem;font-weight:700}.size-field input{width:3rem;padding:.22rem .15rem;border:0;font-size:.84rem;font-family:var(--mono);text-align:center;background:transparent}.size-field input:focus-visible{outline:none}.size-field:focus-within{border-color:#0b7a6a73;box-shadow:0 0 0 3px #0b7a6a1f}.size-custom>span[aria-hidden]{color:var(--muted);font-weight:600}.size-unit{color:var(--muted);font-size:.76rem;font-weight:600}.preview-body{display:grid;gap:1rem}.preview-surface{position:relative;isolation:isolate;min-width:0;min-height:236px;display:grid;place-items:center;gap:.75rem;padding:1.35rem 1.1rem 1.15rem;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#ffffff59,#ffffff14),#f7fbfab3;border:1px solid rgba(18,21,26,.06);box-shadow:inset 0 1px #ffffffb3}.preview-desk{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.9;background:radial-gradient(circle at 50% 42%,rgba(11,122,106,.07),transparent 52%),repeating-linear-gradient(0deg,transparent,transparent 13px,rgba(18,21,26,.028) 13px,rgba(18,21,26,.028) 14px),repeating-linear-gradient(90deg,transparent,transparent 13px,rgba(18,21,26,.028) 13px,rgba(18,21,26,.028) 14px)}.preview.has-result .preview-desk{opacity:1;background:radial-gradient(circle at 50% 45%,rgba(11,122,106,.12),transparent 48%),repeating-linear-gradient(0deg,transparent,transparent 13px,rgba(18,21,26,.022) 13px,rgba(18,21,26,.022) 14px),repeating-linear-gradient(90deg,transparent,transparent 13px,rgba(18,21,26,.022) 13px,rgba(18,21,26,.022) 14px)}.preview.is-idle .preview-surface{min-height:188px}.preview-label,.preview-caption,.preview-surface .error{position:relative;z-index:1}.preview-label{position:relative;width:min(100%,var(--preview-w));height:auto;aspect-ratio:calc(var(--preview-w) / var(--preview-h));background:#fff;border:1px solid rgba(18,21,26,.1);border-radius:3px;box-shadow:0 1px #fffffff2 inset,0 2px 4px #12151a0a,0 18px 40px #12151a1a;transition:width .25s ease,box-shadow .25s ease,transform .25s ease;overflow:hidden;animation:labelIn .45s ease both}.preview-label.is-empty{opacity:.72;box-shadow:0 1px #ffffffe6 inset,0 10px 28px #12151a0f}.preview-label.is-busy{opacity:.9}.preview.has-result .preview-label{box-shadow:0 1px #fffffff2 inset,0 2px 4px #12151a0a,0 22px 48px #0b7a6a24}.preview-code-slot{position:absolute;left:var(--code-x);top:var(--code-y);width:var(--code-w);height:var(--code-h);display:grid;place-items:center}.preview-caption{margin:0;color:var(--muted);font-size:.82rem;text-align:center}.preview-caption.muted{color:#7f8d9b}.preview-caption strong{color:var(--ink);font-weight:700}.preview-side{display:grid;gap:.9rem;align-content:start}.meta-panel{display:grid;gap:.55rem;padding:.9rem;background:#ffffffb8;border:1px solid rgba(18,21,26,.07);border-radius:16px;box-shadow:0 8px 24px #12151a0a;animation:rise .4s ease both}.meta-panel-label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.meta-chips{display:grid;gap:.4rem}.meta-chip{display:grid;gap:.1rem;padding:.55rem .65rem;background:#0b7a6a0f;border-radius:11px}.meta-chip span{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.meta-chip strong{font-size:.92rem;font-weight:650;overflow-wrap:anywhere}.meta-code-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--accent);font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;padding:.1rem 0;text-align:left}.meta-code-toggle:hover{text-decoration:underline}.meta-code{margin:0;padding:.65rem .75rem;max-height:7rem;overflow:auto;font-size:.75rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;background:#12151a0a;border-radius:10px;border:1px solid var(--line)}.preview .actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.preview .actions .btn.primary{grid-column:1 / -1}.empty-matrix{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;width:72%;max-width:88px;aspect-ratio:1;opacity:.28;animation:floaty 5.5s ease-in-out infinite}.empty-matrix span{border-radius:1.5px;background:transparent}.empty-matrix span.on{background:var(--ink)}.preview-loading{display:grid;place-items:center;width:100%;height:100%}.preview-spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid rgba(11,122,106,.18);border-top-color:var(--accent);animation:spin .8s linear infinite}.dm-image{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;animation:popIn .35s ease both}.mono{font-family:var(--mono);font-size:.78rem}.hint{position:relative;z-index:1;color:var(--muted);margin:0;text-align:center;max-width:14rem}.scanner-panel .hint{color:#9bb0bf;margin-top:.75rem;max-width:none;text-align:left}.hint.muted{color:#7f8d9b}.error{color:var(--danger);margin:.75rem 0 0;padding:.65rem .85rem;font-size:.92rem;background:#c0392b14;border:1px solid rgba(192,57,43,.18);border-radius:10px}.preview-surface .error{max-width:16rem;text-align:center;margin:0}.tool-body>.error{margin-top:.65rem}@keyframes labelIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pulseRing{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.25);opacity:0}}.flow{margin-top:1.5rem;margin-bottom:0;animation:rise .8s .15s ease both}.flow h2{margin:0 0 .85rem;font-family:var(--display);font-size:clamp(1.35rem,3vw,1.75rem);letter-spacing:-.03em}.flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 860px){.flow ol{grid-template-columns:1fr}}.flow li{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;padding:1.1rem 1.15rem;background:#ffffffb3;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #12151a0a}.step-num{font-family:var(--display);font-weight:800;font-size:1.1rem;letter-spacing:-.02em;color:var(--accent)}.flow strong{display:block;font-size:1.08rem;margin-bottom:.2rem}.flow p{margin:0;color:var(--muted);font-size:.95rem}.trust{margin-top:1rem;animation:rise .85s .18s ease both}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}@media (max-width: 860px){.trust-grid{grid-template-columns:1fr}}.trust-item{display:grid;gap:.2rem;padding:1rem 1.1rem;background:var(--accent-soft);border:1px solid rgba(11,122,106,.14);border-radius:14px}.trust-item strong{font-size:.98rem;color:var(--ink)}.trust-item span{font-size:.88rem;color:var(--muted)}.faq{margin-top:1.5rem;margin-bottom:0;animation:rise .8s .15s ease both}.faq h2{margin:0 0 .85rem;font-family:var(--display);font-size:clamp(1.35rem,3vw,1.75rem);letter-spacing:-.03em}.faq-list{display:grid;gap:.75rem}.faq-item{background:#ffffffb3;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #12151a0a;padding:0 1.15rem;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.faq-item.is-open{border-color:#0b7a6a47;box-shadow:0 0 0 3px #0b7a6a14}.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 0;margin:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font-weight:700;font-size:1.02rem}.faq-trigger:after{content:"";flex-shrink:0;width:.48rem;height:.48rem;margin-top:-.18rem;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg);transition:transform .25s ease,margin .25s ease}.faq-item.is-open .faq-trigger:after{margin-top:.18rem;transform:rotate(225deg)}.faq-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.faq-collapse{height:0;overflow:hidden;transition:height .35s cubic-bezier(.22,1,.36,1)}.faq-body{padding:0 0 1.1rem;color:var(--muted);font-size:.95rem}.faq-body p{margin:0 0 .7rem}.faq-body p:last-child{margin-bottom:0}.faq-body ol{margin:0 0 .7rem;padding-left:1.2rem}.faq-body li{margin:.25rem 0}.faq-body a{font-weight:600}@media (prefers-reduced-motion: reduce){.faq-collapse,.faq-trigger:after,.faq-item{transition:none!important}}.foot{margin-top:1.25rem;padding:.85rem clamp(1rem,4vw,2.75rem) 1rem;color:var(--muted);font-size:.82rem;border-top:1px solid var(--line)}.scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a0e128c;display:grid;place-items:center;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade .2s ease}.scanner-panel{width:min(560px,100%);background:#102231;color:#f3f6f8;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:1rem}.scanner-panel.is-fallback{background:linear-gradient(180deg,#143042,#0f1f2b)}.scanner-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.scanner-head h3{margin:0;font-size:1.05rem}.scanner-panel .btn.ghost{color:#9bb0bf}.scanner-panel .btn.secondary{background:#ffffff14;color:#f3f6f8;border-color:#ffffff24}.scanner-viewport{position:relative;overflow:hidden;border-radius:14px;background:#000;aspect-ratio:3 / 4}.scanner-viewport video{width:100%;height:100%;object-fit:cover}.scanner-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.75rem;background:#0000008c;color:#d7e2ea;text-align:center}.scanner-loading p{margin:0;font-size:.95rem}.scanner-spinner{width:28px;height:28px;margin:0 auto;border-radius:50%;border:2.5px solid rgba(255,255,255,.2);border-top-color:var(--accent);animation:spin .8s linear infinite}.scanner-frame{position:absolute;top:18%;right:14%;bottom:18%;left:14%;border:2px solid rgba(11,122,106,.9);border-radius:16px;box-shadow:0 0 0 999px #00000047;pointer-events:none;animation:pulse 1.8s ease-in-out infinite}.camera-fallback{display:grid;gap:1rem;justify-items:center;text-align:center;padding:1.4rem .75rem .85rem;animation:rise .35s ease both}.camera-fallback-icon{color:#ffffffb8;opacity:.9}.camera-fallback-text{margin:0;max-width:28rem;color:#b7c6d1;font-size:.98rem;line-height:1.45}.camera-fallback-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;margin-top:.25rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes brandIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{border-color:#0b7a6a80}50%{border-color:#0b7a6a}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(18px,12px)}}@keyframes floaty{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(10px) rotate(2deg)}}.circ-shell{display:flex;flex-direction:column}.circ-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.circ-stats>div{padding:.75rem .85rem;border-radius:14px;background:#0b7a6a12;display:flex;flex-direction:column;gap:.15rem}.circ-stats strong{font-family:var(--display);font-size:1.25rem;letter-spacing:-.03em}.circ-stats span{color:var(--muted);font-size:.82rem}.circ-check,.circ-results{display:flex;flex-direction:column;gap:.85rem;padding-top:.35rem}.circ-results{padding:1.2rem 1.35rem 1.35rem;border-top:1px solid rgba(18,21,26,.08);background:radial-gradient(ellipse 70% 60% at 85% 10%,rgba(11,122,106,.08),transparent 50%),linear-gradient(165deg,#f5f9f8,#eaf3f1)}.circ-inn-row{align-items:flex-end}.circ-inn{display:flex;flex-direction:column;gap:.28rem;min-width:min(100%,220px);flex:1}.circ-inn label{font-size:.82rem;font-weight:600;color:var(--muted)}.circ-inn input{border:1px solid var(--line);border-radius:12px;padding:.72rem .9rem;background:#fff}.circ-fias{min-width:min(100%,28rem);flex:1 1 100%}.circ-fias input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem}.circ-note{display:flex;gap:.8rem;align-items:flex-start;padding:.8rem .95rem;border-radius:14px}.circ-note.is-info{background:#0b7a6a14;border:1px solid rgba(11,122,106,.16)}.circ-note.is-warn{background:linear-gradient(165deg,#c45c121a,#c45c120a);border:1px solid rgba(196,92,18,.18)}.circ-note-icon{flex-shrink:0;width:2rem;height:2rem;display:grid;place-items:center;border-radius:10px}.circ-note.is-info .circ-note-icon{background:#0b7a6a24;color:var(--accent)}.circ-note.is-warn .circ-note-icon{background:#c45c1224;color:var(--warn)}.circ-note strong{display:block;font-size:.92rem;letter-spacing:-.02em;color:var(--ink)}.circ-note p{margin:.22rem 0 0;color:var(--muted);font-size:.84rem;line-height:1.45}.circ-progress{height:8px;border-radius:99px;background:#12151a14;overflow:hidden}.circ-progress>span{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .2s ease}.circ-howto{margin:.1rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column}.circ-howto li{display:grid;grid-template-columns:1.85rem minmax(0,1fr);column-gap:.75rem;align-items:start;padding-bottom:.95rem}.circ-howto li:last-child{padding-bottom:0}.circ-howto-track{position:relative;display:flex;justify-content:center;align-self:stretch}.circ-howto-track:after{content:"";position:absolute;top:1.85rem;bottom:0;left:50%;width:2px;transform:translate(-50%);background:linear-gradient(180deg,var(--accent),rgba(11,122,106,.18));opacity:.55}.circ-howto li:last-child .circ-howto-track:after{display:none}.circ-howto-num{position:relative;z-index:1;flex-shrink:0;width:1.85rem;height:1.85rem;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:var(--display);font-weight:800;font-size:.78rem;letter-spacing:-.03em;box-shadow:0 0 0 4px #0b7a6a1f}.circ-howto-body{min-width:0;padding-top:.18rem}.circ-howto-body strong{display:block;font-size:.92rem;letter-spacing:-.02em;color:var(--ink);line-height:1.3}.circ-howto-body p{margin:.18rem 0 0;color:var(--muted);font-size:.84rem;line-height:1.45;overflow-wrap:break-word}.circ-table-wrap{overflow:auto;border:1px solid rgba(18,21,26,.08);border-radius:16px;background:#fff}.circ-table{width:100%;border-collapse:collapse;font-size:.86rem}.circ-table th,.circ-table td{text-align:left;padding:.55rem .75rem;border-bottom:1px solid rgba(18,21,26,.06);vertical-align:top}.circ-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f7fafbe6}.circ-table .mono{font-family:var(--mono);font-size:.78rem;word-break:break-all}@media (max-width: 860px){.top{flex-wrap:wrap;gap:.65rem 1rem}.circ-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.circ-results{padding:1rem .9rem 1.05rem}.circ-howto li{grid-template-columns:1.65rem minmax(0,1fr);column-gap:.65rem;padding-bottom:.85rem}.circ-howto-num{width:1.65rem;height:1.65rem;font-size:.74rem;box-shadow:0 0 0 3px #0b7a6a1f}.circ-howto-track:after{top:1.65rem}.circ-howto-body{padding-top:.12rem}.circ-howto-body p{font-size:.82rem}}@media print{.top,.hero-intro,.flow,.trust,.faq,.foot,.install-bar,.workspace-source,.preview-toolbar,.preview-side,.preview-caption,.preview-desk,.actions,.atmosphere{display:none!important}.page,.atmosphere{background:#fff!important}.preview,.preview-surface,.preview-label{border:none;box-shadow:none;background:#fff}.preview-surface{min-height:0;padding:0}}