@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");

:root{--bg:#070a12;--bg-soft:#0c1220;--panel:#101827;--panel-2:#131e31;--surface:#18243a;--surface-2:#1b2942;--text:#f7f8fc;--muted:#9aa8bf;--line:rgba(164,185,220,.16);--line-strong:rgba(164,185,220,.3);--violet:#866cff;--cyan:#52e4dc;--blue:#5f8fff;--gold:#ffbe54;--danger:#ff6f7d;--success:#64e4a4;--shadow:0 30px 80px rgba(0,0,0,.28);--radius-xl:34px;--radius-lg:26px;--radius-md:18px;--max:1480px}
[data-theme="light"]{--bg:#f3f5fa;--bg-soft:#e9edf7;--panel:#fff;--panel-2:#f8f9fd;--surface:#eef2f8;--surface-2:#e8eef8;--text:#0c1220;--muted:#667189;--line:rgba(28,40,68,.12);--line-strong:rgba(28,40,68,.22);--shadow:0 28px 70px rgba(38,49,78,.13)}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.5;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}img{max-width:100%}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.ambient i{position:absolute;border-radius:50%;filter:blur(110px);opacity:.2}.ambient i:nth-child(1){width:540px;height:540px;background:#6f4cff;top:-260px;left:-180px}.ambient i:nth-child(2){width:580px;height:580px;background:#00d8ce;right:-300px;top:25%}.ambient i:nth-child(3){width:420px;height:420px;background:#ff9d45;left:35%;bottom:-300px;opacity:.12}
.site-header{width:min(calc(100% - 48px),var(--max));margin:20px auto 0;min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 18px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 78%,transparent);backdrop-filter:blur(22px);border-radius:22px;position:relative;z-index:20;box-shadow:0 16px 46px rgba(0,0,0,.14)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;width:max-content}.brand img{width:46px;height:46px;border-radius:13px;background:#fff}.brand span{display:grid}.brand strong{font-family:Manrope,sans-serif;font-size:18px}.brand small{font-size:11px;color:var(--muted);letter-spacing:.02em}.site-header nav{display:flex;gap:8px}.site-header nav a{padding:10px 16px;border-radius:12px;text-decoration:none;color:var(--muted);font-weight:700;font-size:15px;transition:.2s}.site-header nav a:hover{color:var(--text);background:var(--surface)}.header-actions{justify-self:end;display:flex;gap:8px}.utility-button{min-height:42px;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:0 14px;font-weight:700}.icon-button{width:44px;padding:0;font-size:20px}
main{width:min(calc(100% - 48px),var(--max));margin:24px auto 0}.eyebrow{display:block;color:var(--cyan);font:800 12px/1 Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase}.hero{min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);position:relative;background:linear-gradient(135deg,rgba(20,30,50,.96),rgba(12,16,29,.92));box-shadow:var(--shadow)}[data-theme="light"] .hero{background:linear-gradient(135deg,#fff,#eef1ff)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(82,228,220,.08),transparent 38%,rgba(134,108,255,.13));pointer-events:none}.hero-copy{padding:72px 0 72px 70px;position:relative;z-index:2}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow>span:first-child{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.hero h1{font:800 clamp(58px,6.2vw,104px)/.92 Manrope,sans-serif;letter-spacing:-.065em;margin:28px 0 26px;max-width:760px}.hero h1 em{font-style:normal;background:linear-gradient(105deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:640px;color:var(--muted);font-size:21px;margin:0}.hero-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.hero-points span{border:1px solid rgba(82,228,220,.28);background:rgba(82,228,220,.08);color:#a9f7ef;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:700}[data-theme="light"] .hero-points span{color:#187e77}
.hero-art{height:100%;min-height:520px;position:relative;overflow:hidden}.hero-art:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(134,108,255,.32),rgba(82,228,220,.06) 52%,transparent 70%);left:50%;top:50%;transform:translate(-50%,-50%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(123,148,196,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(123,148,196,.08) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to left,#000,transparent)}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(117,220,221,.25);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan);right:10%;top:14%}.orbit-one{width:500px;height:270px;animation:orbitFloat 8s ease-in-out infinite}.orbit-two{width:330px;height:460px;border-style:dashed;transform:translate(-50%,-50%) rotate(28deg);animation:orbitFloat2 10s ease-in-out infinite}.orbit-two:after{background:var(--violet);left:9%;top:70%}.mini-qr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:176px;height:176px;padding:28px;background:rgba(255,255,255,.92);border-radius:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;box-shadow:0 30px 80px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.7);animation:qrFloat 5s ease-in-out infinite}.mini-qr b{background:#121525;border-radius:5px}.mini-qr b:nth-child(2),.mini-qr b:nth-child(4),.mini-qr b:nth-child(8){background:transparent}.mini-qr b:nth-child(5){background:linear-gradient(135deg,#5ce7de,#826dff)}.art-chip{position:absolute;padding:10px 16px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(12,18,32,.7);backdrop-filter:blur(14px);font-size:13px;font-weight:800}.chip-one{top:20%;left:13%}.chip-two{right:11%;top:31%}.chip-three{bottom:20%;left:18%}@keyframes qrFloat{50%{transform:translate(-50%,calc(-50% - 12px)) rotate(2deg)}}@keyframes orbitFloat{50%{transform:translate(-50%,calc(-50% - 8px)) rotate(-15deg)}}@keyframes orbitFloat2{50%{transform:translate(-50%,calc(-50% + 10px)) rotate(25deg)}}
.workspace{margin-top:28px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.workspace-heading{display:flex;align-items:end;justify-content:space-between;padding:42px 46px 30px;border-bottom:1px solid var(--line)}.workspace-heading h2{font:800 clamp(34px,4vw,58px)/1 Manrope,sans-serif;letter-spacing:-.045em;margin:13px 0 0}.mode-tabs{display:flex;padding:5px;border-radius:15px;background:var(--surface);gap:4px}.mode-tab{border:0;background:transparent;color:var(--muted);padding:11px 17px;border-radius:11px;font-weight:800}.mode-tab.active{background:var(--panel);color:var(--text);box-shadow:0 6px 20px rgba(0,0,0,.15)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.72fr)}.control-panel{padding:38px 46px;border-right:1px solid var(--line);display:grid;gap:26px}.control-section{border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;background:var(--panel-2)}.section-label{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}.section-label>span{color:var(--violet);font:800 12px/1 Manrope,sans-serif;letter-spacing:.12em;padding-top:7px}.section-label h3{margin:0;font:800 22px/1.2 Manrope,sans-serif}.section-label p{margin:6px 0 0;color:var(--muted);font-size:14px}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.type-button,.shape-option,.material-option{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:14px;transition:.2s}.type-button{min-height:74px;padding:11px;display:grid;place-items:center;gap:3px}.type-button span{font-size:22px}.type-button b{font-size:12px}.type-button:hover,.shape-option:hover,.material-option:hover{transform:translateY(-2px);border-color:rgba(134,108,255,.5);color:var(--text)}.type-button.active,.shape-option.active,.material-option.active{border-color:var(--violet);background:rgba(134,108,255,.1);color:var(--text);box-shadow:inset 0 0 0 1px rgba(134,108,255,.2)}.dynamic-fields{display:grid;gap:14px;margin-top:18px}.input-row{display:grid;gap:7px}.input-row.two{grid-template-columns:1fr 1fr;gap:12px}.input-row label,.field-grid label{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.input-row input,.input-row textarea,.input-row select,.field-grid input:not([type=color]):not([type=range]),.field-grid select{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:13px;padding:13px 14px;outline:none}.input-row textarea{min-height:100px;resize:vertical}.input-row input:focus,.input-row textarea:focus,.input-row select:focus,.field-grid select:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(134,108,255,.12)}.subheading{display:flex;align-items:baseline;justify-content:space-between;margin:6px 0 12px}.subheading span{font-weight:800}.subheading small{color:var(--muted)}.material-heading{margin-top:24px}.shape-grid,.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.shape-option,.material-option{padding:12px 8px;display:grid;place-items:center;gap:8px;min-height:78px}.shape-option span,.material-option span{font-size:11px;font-weight:800}.shape-sample{display:block;width:25px;height:25px;background:currentColor}.shape-sample.rounded{border-radius:7px}.shape-sample.dots{border-radius:50%}.shape-sample.soft{border-radius:38%}.shape-sample.capsule{height:15px;border-radius:999px}.shape-sample.triangle{background:transparent;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:24px solid currentColor}.shape-sample.hexagon{clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)}.shape-sample.bubble{border-radius:60% 40% 50% 45%}.material-swatch{width:34px;height:25px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.material-swatch.solid{background:#0c1220}.material-swatch.glass{background:linear-gradient(135deg,rgba(82,228,220,.9),rgba(134,108,255,.5));box-shadow:inset 0 1px rgba(255,255,255,.7)}.material-swatch.frosted{background:linear-gradient(135deg,#e9ffff,#8fb9da)}.material-swatch.metallic{background:linear-gradient(120deg,#223047,#dbe6f2 46%,#344860 55%,#9fb2c7)}.material-swatch.gold{background:linear-gradient(120deg,#8d4f08,#ffd66a 45%,#b66d0b 70%,#fff0a4)}.material-swatch.neon{background:#081922;box-shadow:0 0 12px #46fff1,inset 0 0 8px #8b72ff}.material-swatch.gradient{background:linear-gradient(135deg,#26d7d2,#716bff)}.material-swatch.holographic{background:linear-gradient(135deg,#7ff3e6,#bd78ff,#ffce78,#6fe4ff)}
.field-grid{display:grid;gap:14px}.two-columns{grid-template-columns:1fr 1fr}.field-grid input[type=color]{width:100%;height:47px;border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:5px}.field-grid label:has(input[type=range]){grid-template-columns:1fr auto;align-items:center}.field-grid label:has(input[type=range]) input{grid-column:1/-1;width:100%;accent-color:var(--violet)}.field-grid output{color:var(--text)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:14px 0;border-top:1px solid var(--line)}.toggle-row>span{display:grid}.toggle-row strong{font-size:14px}.toggle-row small{color:var(--muted);font-size:12px}.toggle-row input{position:absolute;opacity:0}.toggle-row i{width:46px;height:25px;border-radius:999px;background:var(--surface);position:relative;flex:0 0 auto;transition:.2s}.toggle-row i:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:var(--muted);left:3px;top:3px;transition:.2s}.toggle-row input:checked+i{background:var(--violet)}.toggle-row input:checked+i:after{left:24px;background:#fff}.logo-control{display:flex;align-items:center;gap:10px;padding-top:17px;border-top:1px solid var(--line)}.logo-control>div{display:grid;margin-right:auto}.logo-control small{color:var(--muted);font-size:12px}.logo-upload,.text-button{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:9px 12px;font-size:12px;font-weight:800}.text-button{color:var(--muted)}.range-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:14px;color:var(--muted);font-size:13px}.range-row input{accent-color:var(--violet)}.safety-control{padding:4px 24px}.safety-control .toggle-row{border:0;margin:0}.toggle-row.strong strong{color:var(--cyan);font-size:16px}.upload-zone{min-height:210px;border:1px dashed var(--line-strong);border-radius:20px;display:grid;place-items:center;align-content:center;gap:7px;background:var(--panel);transition:.2s}.upload-zone:hover,.upload-zone.dragging{border-color:var(--cyan);background:rgba(82,228,220,.05)}.upload-icon{font-size:34px;color:var(--cyan)}.upload-zone strong{font-size:17px}.upload-zone small{color:var(--muted)}.decode-result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:14px;background:rgba(100,228,164,.08);border:1px solid rgba(100,228,164,.2);border-radius:14px}.decode-status{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--success);color:#07120c}.decode-result div{display:grid;min-width:0}.decode-result small{color:var(--muted)}.decode-result strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.decode-result button{border:0;background:var(--success);color:#07120c;border-radius:10px;padding:9px 11px;font-weight:800}
.preview-panel{padding:38px;position:sticky;top:12px;align-self:start;background:linear-gradient(180deg,var(--panel),var(--bg-soft));min-height:860px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.14em}.preview-toolbar>div{display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success)}.preview-toolbar button{border:0;background:transparent;color:var(--muted);font-weight:700;letter-spacing:0}.preview-stage{min-height:520px;margin:22px 0 18px;border-radius:28px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(134,108,255,.19),transparent 44%),linear-gradient(145deg,#090e19,#111b2e);border:1px solid var(--line)}.preview-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(136,164,207,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(136,164,207,.06) 1px,transparent 1px);background-size:34px 34px}.qr-frame{width:min(72%,410px);aspect-ratio:1;display:grid;place-items:center;position:relative;z-index:2;filter:drop-shadow(0 22px 42px rgba(0,0,0,.35));transition:.25s}.qr-frame svg{width:100%;height:100%;display:block}.scan-line{position:absolute;z-index:3;width:min(72%,410px);height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 14px var(--cyan);animation:scan 4.2s ease-in-out infinite;opacity:.45}@keyframes scan{0%,100%{transform:translateY(-180px);opacity:0}12%,88%{opacity:.45}50%{transform:translateY(180px)}}.verification-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);background:var(--panel-2);border-radius:17px}.risk-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-weight:900}.risk-icon.safe{background:rgba(100,228,164,.12);color:var(--success)}.risk-icon.moderate{background:rgba(255,190,84,.13);color:var(--gold)}.risk-icon.high{background:rgba(255,111,125,.13);color:var(--danger)}.verification-card>div:nth-child(2){display:grid}.verification-card strong{font-size:14px}.verification-card p{margin:2px 0 0;color:var(--muted);font-size:12px}.verified-pill{border-radius:999px;padding:7px 9px;font-size:10px;font-weight:900;text-transform:uppercase}.verified-pill.verified{background:rgba(100,228,164,.12);color:var(--success)}.verified-pill.failed{background:rgba(255,111,125,.12);color:var(--danger)}.verified-pill.checking{background:var(--surface);color:var(--muted)}.preview-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.preview-meta span{display:grid;padding:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:13px}.preview-meta small{font-size:9px;letter-spacing:.13em;color:var(--muted);font-weight:800}.preview-meta b{font-size:15px}.download-area{margin-top:22px}.download-area p{margin:0 0 10px;color:var(--muted);font-size:13px}.download-buttons{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px}.download-buttons button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;min-height:52px;font-weight:900;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.download-buttons .primary-download{border-color:transparent;background:linear-gradient(105deg,var(--cyan),var(--violet));color:#07101a}.privacy-note{display:flex;justify-content:center;gap:7px;color:var(--muted);font-size:11px;margin:18px 0 0}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;gap:1px;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--line)}.feature-strip article{background:var(--panel);padding:28px;display:flex;gap:18px}.feature-strip article>span{color:var(--violet);font:800 12px Manrope,sans-serif}.feature-strip article div{display:grid;gap:4px}.feature-strip strong{font:800 17px Manrope,sans-serif}.feature-strip p{color:var(--muted);margin:0;font-size:13px}.material-story{min-height:580px;margin-top:28px;border:1px solid var(--line);border-radius:var(--radius-xl);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:linear-gradient(130deg,#10182a,#152b37 60%,#1d2546)}.material-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50%,rgba(82,228,220,.2),transparent 45%)}.material-visual:before,.material-visual:after{content:"";position:absolute;width:460px;height:250px;border:1px solid rgba(122,239,224,.22);border-radius:50%;transform:rotate(22deg)}.material-visual:after{width:320px;height:470px;border-color:rgba(134,108,255,.28);transform:rotate(-20deg)}.glass-card{width:230px;height:230px;display:grid;place-items:center;border-radius:48px;background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(20px);box-shadow:0 35px 80px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.55);z-index:2}.tiny-qr{width:130px;height:130px;background:conic-gradient(from 90deg,#7beade 0 25%,transparent 0 50%,#9d84ff 0 75%,transparent 0);mask-image:repeating-linear-gradient(0deg,#000 0 13px,transparent 13px 18px);border-radius:15px}.floating-label{position:absolute;left:11%;top:22%;padding:10px 16px;border:1px solid rgba(255,255,255,.2);background:rgba(11,18,31,.52);border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.1em}.floating-label.second{left:auto;right:10%;top:auto;bottom:22%;color:var(--gold)}.material-copy{align-self:center;padding:70px}.material-copy h2{font:800 clamp(38px,4.2vw,66px)/.98 Manrope,sans-serif;letter-spacing:-.05em;margin:20px 0 24px}.material-copy p{color:#aab9c7;font-size:18px;max-width:610px}.material-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.material-badges span{padding:10px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.05);font-size:12px;font-weight:800;color:#dbe7ee}.guide-section,.seo-section,.faq-section{margin-top:28px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);padding:56px}.section-heading h2,.seo-section h2,.faq-section h2{font:800 clamp(36px,4vw,58px)/1.02 Manrope,sans-serif;letter-spacing:-.045em;margin:15px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.guide-grid article{padding:28px;border-radius:20px;background:var(--panel-2);border:1px solid var(--line)}.guide-grid span{color:var(--violet);font-weight:900;font-size:12px}.guide-grid h3{font:800 21px Manrope,sans-serif;margin:25px 0 9px}.guide-grid p{color:var(--muted);margin:0}.seo-section{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.seo-section>div>p{color:var(--muted);font-size:18px;max-width:760px}.tips-card{padding:30px;background:linear-gradient(140deg,rgba(82,228,220,.1),rgba(134,108,255,.09));border:1px solid var(--line);border-radius:24px}.tips-card h3{font:800 23px Manrope,sans-serif;margin:0 0 18px}.tips-card ul{padding-left:20px;margin:0;display:grid;gap:12px;color:var(--muted)}.faq-list{margin-top:30px}.faq-list details{border-top:1px solid var(--line);padding:21px 2px}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font:800 17px Manrope,sans-serif;cursor:pointer}.faq-list p{color:var(--muted);max-width:950px;margin:14px 0 0}footer{width:min(calc(100% - 48px),var(--max));margin:28px auto 0;padding:36px 10px 46px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{border-radius:11px;background:#fff}.footer-brand div{display:grid}.footer-brand span{font-size:12px;color:var(--muted)}footer nav{display:flex;gap:22px}footer nav a{color:var(--muted);text-decoration:none;font-weight:700;font-size:13px}footer nav a:hover{color:var(--text)}footer>small{justify-self:end;color:var(--muted)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--text);color:var(--bg);padding:11px 18px;border-radius:999px;font-weight:800;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1120px){.hero{grid-template-columns:1fr}.hero-copy{padding:60px 52px 20px}.hero-art{min-height:370px}.workspace-grid{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--line)}.preview-panel{position:relative;top:0;min-height:auto}.material-story{grid-template-columns:1fr}.material-visual{min-height:470px}.material-copy{padding:54px}.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.workspace-heading{align-items:flex-start;gap:20px}.seo-section{grid-template-columns:1fr}footer{grid-template-columns:1fr;gap:22px}footer>small{justify-self:start}}
@media(max-width:760px){.site-header,main,footer{width:min(calc(100% - 24px),var(--max))}.site-header{margin-top:12px;padding:10px}.brand small{display:none}.utility-button{padding:0 11px}.hero{min-height:auto;border-radius:26px}.hero-copy{padding:44px 25px 12px}.hero h1{font-size:52px}.hero-description{font-size:17px}.hero-art{min-height:330px}.orbit-one{width:380px}.workspace{border-radius:26px}.workspace-heading{padding:30px 22px 22px;display:grid}.mode-tabs{width:100%}.mode-tab{flex:1}.control-panel,.preview-panel{padding:22px}.control-section{padding:20px}.type-grid{grid-template-columns:repeat(3,1fr)}.shape-grid,.material-grid{grid-template-columns:repeat(2,1fr)}.two-columns,.input-row.two{grid-template-columns:1fr}.logo-control{flex-wrap:wrap}.preview-stage{min-height:420px}.qr-frame{width:min(82%,360px)}.verification-card{grid-template-columns:auto 1fr}.verified-pill{grid-column:2}.download-buttons{grid-template-columns:1fr}.feature-strip,.guide-grid{grid-template-columns:1fr}.material-story{border-radius:26px}.material-copy{padding:38px 24px}.guide-section,.seo-section,.faq-section{padding:38px 24px;border-radius:26px}footer nav{flex-wrap:wrap}}
@media(max-width:440px){.brand strong{font-size:16px}.brand img{width:40px;height:40px}.hero h1{font-size:44px}.hero-points{display:grid}.workspace-heading h2{font-size:36px}.control-panel,.preview-panel{padding:16px}.control-section{padding:17px}.type-grid{grid-template-columns:repeat(2,1fr)}.preview-stage{min-height:340px}.feature-strip article{padding:22px}.material-visual{min-height:390px}.glass-card{width:190px;height:190px}.material-copy h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Artistic QR Studio */
.shape-sample.pixel{width:8px;height:8px;box-shadow:10px 0 currentColor,20px 0 currentColor,0 10px currentColor,20px 10px currentColor,0 20px currentColor,10px 20px currentColor,20px 20px currentColor}
.visual-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.visual-mode-card{min-height:86px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);padding:14px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:5px 12px;transition:.22s}.visual-mode-card>i{grid-row:1/3;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(82,228,220,.15),rgba(134,108,255,.18));font-style:normal;font-size:18px}.visual-mode-card b{font:800 14px Manrope,sans-serif}.visual-mode-card small{color:var(--muted);font-size:11px;line-height:1.35}.visual-mode-card:hover{transform:translateY(-2px);border-color:rgba(82,228,220,.42)}.visual-mode-card.active{border-color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(82,228,220,.2),0 10px 28px rgba(82,228,220,.08);background:linear-gradient(135deg,rgba(82,228,220,.09),rgba(134,108,255,.08))}.art-template-heading{margin-top:24px}.compact-template-grid{display:flex;gap:8px;overflow:auto;padding:2px 1px 8px;scrollbar-width:thin}.compact-template{flex:0 0 auto;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800}.compact-template.active{color:var(--text);border-color:var(--violet);background:rgba(134,108,255,.11)}.theme-prompt{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:16px}.theme-prompt label,.poster-copy-fields label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:800}.theme-prompt input,.poster-copy-fields input{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:13px;padding:12px 13px;outline:none}.theme-prompt input:focus,.poster-copy-fields input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(82,228,220,.1)}.theme-prompt button{align-self:end;border:0;border-radius:13px;background:linear-gradient(110deg,var(--cyan),var(--violet));color:#07101a;padding:0 17px;font-weight:900;min-height:43px}.theme-hint{margin:8px 0 0;color:var(--muted);font-size:11px}.poster-copy-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px;padding-top:17px;border-top:1px solid var(--line)}
.preview-switches{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}.segmented-control{display:flex;gap:4px;padding:4px;border:1px solid var(--line);background:var(--surface);border-radius:13px}.segmented-control button{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:9px 12px;font-size:11px;font-weight:900}.segmented-control button.active{background:var(--panel);color:var(--text);box-shadow:0 5px 16px rgba(0,0,0,.14)}.segmented-control.compact button.active{color:var(--cyan)}.preview-stage.poster-active{min-height:620px}.preview-stage.poster-active .qr-frame{width:min(70%,360px);aspect-ratio:4/5}.preview-stage.poster-active .scan-line{display:none}.qr-frame.poster-preview svg{border-radius:7px;box-shadow:0 30px 80px rgba(0,0,0,.34)}
.template-gallery-section{margin-top:28px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);padding:52px}.template-heading{display:flex;align-items:end;justify-content:space-between}.template-heading h2{font:800 clamp(38px,4.4vw,66px)/1 Manrope,sans-serif;letter-spacing:-.05em;margin:14px 0 10px}.template-heading p{color:var(--muted);margin:0;font-size:16px}.gallery-count{font:800 56px/1 Manrope,sans-serif;color:var(--line-strong)}.template-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.template-card{border:1px solid var(--line);background:var(--panel-2);border-radius:22px;padding:10px;color:var(--text);text-align:left;transition:.25s;overflow:hidden}.template-card:hover{transform:translateY(-5px);border-color:rgba(134,108,255,.5);box-shadow:0 24px 50px rgba(0,0,0,.16)}.template-card.active{border-color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(82,228,220,.2)}.template-cover{height:190px;border-radius:16px;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--cover-a),var(--cover-b))}.template-cover:before,.template-cover:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%;inset:24px 36px;transform:rotate(-18deg)}.template-cover:after{inset:38px 62px;transform:rotate(34deg);border-style:dashed}.template-cover i{position:absolute;width:76px;height:76px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 18px 34px rgba(0,0,0,.2)}.template-cover i:before{content:"";position:absolute;inset:16px;background:repeating-conic-gradient(#10131c 0 8deg,transparent 8deg 16deg);border-radius:6px}.template-card footer{width:auto;margin:0;padding:17px 10px 9px;border:0;display:flex;align-items:center;justify-content:space-between}.template-card footer span{display:grid}.template-card footer b{font:800 14px Manrope,sans-serif}.template-card footer small{color:var(--muted);font-size:10px;margin-top:3px}.template-card footer em{font-style:normal;color:var(--cyan);font-weight:900}.scene-japanese{--cover-a:#f5d1c9;--cover-b:#c64454}.scene-apple{--cover-a:#f5f5f6;--cover-b:#bfc2cb}.scene-pixel{--cover-a:#87d7ff;--cover-b:#55a56d}.scene-bubble{--cover-a:#ff6a6a;--cover-b:#316bff}.scene-sticker{--cover-a:#1468ff;--cover-b:#66e5ff}.scene-gold{--cover-a:#0c0b0a;--cover-b:#a06c20}.scene-food{--cover-a:#fff0ca;--cover-b:#e57c4d}.scene-animal{--cover-a:#ffdcd4;--cover-b:#8fd5c5}.scene-cyberpunk{--cover-a:#090b20;--cover-b:#ff47c8}.scene-festival{--cover-a:#d9323e;--cover-b:#f0b84d}
@media(max-width:1120px){.template-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.visual-mode-grid,.poster-copy-fields{grid-template-columns:1fr}.preview-switches{align-items:stretch;flex-direction:column}.segmented-control{justify-content:center}.segmented-control button{flex:1}.preview-stage.poster-active{min-height:520px}.template-gallery-section{padding:38px 24px;border-radius:26px}.template-gallery{grid-template-columns:1fr 1fr}.template-cover{height:160px}.gallery-count{font-size:38px}}

/* 2026 compact purple studio refresh */
:root{--violet:#754cff;--cyan:#a06cff;--blue:#675cff}
.ambient i:nth-child(1){background:#754cff;opacity:.28}.ambient i:nth-child(2){background:#a76cff;opacity:.18}.ambient i:nth-child(3){background:#d86cff;opacity:.12}

.hero{min-height:190px;grid-template-columns:1.45fr .55fr;background:linear-gradient(125deg,#15102d,#21184a 58%,#39216f)}
[data-theme="light"] .hero{background:linear-gradient(125deg,#fbf9ff,#eee8ff 58%,#e4dcff)}
.hero:before{background:radial-gradient(circle at 78% 12%,rgba(183,139,255,.35),transparent 28%),linear-gradient(110deg,rgba(117,76,255,.1),transparent 45%,rgba(210,108,255,.16))}
.hero-copy{padding:28px 44px}.hero .eyebrow,.hero-points{display:none}.hero h1{font-size:clamp(34px,4vw,58px);line-height:.95;margin:0 0 12px;max-width:none;white-space:nowrap}.hero-description{font-size:16px;max-width:720px}
.hero-art{min-height:190px}.hero-art:before{width:190px;height:190px;background:radial-gradient(circle,rgba(160,108,255,.42),transparent 68%)}.hero-grid{background-size:32px 32px}.orbit-one{width:270px;height:130px}.orbit-two{width:160px;height:230px}.mini-qr{width:90px;height:90px;padding:16px;border-radius:23px;gap:4px}.art-chip{display:none}

.workspace{overflow:visible}.workspace-heading{border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--panel)}.workspace-grid{align-items:start}.control-panel{background:var(--panel);border-radius:0 0 0 var(--radius-xl)}
.type-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.type-button{min-height:48px;padding:8px 5px;display:flex;align-items:center;justify-content:center}.type-button span{display:none}.type-button b{font-size:13px;color:var(--text);white-space:nowrap}.type-button.active{background:linear-gradient(135deg,rgba(117,76,255,.2),rgba(160,108,255,.14));box-shadow:inset 0 0 0 1px rgba(160,108,255,.35)}

.visual-mode-card>i{background:linear-gradient(135deg,rgba(117,76,255,.2),rgba(210,108,255,.18))}.visual-mode-card.active{border-color:var(--violet);box-shadow:inset 0 0 0 1px rgba(117,76,255,.22),0 10px 28px rgba(117,76,255,.1)}.compact-template.active{border-color:var(--violet);background:rgba(117,76,255,.13)}.theme-prompt button,.download-buttons .primary-download{background:linear-gradient(110deg,#9d70ff,#6546ff);color:#fff}

/* Restore the per-mode background variants below Visual Mode. */
.art-template-heading{margin-top:22px;margin-bottom:10px}.compact-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;overflow:visible;padding:0 0 4px}.compact-template{min-width:0;min-height:64px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:15px;padding:8px 10px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;text-align:left;font-size:14px;font-weight:800;transition:transform .2s,border-color .2s,box-shadow .2s}.compact-template:hover{transform:translateY(-2px);border-color:rgba(154,92,255,.48);box-shadow:0 10px 24px rgba(86,43,112,.12)}.compact-template.active{border-color:#ff8177;background:linear-gradient(110deg,rgba(255,164,83,.18),rgba(154,92,255,.15));box-shadow:inset 0 0 0 1px rgba(255,129,119,.22),0 10px 26px rgba(111,54,136,.13)}.compact-template-swatch{display:block;width:48px;height:44px;border-radius:11px;background:radial-gradient(circle at 72% 26%,rgba(255,255,255,.72) 0 5%,transparent 6%),linear-gradient(135deg,var(--swatch-bg) 0 22%,var(--swatch-a) 56%,var(--swatch-b) 100%);border:1px solid rgba(255,255,255,.54);box-shadow:inset 0 0 0 1px rgba(22,15,33,.08),0 6px 14px rgba(42,26,60,.12)}.compact-template span{min-width:0;line-height:1.3;overflow-wrap:anywhere}
@media(max-width:760px){.compact-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-template{grid-template-columns:40px minmax(0,1fr);min-height:58px;padding:7px 8px}.compact-template-swatch{width:40px;height:38px}}

.shape-grid{grid-template-columns:repeat(9,minmax(48px,1fr))}.material-grid{grid-template-columns:repeat(8,minmax(48px,1fr))}.shape-option,.material-option{min-height:52px;padding:8px 5px;gap:0}.shape-option span,.material-option span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shape-sample{width:23px;height:23px}.material-swatch{width:30px;height:24px}.shape-option.active,.material-option.active{background:rgba(117,76,255,.14);box-shadow:0 0 0 2px rgba(117,76,255,.25)}

.foreground-control,.transparent-control{display:none!important}.foreground-control+label{grid-column:1/-1}.field-grid.two-columns{grid-template-columns:1fr 1fr}

.preview-panel{top:16px;max-height:calc(100vh - 32px);min-height:0;overflow:auto;border-radius:0 0 var(--radius-xl) 0;background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--bg-soft) 82%,#4d2a8f 18%));scrollbar-width:thin}.preview-stage{background:radial-gradient(circle at 50% 38%,rgba(157,112,255,.32),transparent 43%),linear-gradient(145deg,#100b25,#241347 58%,#32185e)}.preview-stage:before{background-image:linear-gradient(rgba(177,143,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(177,143,255,.08) 1px,transparent 1px)}.live-dot{background:#a774ff;box-shadow:0 0 12px #a774ff}

.material-story{min-height:290px;grid-template-columns:.78fr 1.22fr;background:linear-gradient(125deg,#100b27,#24164f 58%,#4a2374)}.material-visual{min-height:290px;background:radial-gradient(circle at 50%,rgba(160,108,255,.32),transparent 46%)}.material-visual:before{width:300px;height:145px;border-color:rgba(189,153,255,.38)}.material-visual:after{width:190px;height:280px;border-color:rgba(219,124,255,.28)}.glass-card{width:142px;height:142px;border-radius:34px}.tiny-qr{width:78px;height:78px}.floating-label{padding:7px 11px;font-size:10px}.material-copy{padding:34px 42px}.material-copy .eyebrow{color:#bfa6ff}.material-copy h2{font-size:clamp(30px,3.2vw,46px);line-height:.96;margin:12px 0 14px;color:#fff}.material-copy p{font-size:15px;color:#d4cce8;margin:0}.material-badges{margin-top:17px}.material-badges span{padding:7px 10px;color:#f0ebff;background:rgba(255,255,255,.07)}

.scene-classic{--cover-a:#f6f6fa;--cover-b:#d9d2ff}.scene-lavender{--cover-a:#f5efff;--cover-b:#ad8aff}.scene-navy{--cover-a:#eaf1ff;--cover-b:#38598e}.scene-violet-brand{--cover-a:#ddc8ff;--cover-b:#6c3fe7}.scene-travel{--cover-a:#83e3f0;--cover-b:#ffbd70}.scene-city{--cover-a:#080f26;--cover-b:#6f53dd}.scene-nature{--cover-a:#dff3d8;--cover-b:#397957}.scene-candy{--cover-a:#ffd4ef;--cover-b:#9f7aff}.scene-mono{--cover-a:#f4f4f4;--cover-b:#34343c}.scene-glass-luxury{--cover-a:#d9cbff;--cover-b:#65dfdc}.scene-midnight{--cover-a:#090f20;--cover-b:#5140a8}

@media(max-width:1120px){.hero{grid-template-columns:1fr .45fr}.hero-copy{padding:26px 32px}.hero-art{min-height:190px}.preview-panel{position:relative;top:0;max-height:none;overflow:visible;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.control-panel{border-radius:0}.material-story{grid-template-columns:.8fr 1.2fr}.material-visual{min-height:290px}}
@media(max-width:820px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:30px 25px}.hero h1{white-space:normal}.hero-art{display:none}.type-grid{grid-template-columns:repeat(4,1fr)}.shape-grid{grid-template-columns:repeat(5,1fr)}.material-grid{grid-template-columns:repeat(4,1fr)}.material-story{grid-template-columns:1fr}.material-visual{min-height:220px}.material-copy{padding:30px 24px}.field-grid.two-columns{grid-template-columns:1fr}}
@media(max-width:440px){.type-grid{grid-template-columns:repeat(2,1fr)}.shape-grid,.material-grid{grid-template-columns:repeat(4,1fr)}}

/* Readability pass: keep the compact layout, remove hard-to-read micro type */
[data-theme="light"]{--muted:#505b73;--line:rgba(28,40,68,.16);--line-strong:rgba(28,40,68,.3)}
.brand strong{font-size:20px}.brand small{font-size:14px;font-weight:600}.site-header nav a{font-size:16px}.utility-button{font-size:15px}
.eyebrow{font-size:14px;line-height:1.2;letter-spacing:.14em}.hero-description{font-size:18px;line-height:1.55}
.workspace-heading .eyebrow{font-size:14px}.mode-tab{font-size:15px}.section-label>span{font-size:14px}.section-label h3{font-size:25px}.section-label p{font-size:16px;line-height:1.55}.subheading span{font-size:17px}.subheading small{font-size:14px}
.type-button b{font-size:15px}.input-row label,.field-grid label{font-size:15px}.input-row input,.input-row textarea,.input-row select,.field-grid input:not([type=color]):not([type=range]),.field-grid select{font-size:16px}.visual-mode-card b{font-size:16px}.visual-mode-card small{font-size:14px;line-height:1.45}.compact-template{font-size:14px;padding:10px 15px}.theme-prompt label,.poster-copy-fields label{font-size:15px}.theme-prompt input,.poster-copy-fields input{font-size:16px}.theme-prompt button{font-size:15px}.theme-hint{font-size:14px;line-height:1.5}
.toggle-row strong,.logo-control strong,.range-row>span{font-size:16px}.toggle-row small,.logo-control small{font-size:14px;line-height:1.45}.logo-upload,.text-button{font-size:15px}
.upload-zone strong{font-size:19px}.upload-zone small,.decode-result small{font-size:15px}.decode-result button{font-size:15px}.range-row{font-size:15px}.floating-label{font-size:13px}.toast{font-size:15px}
.preview-toolbar{font-size:14px;letter-spacing:.08em}.preview-toolbar button{font-size:14px}.segmented-control button{font-size:14px}.verification-card strong{font-size:16px}.verification-card p{font-size:14px;line-height:1.45}.verified-pill{font-size:12px}.preview-meta small{font-size:12px}.preview-meta b{font-size:17px}.download-area p{font-size:15px}.download-buttons button{font-size:16px}.privacy-note{font-size:13px}
.feature-strip strong{font-size:19px}.feature-strip p{font-size:15px;line-height:1.45}.template-heading p{font-size:18px}.template-card footer b{font-size:16px}.template-card footer small{font-size:13px}.material-copy p{font-size:17px;line-height:1.55}.material-badges span{font-size:14px}.guide-grid span{font-size:14px}.guide-grid h3{font-size:23px}.guide-grid p,.seo-section>div>p,.tips-card li,.faq-list p{font-size:16px;line-height:1.6}.faq-list summary{font-size:19px}.footer-brand strong{font-size:17px}.footer-brand span,footer nav a,footer>small{font-size:14px}

@media(max-width:760px){.brand small{display:none}.section-label h3{font-size:23px}.section-label p{font-size:15px}.visual-mode-card small{font-size:13px}.template-heading p{font-size:16px}}

/* Sunset spectrum palette: warm orange, coral and vivid violet */
:root{--bg:#0f0918;--bg-soft:#170e25;--panel:#191126;--panel-2:#21152f;--surface:#2b1b3d;--surface-2:#342047;--text:#fffaf7;--muted:#c4b7cb;--line:rgba(255,202,190,.16);--line-strong:rgba(255,184,166,.3);--violet:#9a5cff;--cyan:#ff8a68;--blue:#765cff;--shadow:0 30px 80px rgba(30,9,45,.34)}
[data-theme="light"]{--bg:#f7f3fb;--bg-soft:#eee8f7;--panel:#fffdfd;--panel-2:#fff8f7;--surface:#f6eaf2;--surface-2:#f0e2ef;--text:#171221;--muted:#5b5065;--line:rgba(66,35,75,.14);--line-strong:rgba(66,35,75,.26);--shadow:0 28px 70px rgba(78,44,94,.15)}
.ambient i:nth-child(1){background:#ff9d45;opacity:.24}.ambient i:nth-child(2){background:#a855f7;opacity:.24}.ambient i:nth-child(3){background:#ff668e;opacity:.2}

.hero,[data-theme="light"] .hero{color:#171221;background:linear-gradient(112deg,#ffc04e 0%,#ff985d 34%,#f47d83 67%,#a861ef 100%);border-color:rgba(98,48,90,.2);box-shadow:0 30px 70px rgba(181,77,119,.25)}.hero:before{background:radial-gradient(circle at 82% 12%,rgba(255,255,255,.3),transparent 22%),linear-gradient(110deg,rgba(255,255,255,.12),transparent 45%,rgba(116,53,200,.08))}.hero h1 em{-webkit-text-fill-color:initial;background:none;color:#4e2578}.hero-description{color:#3e2842;font-weight:600}.hero-grid{background-image:linear-gradient(rgba(56,29,61,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(56,29,61,.12) 1px,transparent 1px)}.hero-art:before{background:radial-gradient(circle,rgba(255,255,255,.4),rgba(145,78,220,.16) 54%,transparent 70%)}.orbit{border-color:rgba(52,27,61,.28)}.orbit:after{background:#ffcf62;box-shadow:0 0 18px #fff0b2}.orbit-two:after{background:#6f42c9}.mini-qr{background:rgba(255,250,249,.9);box-shadow:0 24px 60px rgba(91,39,91,.26)}.mini-qr b{background:#21152b}.mini-qr b:nth-child(5){background:linear-gradient(135deg,#ff985d,#935dff)}

.workspace-heading{background:linear-gradient(110deg,color-mix(in srgb,var(--panel) 93%,#ff9a5a 7%),color-mix(in srgb,var(--panel) 94%,#9a5cff 6%))}.control-panel{background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel) 96%,#9a5cff 4%))}.control-section:nth-of-type(3n+1){background:linear-gradient(145deg,var(--panel-2),color-mix(in srgb,var(--panel-2) 91%,#ff9d52 9%))}.control-section:nth-of-type(3n+2){background:linear-gradient(145deg,var(--panel-2),color-mix(in srgb,var(--panel-2) 91%,#ff708b 9%))}.control-section:nth-of-type(3n){background:linear-gradient(145deg,var(--panel-2),color-mix(in srgb,var(--panel-2) 90%,#985cff 10%))}
.type-button.active,.shape-option.active,.material-option.active{border-color:#ff7d78;background:linear-gradient(135deg,rgba(255,157,82,.22),rgba(154,92,255,.19));box-shadow:inset 0 0 0 1px rgba(255,139,104,.32),0 9px 25px rgba(124,62,156,.12)}.visual-mode-card>i{background:linear-gradient(135deg,#ffc15b,#ff7b7d 52%,#9660ff);color:#25142d}.visual-mode-card.active{border-color:#ff8177;background:linear-gradient(135deg,rgba(255,165,85,.18),rgba(154,92,255,.16));box-shadow:inset 0 0 0 1px rgba(255,129,119,.24),0 10px 28px rgba(132,62,161,.15)}.compact-template.active{border-color:#ff8177;background:linear-gradient(100deg,rgba(255,164,83,.2),rgba(154,92,255,.16))}.theme-prompt button,.download-buttons .primary-download{background:linear-gradient(105deg,#ffc04e,#ff7f79 54%,#965cff);color:#1a1120;box-shadow:0 12px 28px rgba(190,76,124,.22)}

.preview-panel{background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--bg-soft) 76%,#7c296f 24%))}.preview-stage{background:radial-gradient(circle at 36% 26%,rgba(255,175,91,.28),transparent 32%),radial-gradient(circle at 76% 68%,rgba(170,91,255,.34),transparent 38%),linear-gradient(145deg,#2a112a,#391840 50%,#241448)}.preview-stage:before{background-image:linear-gradient(rgba(255,185,147,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(192,139,255,.09) 1px,transparent 1px)}.live-dot{background:#ff9f59;box-shadow:0 0 14px #ff896d}.segmented-control button.active{box-shadow:0 5px 18px rgba(75,34,93,.2)}.segmented-control.compact button.active{color:#ff8a68}.verification-card{background:linear-gradient(120deg,var(--panel-2),color-mix(in srgb,var(--panel-2) 90%,#9a5cff 10%))}

.feature-strip article:nth-child(1){background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--panel) 87%,#ffad58 13%))}.feature-strip article:nth-child(2){background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--panel) 87%,#ff7486 13%))}.feature-strip article:nth-child(3){background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--panel) 86%,#985cff 14%))}.template-gallery-section{background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel) 94%,#9a5cff 6%))}.template-card.active{border-color:#ff8177;box-shadow:inset 0 0 0 1px rgba(255,129,119,.24),0 18px 40px rgba(95,42,121,.13)}
.material-story{background:linear-gradient(115deg,#2a1027 0%,#502044 45%,#71346e 72%,#63379b 100%)}.material-visual{background:radial-gradient(circle at 44%,rgba(255,168,85,.3),transparent 38%),radial-gradient(circle at 67%,rgba(174,91,255,.3),transparent 48%)}.material-copy .eyebrow{color:#ffc36c}.material-badges span{border-color:rgba(255,199,174,.24);background:rgba(255,156,119,.1)}
.tips-card{background:linear-gradient(135deg,rgba(255,170,87,.13),rgba(255,111,137,.11) 50%,rgba(154,92,255,.13))}

/* Alignment fix and compact two-row template gallery */
.shape-grid{grid-template-columns:repeat(5,minmax(58px,1fr))}.material-grid{grid-template-columns:repeat(4,minmax(58px,1fr))}.shape-option,.material-option{overflow:hidden}.shape-sample.pixel{transform:translate(-10px,-10px)}
.template-gallery-section{padding:34px 30px}.template-heading h2{font-size:clamp(32px,3.3vw,48px)}.gallery-count{font-size:42px}.template-gallery{grid-template-columns:repeat(11,minmax(0,1fr));gap:9px;margin-top:24px}.template-card{padding:6px;border-radius:15px;min-width:0}.template-cover{height:86px;border-radius:11px}.template-cover:before{inset:14px 17px}.template-cover:after{inset:22px 28px}.template-cover i{width:44px;height:44px;border-radius:11px;box-shadow:0 10px 22px rgba(0,0,0,.18)}.template-cover i:before{inset:10px}.template-card footer{padding:11px 5px 7px;gap:4px;align-items:flex-start;min-height:56px}.template-card footer span{min-width:0}.template-card footer b{font-size:13px;line-height:1.25;overflow-wrap:anywhere}.template-card footer small{font-size:12px;line-height:1.2}.template-card footer em{font-size:13px;flex:0 0 auto}.template-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.14)}

@media(max-width:1280px){.template-gallery{grid-template-columns:repeat(7,1fr)}}
@media(max-width:900px){.template-gallery{grid-template-columns:repeat(4,1fr)}.template-cover{height:105px}}
@media(max-width:620px){.shape-grid{grid-template-columns:repeat(3,1fr)}.material-grid{grid-template-columns:repeat(3,1fr)}.template-gallery-section{padding:28px 18px}.template-gallery{grid-template-columns:repeat(2,1fr)}.template-cover{height:120px}}

/* Keep the complete gallery beside the live preview */
.embedded-template-section{background:linear-gradient(145deg,var(--panel-2),color-mix(in srgb,var(--panel-2) 88%,#ff806f 12%))}.embedded-template-section .template-heading{align-items:flex-end}.embedded-template-section .template-heading h2{font-size:31px;margin:9px 0 5px}.embedded-template-section .template-heading p{font-size:15px;line-height:1.45}.embedded-template-section .gallery-count{font-size:34px}.embedded-template-section .template-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:20px}.embedded-template-section .template-card{padding:5px;border-radius:14px}.embedded-template-section .template-cover{height:76px}.embedded-template-section .template-cover i{width:39px;height:39px}.embedded-template-section .template-cover i:before{inset:9px}.embedded-template-section .template-card footer{min-height:54px;padding:9px 4px 6px}.embedded-template-section .template-card footer b{font-size:13px}.embedded-template-section .template-card footer small{font-size:12px}.feature-strip{margin-top:28px}

@media(max-width:1380px){.embedded-template-section .template-gallery{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1120px){.embedded-template-section .template-gallery{grid-template-columns:repeat(6,1fr)}}
@media(max-width:820px){.embedded-template-section .template-gallery{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.embedded-template-section .template-gallery{grid-template-columns:repeat(2,1fr)}.embedded-template-section .template-cover{height:94px}}
@media(max-width:480px){.theme-prompt{grid-template-columns:1fr}.theme-prompt button{min-height:46px}.template-gallery{grid-template-columns:1fr}.template-cover{height:190px}}

/* Illustrated QR controls replace the old shape/material matrix */
.illustrated-style-section{position:relative;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--panel-2) 88%,#ffae57 12%),color-mix(in srgb,var(--panel-2) 87%,#a35cff 13%))!important}
.illustrated-style-section:before{content:"";position:absolute;width:260px;height:260px;right:-120px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(255,143,102,.16),transparent 68%);pointer-events:none}
.art-choice-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:4px 0 13px}.art-choice-heading>div{display:grid;gap:3px}.art-choice-heading strong{font:800 18px/1.2 Manrope,sans-serif}.art-choice-heading small{color:var(--muted);font-size:14px}.art-choice-heading>span{padding:5px 9px;border:1px solid rgba(255,129,119,.32);border-radius:999px;color:#ff9374;font-size:11px;font-weight:900;letter-spacing:.12em}.finder-art-heading{margin-top:25px}
.pattern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.pattern-option,.finder-art-option{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);color:var(--muted);border-radius:16px;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.pattern-option{min-height:94px;padding:13px 8px 11px;display:grid;place-items:center;align-content:center;gap:8px}.pattern-option b,.finder-art-option b{font-size:14px;font-weight:800;color:var(--text);white-space:nowrap}.pattern-option:hover,.finder-art-option:hover{transform:translateY(-2px);border-color:rgba(255,130,117,.5)}.pattern-option.active,.finder-art-option.active{border-color:#ff7f75;background:linear-gradient(135deg,rgba(255,176,87,.2),rgba(158,89,255,.18));box-shadow:inset 0 0 0 1px rgba(255,136,111,.24),0 11px 26px rgba(105,48,126,.12)}
.motif-preview{width:37px;height:37px;display:grid;place-items:center;color:#31213b;font:900 27px/1 Georgia,serif;position:relative}.motif-standard{border-radius:8px;background:linear-gradient(135deg,#272033,#65467d)}.motif-hearts{color:#ff5278}.motif-flowers{color:#f45f83;text-shadow:10px 6px 0 #ffbe4f,-9px 6px 0 #9b67ff}.motif-red-packet{border-radius:7px;background:#ef443d;color:#ffd15b;box-shadow:inset 0 0 0 2px rgba(125,26,22,.18)}.motif-red-packet:before{content:"";position:absolute;left:5px;right:5px;top:7px;height:13px;border-bottom:2px solid #ffd15b;clip-path:polygon(0 0,50% 90%,100% 0,100% 20%,50% 100%,0 20%)}.motif-red-packet:after{content:"福";position:absolute;inset:0;display:grid;place-items:end center;padding-bottom:3px;color:#ffd15b;font:900 13px/1 sans-serif}.motif-liquid{border-radius:13px;background:#17131c;box-shadow:13px 0 0 -5px #17131c,-11px 10px 0 -7px #17131c}.motif-liquid:before{content:"";position:absolute;width:15px;height:8px;border-radius:8px;background:#17131c;right:-6px;top:5px}.motif-liquid:after{content:"";position:absolute;width:8px;height:15px;border-radius:8px;background:#17131c;left:4px;bottom:-5px}.motif-garden{border-radius:9px;background:linear-gradient(to top,#9d4a25 0 20%,transparent 20%)}.motif-garden:before{content:"";position:absolute;left:15px;bottom:7px;width:8px;height:25px;border-radius:8px 8px 4px 4px;background:#176946;box-shadow:-7px 8px 0 -2px #25896a,7px 4px 0 -2px #25896a}.motif-garden:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;right:3px;top:3px;background:#e43b27;box-shadow:-27px 10px 0 #e43b27}.motif-pixel{background:conic-gradient(from 90deg,#3d2a49 0 25%,transparent 0 50%,#3d2a49 0 75%,transparent 0);background-size:18px 18px}
.finder-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.finder-art-option{min-height:82px;padding:10px;display:flex;align-items:center;gap:10px;text-align:left}.finder-preview{width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;position:relative;border:7px solid #40324b;background:#fff8f3;color:#40324b;font:900 21px/1 Georgia,serif;box-shadow:inset 0 0 0 5px #fff8f3;border-radius:5px}.finder-rounded{border-radius:15px}.finder-circle{border-radius:50%}.finder-botanical{border-color:#36785a;color:#36785a;border-radius:14px}.finder-garden{border-color:#176946;border-radius:11px;background:#fffdf8}.finder-garden:before{content:"";width:13px;height:20px;border-radius:50% 50% 35% 35%;background:#176946;box-shadow:inset 3px 0 0 rgba(255,255,255,.16)}.finder-garden:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#e43b27;transform:translate(8px,-7px)}.finder-liquid{border-width:7px;border-radius:17px;box-shadow:inset 0 0 0 5px #fff8f3}.finder-liquid:after{content:"";width:19px;height:19px;border-radius:7px;background:#40324b}.finder-festival{border-color:#d73d3d;color:#d73d3d;border-radius:13px;background:#fff2df}
.fusion-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:25px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.fusion-control>div:first-child{display:grid;gap:3px}.fusion-control strong{font-size:16px}.fusion-control small{color:var(--muted);font-size:13px}.fusion-options{display:flex;padding:4px;border-radius:13px;background:var(--surface);gap:3px}.fusion-options button{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:9px 12px;font-size:13px;font-weight:800}.fusion-options button.active{background:linear-gradient(110deg,#ffbd55,#ff7d79 55%,#975cff);color:#211426;box-shadow:0 7px 18px rgba(111,55,127,.2)}.illustrated-note{margin:12px 2px 0;color:var(--muted);font-size:13px;line-height:1.5}
[data-theme="light"] .finder-preview{background:#fff;border-color:#43364e;box-shadow:inset 0 0 0 5px #fff}.finder-art-option.active .finder-preview{filter:saturate(1.18);transform:scale(1.03)}
@media(max-width:1280px){.pattern-grid{grid-template-columns:repeat(4,1fr)}.finder-art-grid{grid-template-columns:repeat(2,1fr)}.fusion-control{grid-template-columns:1fr}.fusion-options{width:100%}.fusion-options button{flex:1}}
@media(max-width:620px){.pattern-grid{grid-template-columns:repeat(2,1fr)}.finder-art-grid{grid-template-columns:1fr 1fr}.finder-art-option{display:grid;place-items:center;text-align:center}.fusion-options{display:grid;grid-template-columns:repeat(3,1fr)}.fusion-options button{padding:9px 5px}.art-choice-heading small{font-size:13px}}
/* Ocean mosaic replaces the former heart motif with a multicolor, scan-aware language. */
.motif-ocean{border-radius:50%;background:radial-gradient(circle at 25% 30%,#e44e78 0 13%,transparent 14%),radial-gradient(circle at 75% 25%,#f2aa24 0 15%,transparent 16%),radial-gradient(circle at 35% 78%,#80bf4c 0 18%,transparent 19%),linear-gradient(135deg,#27b8b2,#238dcc);box-shadow:inset 0 0 0 4px #fff,0 0 0 2px #238dcc}
.finder-ocean{border:5px solid #238dcc;border-radius:50%;box-shadow:inset 0 0 0 5px #fff}.finder-ocean:after{content:"";width:14px;height:14px;border-radius:50%;background:#153f49;box-shadow:10px -9px 0 -5px #f2aa24,-11px 9px 0 -5px #e44e78}
.motif-dynamic-dots{border-radius:9px;background:radial-gradient(circle at 22% 25%,#15111b 0 12%,transparent 13%),radial-gradient(circle at 70% 24%,#15111b 0 22%,transparent 23%),radial-gradient(circle at 30% 76%,#15111b 0 20%,transparent 21%),radial-gradient(circle at 78% 73%,#15111b 0 11%,transparent 12%),#cbb7dc;box-shadow:inset 0 0 0 1px rgba(49,33,59,.14)}
.motif-desert{border-radius:9px;background:radial-gradient(circle at 74% 22%,#ef713f 0 13%,transparent 14%),linear-gradient(160deg,transparent 0 47%,#e5a95d 48% 63%,#c97542 64% 78%,#623323 79%);box-shadow:inset 0 0 0 1px rgba(91,48,34,.18)}
.finder-desert{border:5px solid #5b3022;border-radius:48% 48% 12px 12px;box-shadow:inset 0 0 0 5px #fff0c9}.finder-desert:after{content:"";width:16px;height:16px;border-radius:50%;background:#ef713f;box-shadow:0 8px 0 -3px #2f7f79}
.scene-desert{--cover-a:#ffbd68;--cover-b:#8c3f34}
.motif-snow-mountain{border-radius:9px;background:linear-gradient(145deg,transparent 0 42%,#d9f1fb 43% 55%,#6aa9cb 56% 69%,#173b59 70%),#f1f8ff;box-shadow:inset 0 0 0 1px rgba(23,59,89,.16)}
.motif-forest{border-radius:9px;background:radial-gradient(ellipse at 30% 38%,#7ba35d 0 19%,transparent 20%),radial-gradient(ellipse at 66% 34%,#3e7650 0 23%,transparent 24%),linear-gradient(90deg,transparent 43%,#173f31 44% 55%,transparent 56%),#f2f6df;box-shadow:inset 0 0 0 1px rgba(23,63,49,.16)}
.motif-changzhou{border-radius:9px;background:linear-gradient(0deg,#3a8890 0 22%,transparent 23%),linear-gradient(90deg,transparent 44%,#203a52 45% 55%,transparent 56%),linear-gradient(145deg,transparent 0 44%,#c64e3e 45% 55%,transparent 56%),#f5efe2;box-shadow:inset 0 0 0 1px rgba(32,58,82,.16)}
.finder-snow-mountain{border:5px solid #173b59;border-radius:13px;box-shadow:inset 0 0 0 5px #f1f8ff}.finder-snow-mountain:after{content:"";width:20px;height:18px;background:linear-gradient(145deg,transparent 0 42%,#dff4ff 43% 58%,#5a9fc6 59%);clip-path:polygon(50% 0,100% 100%,0 100%)}
.finder-forest{border:5px solid #173f31;border-radius:17px;box-shadow:inset 0 0 0 5px #f2f6df}.finder-forest:after{content:"";width:19px;height:19px;border-radius:50%;background:#3e7650;box-shadow:inset 0 0 0 4px #f2f6df,inset 0 0 0 7px #173f31}
.finder-changzhou{border:5px solid #203a52;border-radius:10px;box-shadow:inset 0 0 0 5px #f5efe2}.finder-changzhou:after{content:"";width:21px;height:22px;background:#203a52;clip-path:polygon(50% 0,88% 20%,68% 20%,68% 38%,100% 52%,68% 52%,68% 70%,88% 84%,62% 84%,62% 100%,38% 100%,38% 84%,12% 84%,32% 70%,32% 52%,0 52%,32% 38%,32% 20%,12% 20%)}
.scene-snow{--cover-a:#e7f7ff;--cover-b:#4d8fba}.scene-forest{--cover-a:#dce9a7;--cover-b:#24523d}.scene-changzhou{--cover-a:#f5d7bd;--cover-b:#3a8890}
/* Desktop workspace: readable template cards and a compact live preview rail. */
@media(min-width:1101px){
  .workspace{overflow:visible}
  .workspace-grid{grid-template-columns:minmax(0,1fr) minmax(330px,370px);align-items:start}
  .control-panel{background:var(--panel);border-radius:0 0 0 var(--radius-xl)}
  .preview-panel{
    position:sticky;
    top:16px;
    z-index:12;
    min-height:0;
    max-height:calc(100vh - 32px);
    overflow-y:auto;
    padding:20px;
    border-left:1px solid var(--line);
    border-radius:0 0 var(--radius-xl) 0;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,245,255,.94));
    box-shadow:0 22px 58px rgba(64,38,96,.14);
    backdrop-filter:blur(18px);
    scrollbar-width:thin;
  }
  [data-theme="dark"] .preview-panel{background:linear-gradient(180deg,rgba(20,17,29,.96),rgba(28,21,39,.94));box-shadow:0 22px 58px rgba(0,0,0,.3)}
  .preview-toolbar{font-size:12px;letter-spacing:.09em}
  .preview-stage{min-height:300px;margin:14px 0 12px;border-radius:20px}
  .qr-frame{width:min(72%,220px)}
  .scan-line{width:min(72%,220px)}
  .preview-stage.poster-active{min-height:350px}
  .preview-stage.poster-active .qr-frame{width:min(74%,250px)}
  .verification-card{padding:11px;gap:9px;border-radius:14px}
  .risk-icon{width:36px;height:36px;border-radius:11px}
  .preview-meta{gap:8px}
  .preview-meta span{padding:10px}
  .download-grid{gap:8px}
  .download-button{min-height:48px;padding:0 12px}

  .embedded-template-section .template-gallery{
    display:grid;
    grid-template-columns:repeat(5,minmax(138px,1fr));
    gap:12px;
    margin-top:22px;
    overflow:visible;
  }
  .embedded-template-section .template-card{min-width:0;padding:7px;border-radius:15px}
  .embedded-template-section .template-cover{height:92px}
  .embedded-template-section .template-card footer{min-height:62px;padding:10px 6px 7px}
  .embedded-template-section .template-card footer b{
    font-size:14px;
    line-height:1.28;
    word-break:keep-all;
    overflow-wrap:normal;
  }
  .embedded-template-section .template-card footer small{font-size:12px;line-height:1.3}
}

@media(min-width:1101px) and (max-width:1480px){
  .workspace-grid{grid-template-columns:minmax(0,1fr) 340px}
  .control-panel{padding:30px}
  .embedded-template-section .template-gallery{grid-template-columns:repeat(4,minmax(138px,1fr))}
}

.mobile-live-preview{display:none}
@media(max-width:1100px){
  .mobile-live-preview{
    position:fixed;top:max(var(--mobile-preview-top,8px),env(safe-area-inset-top));left:12px;right:12px;z-index:90;display:grid;gap:8px;
    padding:9px 10px 10px;border:1px solid color-mix(in srgb,var(--violet) 34%,var(--line));border-radius:19px;
    background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 16px 44px rgba(43,24,65,.24);
    backdrop-filter:blur(20px) saturate(1.25);transform:translateY(-130%);opacity:0;pointer-events:none;
    transition:transform .25s ease,opacity .2s ease
  }
  .mobile-live-preview.visible{transform:translateY(0);opacity:1;pointer-events:auto}
  .mobile-preview-head{display:flex;align-items:center;justify-content:space-between;min-height:28px}
  .mobile-preview-head>span{display:flex;align-items:center;gap:8px;font-size:13px}
  .mobile-preview-head .live-dot{width:7px;height:7px}
  .mobile-preview-head-actions{display:flex;align-items:center;gap:6px}
  .mobile-preview-head button{width:30px;height:30px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font-size:20px;line-height:1}
  .mobile-preview-head .mobile-preview-jump{width:auto;padding:0 10px;font-size:11px;color:#fff;background:linear-gradient(135deg,#ff815f,#9a61ff)}
  .mobile-preview-body{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:11px}
  .mobile-qr-host{width:78px;height:78px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 42%,rgba(255,128,111,.2),transparent 55%),#11101c;border:1px solid var(--line);padding:6px}
  .mobile-qr-host.poster{padding:4px}
  .mobile-qr-host svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}
  .mobile-preview-details{display:grid;gap:7px;min-width:0}
  .mobile-preview-copy{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
  .mobile-preview-copy strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-preview-copy small{color:var(--muted);font-size:12px}
  .mobile-preview-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .mobile-preview-controls>div{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}
  .mobile-preview-controls button{min-width:0;min-height:30px;padding:4px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:10px;line-height:1.15;font-weight:800}
  .mobile-preview-controls button.active{background:var(--panel);color:var(--text);box-shadow:0 4px 12px rgba(0,0,0,.12)}
  .mobile-preview-controls button[data-variant="art"].active{color:#ff806f}
  .mobile-live-preview.collapsed{left:auto;min-width:154px;padding:8px 9px;border-radius:16px}
  .mobile-live-preview.collapsed .mobile-preview-body{display:none}
  .mobile-live-preview.collapsed .mobile-preview-jump{display:none}
  .mobile-live-preview.collapsed .mobile-preview-head{gap:12px}
}

@media(max-width:480px){
  .mobile-live-preview{left:8px;right:8px;padding:8px 9px 9px;border-radius:17px}
  .mobile-preview-body{grid-template-columns:70px minmax(0,1fr);gap:9px}
  .mobile-qr-host{width:70px;height:70px;border-radius:13px}
  .mobile-preview-copy strong{font-size:14px}
  .mobile-preview-controls{gap:4px}.mobile-preview-controls>div{padding:2px}.mobile-preview-controls button{font-size:9px;min-height:28px;padding:3px}
}

.all-tools-link{display:inline-flex;align-items:center;margin-top:18px;color:var(--violet);font-weight:800;font-size:16px;text-decoration:none;transition:color .2s,transform .2s}
.all-tools-link:hover{color:var(--cyan);transform:translateX(4px)}