:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--surface:#fffffff5;--surface-strong:#fff;--border:#e2e8f0;--text:#1e293b;--muted:#64748b;--primary:#3b82f6;--primary-strong:#2563eb;--shadow:0 10px 30px #0f172a0f;--shadow-soft:0 8px 24px #0f172a0f;--ring:0 0 0 4px #2563eb24}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.app-shell.is-collapsed{grid-template-columns:88px minmax(0,1fr)}.sidebar{border-right:1px solid var(--border);z-index:20;background:#fff;flex-direction:column;gap:1rem;height:100vh;padding:0;display:flex;position:sticky;top:0}.sidebar-head{border-bottom:1px solid var(--border);align-items:center;min-height:4rem;padding:0 1rem;display:flex}.brand-link{align-items:center;gap:.75rem;min-width:0;display:flex}.brand-logo{object-fit:cover;border-radius:.75rem;width:2.5rem;height:2.5rem;box-shadow:0 8px 18px #2563eb29}.brand-name{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:700;overflow:hidden}.app-shell.is-collapsed .brand-name,.app-shell.is-collapsed .side-text,.app-shell.is-collapsed .side-section-title{display:none}.app-shell.is-collapsed .sidebar-head,.app-shell.is-collapsed .side-link{justify-content:center}.side-nav{flex-direction:column;gap:.15rem;min-width:0;padding:1rem;display:flex;overflow:auto}.side-link{color:var(--muted);border-radius:.75rem;align-items:center;gap:.8rem;padding:.95rem 1rem;font-size:.96rem;transition:background-color .18s,color .18s;display:flex}.side-icon{flex:none;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;display:inline-flex}.side-icon svg{width:100%;height:100%}.side-section-title{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;padding:1rem 1rem .6rem;font-size:.72rem;font-weight:700}.side-link:hover,.side-link.is-active{color:var(--primary-strong);background:#eff6ff;font-weight:600}.sidebar-backdrop{opacity:0;pointer-events:none;z-index:15;background:#0f172a66;transition:opacity .18s;position:fixed;inset:0}.sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}.topbar,.hero-panel,.feature-card,.seo-card,.placeholder-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.external-chip{min-height:2.75rem;color:var(--muted);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1rem;transition:all .18s;display:inline-flex}.main-shell{flex-direction:column;min-width:0;min-height:100vh;display:flex}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6;border-width:0 0 1px;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar-title{color:#334155;margin:0;font-size:1.1rem;font-weight:500}.topbar-left,.topbar-actions{align-items:center;gap:.75rem;display:flex}.topbar-icon-button,.header-tool-link{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.topbar-icon-button:hover,.header-tool-link:hover{border-color:var(--border);color:var(--primary-strong);background:#f8fafc}.topbar-icon-button svg{width:1.15rem;height:1.15rem}.header-tool-link img{object-fit:cover;border-radius:999px;width:1.5rem;height:1.5rem}.locale-switcher{position:relative}.locale-trigger{border:1px solid var(--border);color:#475569;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.55rem;min-height:2.5rem;padding:0 .95rem;transition:border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.locale-trigger:hover{color:var(--primary-strong);border-color:#93c5fd}.locale-trigger:focus-visible{box-shadow:var(--ring);outline:none}.locale-trigger-icon,.locale-trigger-caret{width:1rem;height:1rem;display:inline-flex}.locale-trigger-label{white-space:nowrap}.locale-trigger-caret{transition:transform .18s}.locale-trigger-caret.is-open{transform:rotate(180deg)}.locale-menu{border:1px solid var(--border);background:#fff;border-radius:1rem;gap:.25rem;min-width:10.5rem;padding:.45rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0;box-shadow:0 18px 40px #0f172a1f}.locale-option{color:#475569;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.8rem;width:100%;min-height:2.5rem;padding:0 .85rem}.locale-option:hover,.locale-option.is-active{color:var(--primary-strong);background:#eff6ff}.locale-select{border:1px solid var(--border);min-width:9rem;color:var(--text);background:#fff;border-radius:999px;padding:.85rem 1rem}.page-content{flex-direction:column;gap:2rem;width:100%;max-width:80rem;margin:0 auto;padding:1.5rem;display:flex}.page-section,.tool-page,.tool-placeholder{flex-direction:column;gap:1.5rem;display:flex}.placeholder-kicker{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:800}.home-page{flex-direction:column;gap:2rem;display:flex}.home-container{padding-top:1.5rem}.hero-badge{color:#1d4ed8;letter-spacing:.02em;background:#eff6ffcc;border:1px solid #60a5fa38;border-radius:999px;align-items:center;width:fit-content;min-height:2.5rem;padding:0 1rem;font-size:.92rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #fffc}.hero-panel{isolation:isolate;background:radial-gradient(circle at 0 0,#60a5fa3d,#0000 32%),radial-gradient(circle at 85% 18%,#0ea5e92e,#0000 28%),linear-gradient(135deg,#fffffff5,#f8fafceb);border-radius:2rem;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);gap:2rem;padding:2.25rem;display:grid;position:relative;overflow:hidden}.hero-panel:before,.hero-panel:after{content:"";pointer-events:none;z-index:-1;border-radius:999px;position:absolute}.hero-panel:before{filter:blur(36px);background:#3b82f61f;width:18rem;height:18rem;top:-6rem;left:-4rem}.hero-panel:after{filter:blur(42px);background:#a855f71f;width:16rem;height:16rem;bottom:-5rem;right:-4rem}.hero-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.hero-panel h1{color:#0f172a;letter-spacing:-.05em;max-width:38rem;margin:1.25rem 0 1rem;font-size:clamp(2.6rem,5vw,4.5rem);line-height:1}.hero-panel p{color:#475569;max-width:40rem;margin:0;font-size:1.06rem;line-height:1.85}.hero-actions,.placeholder-actions{flex-wrap:wrap;gap:.9rem;margin-top:1.75rem;display:flex}.hero-highlights{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.hero-highlight-chip{color:#334155;background:#ffffffb8;border:1px solid #94a3b838;border-radius:999px;align-items:center;min-height:2.5rem;padding:0 .95rem;font-size:.92rem;font-weight:600;display:inline-flex;box-shadow:0 10px 24px #0f172a0d}.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;min-height:3.25rem;padding:.8rem 1.25rem;font-size:1rem;font-weight:600;transition:transform .18s,border-color .18s,color .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 18px 36px #2563eb42}.secondary-button{color:#334155;background:#ffffffd1;border:1px solid #94a3b83d;box-shadow:inset 0 1px #ffffffc7}.primary-button:hover,.secondary-button:hover,.outline-button:hover,.filter-chip:hover,.tool-card:hover{transform:translateY(-1px)}.hero-visual{align-items:stretch;display:flex}.hero-showcase{background:linear-gradient(#ffffffc2,#f1f5f9eb);border:1px solid #94a3b829;border-radius:1.75rem;flex-direction:column;gap:1rem;width:100%;padding:1rem;display:flex;box-shadow:inset 0 1px #ffffffd9,0 28px 50px #0f172a1f}.hero-showcase-header{color:#64748b;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:.75rem;font-size:.84rem;font-weight:700;display:flex}.hero-tool-orbit{background:radial-gradient(circle,#bfdbfe6b,#0000 46%),linear-gradient(135deg,#f8fafcf5,#e2e8f0cc);border-radius:1.5rem;gap:.9rem;padding:1rem;display:grid;position:relative;overflow:hidden}.hero-tool-orbit:before{content:"";border:1px dashed #60a5fa47;border-radius:999px;position:absolute;inset:14% 22%}.hero-orbit-core{z-index:1;text-align:center;background:#fffc;border-radius:1.35rem;gap:.45rem;padding:1.25rem;display:grid;position:relative;box-shadow:0 18px 34px #0f172a14}.hero-orbit-core strong{color:#0f172a;font-size:1.1rem}.hero-orbit-core p{color:#64748b;max-width:none;font-size:.95rem;line-height:1.7}.hero-orbit-node{z-index:1;color:inherit;cursor:pointer;background:#ffffffbd;border:1px solid #ffffffb3;border-radius:1.2rem;align-items:center;gap:.85rem;padding:.8rem .9rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex;position:relative;box-shadow:0 14px 24px #0f172a14}.hero-orbit-node span{color:#0f172a;font-weight:700}.hero-orbit-node:hover,.hero-orbit-node:focus-visible{background:#ffffffe6;border-color:#60a5fa47;transform:translateY(-2px);box-shadow:0 18px 30px #0f172a1f}.hero-orbit-node:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb2e,0 18px 30px #0f172a1f}.hero-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.hero-stat-card{background:#ffffffc7;border:1px solid #94a3b829;border-radius:1.25rem;gap:.2rem;padding:1rem;display:grid}.hero-stat-card strong{color:#0f172a;font-size:1.5rem;line-height:1}.hero-stat-card span{color:#64748b;font-size:.88rem;line-height:1.55}.hero-showcase-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.hero-note-card{background:#0f172a0a;border-radius:1.25rem;gap:.4rem;padding:1rem 1.05rem;display:grid}.hero-note-card span{color:#0f172a;font-size:.9rem;font-weight:700}.hero-note-card p{color:#64748b;max-width:none;font-size:.92rem;line-height:1.7}.feature-grid,.seo-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem;display:grid}.feature-card,.seo-card,.placeholder-panel,.feature-overview-card{border-radius:1.4rem;padding:2rem}.feature-overview-card{background:linear-gradient(135deg,#eff6ffc7,#ffffffe6),linear-gradient(#fffc,#fffc);border:1px solid #94a3b829;grid-column:1/-1;grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);align-items:center;gap:1.5rem;display:grid;box-shadow:0 20px 40px #0f172a0f}.feature-overview-copy{gap:.9rem;display:grid}.section-eyebrow{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;font-size:.84rem;font-weight:800}.feature-overview-card h2,.feature-card h2,.seo-card h2,.placeholder-panel h2{color:#0f172a;margin:0}.feature-overview-card h2{letter-spacing:-.03em;max-width:42rem;font-size:clamp(1.7rem,2.5vw,2.35rem);line-height:1.18}.feature-overview-card p,.feature-card p,.seo-card p,.placeholder-panel p{color:#64748b;margin:0;line-height:1.8}.feature-overview-pills{flex-wrap:wrap;justify-content:flex-end;gap:.8rem;display:flex}.overview-pill,.feature-tag{letter-spacing:.03em;border-radius:999px;justify-content:center;align-items:center;min-height:2.2rem;padding:0 .85rem;font-size:.82rem;font-weight:800;display:inline-flex}.feature-card{background:linear-gradient(#ffffffeb,#f8fafcfa),linear-gradient(135deg,#fffc,#ffffffb8);border:1px solid #94a3b829;flex-direction:column;grid-column:span 4;min-height:22rem;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";filter:blur(22px);opacity:.16;border-radius:999px;width:11rem;height:11rem;position:absolute;top:-3rem;right:-2rem}.feature-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff29,#0000 30%);position:absolute;inset:0}.feature-card.accent-blue:before{background:#3b82f66b}.feature-card.accent-emerald:before{background:#10b98159}.feature-card.accent-violet:before{background:#8b5cf65c}.feature-card-topline{z-index:1;justify-content:flex-start;display:flex;position:relative}.feature-icon{z-index:1;border-radius:1rem;justify-content:center;align-items:center;width:3.75rem;height:3.75rem;margin-top:1.15rem;display:inline-flex;position:relative;box-shadow:0 14px 28px #3b82f626}.feature-icon svg{width:1.7rem;height:1.7rem}.feature-icon.accent-blue,.overview-pill.accent-blue,.feature-tag.accent-blue{color:#2563eb;background:#dbeafe}.feature-icon.accent-emerald,.overview-pill.accent-emerald,.feature-tag.accent-emerald{color:#059669;background:#d1fae5}.feature-icon.accent-violet,.overview-pill.accent-violet,.feature-tag.accent-violet{color:#7c3aed;background:#ede9fe}.feature-card h2{z-index:1;letter-spacing:-.02em;margin:1.3rem 0 .75rem;font-size:1.5rem;position:relative}.feature-card p{z-index:1;position:relative}.feature-summary{color:#475569!important;margin-top:.9rem!important}.feature-card>span{z-index:1;color:currentColor;align-items:center;gap:.45rem;margin-top:auto;padding-top:1.6rem;font-weight:700;display:inline-flex;position:relative}.feature-card>span svg{width:1rem;height:1rem;transition:transform .18s}.feature-card:hover{border-color:#60a5fa47;transform:translateY(-4px);box-shadow:0 28px 50px #0f172a1a}.feature-card:hover>span svg{transform:translate(.2rem)}.mini-program-card{grid-column:span 12;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;display:grid}.mini-program-copy{z-index:1;gap:.8rem;display:grid;position:relative}.mini-program-image{object-fit:cover;border-radius:1.2rem;width:10rem;height:10rem;box-shadow:0 16px 34px #0f172a24}.seo-panel{flex-direction:column;gap:1.2rem;margin-top:.5rem;display:flex}.seo-panel-header{gap:.75rem;max-width:46rem;display:grid}.seo-panel-header h2{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.2}.seo-panel-header p{color:#64748b;margin:0;line-height:1.8}.seo-card{grid-column:span 4}.seo-list{color:var(--muted);margin:1rem 0 0;padding-left:1.2rem;line-height:1.8}.seo-list-ordered{list-style:decimal}.placeholder-panel{background:radial-gradient(circle at 100% 0,#3b82f61f,#0000 28%),linear-gradient(135deg,#fffffff5,#f8fafceb);border:1px solid #94a3b829;padding:2rem;box-shadow:0 20px 42px #0f172a0f}.page-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.75rem 1rem;padding:0 1.5rem 1.5rem;font-size:.92rem;display:flex}.accent-blue:before{background:#2563eb47}.accent-emerald:before{background:#10b98140}.accent-violet:before{background:#8b5cf647}.accent-amber:before{background:#f59e0b40}.accent-rose:before{background:#f43f5e3d}.accent-cyan:before{background:#06b6d43d}.accent-orange:before{background:#f973163d}.accent-fuchsia:before{background:#d946ef3d}.accent-teal:before{background:#14b8a63d}.tool-shell{gap:1.25rem;display:grid}.collage-layout{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);align-items:stretch}.tool-sidebar,.tool-stage,.tool-card,.uploader-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tool-sidebar{border-radius:1.75rem;flex-direction:column;gap:1rem;min-width:0;padding:1.2rem;display:flex}.tool-sidebar-header h2{margin:.35rem 0 .5rem;font-size:1.55rem}.tool-sidebar-header p:last-child,.tool-card-header,.uploader-hint,.field-block label,.text-action{color:var(--muted)}.tool-sidebar-kicker{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.tool-sidebar-body{flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex}.tool-card{border-radius:1.25rem;padding:1rem;transition:transform .18s,box-shadow .18s,border-color .18s}.tool-card-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;font-size:.92rem;font-weight:600;display:flex}.text-action{cursor:pointer;background:0 0;border:0;padding:0}.text-action.danger{color:#dc2626}.segmented-tabs{background:#94a3b81f;border-radius:999px;gap:.4rem;min-width:0;padding:.25rem;display:flex}.segmented-tabs.compact{border-radius:1rem}.segmented-tab{min-height:2.75rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:.65rem .8rem;transition:all .18s}.segmented-tabs.compact .segmented-tab{border-radius:.8rem;min-height:2.4rem;font-size:.85rem}.segmented-tab.is-active{color:var(--primary-strong);background:#fff;box-shadow:0 10px 25px #0f172a14}.uploader-card{cursor:pointer;border-radius:1.4rem;flex-direction:column;align-items:center;gap:.55rem;width:100%;padding:1.25rem;transition:all .18s;display:flex}.uploader-card.is-dragging{background:#eff6ffe6;border-color:#2563eb59}.uploader-icon{width:3.25rem;height:3.25rem;color:var(--primary);background:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:2rem;line-height:1;display:inline-flex}.uploader-title{color:var(--text);font-size:1rem;font-weight:700}.uploader-hint{text-align:center;font-size:.88rem}.image-thumb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.image-thumb{aspect-ratio:1;cursor:pointer;background:#e2e8f0;border:2px solid #0000;border-radius:.9rem;padding:0;position:relative;overflow:hidden}.image-thumb.is-active{border-color:var(--primary)}.image-thumb img{object-fit:cover;width:100%;height:100%}.image-thumb-remove{color:#fff;background:#0f172a9e;border-radius:999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:1rem;display:inline-flex;position:absolute;top:.25rem;right:.25rem}.field-block{flex-direction:column;gap:.6rem;display:flex}.field-block label{letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:700}.field-block input[type=range]{width:100%}.template-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.template-tile{cursor:pointer;background:#94a3b81f;border:2px solid #0000;border-radius:1rem;padding:.3rem}.template-tile.is-active{border-color:var(--primary)}.template-tile-inner{aspect-ratio:1;border-radius:.7rem;position:relative;overflow:hidden}.template-rect{background:#94a3b8a6;border:1px solid #fff;position:absolute}.color-palette{flex-wrap:wrap;gap:.45rem;display:flex}.color-dot{cursor:pointer;border:1px solid #94a3b84d;border-radius:999px;width:1.6rem;height:1.6rem;padding:0}.color-input{background:0 0;border:0;width:100%;height:2.6rem;padding:0}.dual-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.outline-button{min-height:2.8rem;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #94a3b842;border-radius:1rem;transition:all .18s}.outline-button.is-active{color:var(--primary-strong);background:#eff6fff5;border-color:#2563eb66}.full-width{width:100%}.tool-stage{isolation:isolate;border-radius:1.75rem;min-height:42rem;padding:1rem;transition:box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.tool-stage:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 0 0,#ffffffa6,#0000 16rem),radial-gradient(circle at 100% 100%,#2563eb14,#0000 18rem);position:absolute;inset:0}.tool-loading-shell{align-items:stretch}.tool-loading-sidebar{gap:.9rem}.tool-loading-card{background:#ffffff94;border:1px solid #94a3b824;border-radius:1.2rem;gap:.75rem;padding:1rem;display:grid}.tool-loading-stage{justify-content:center;align-items:center;display:flex}.tool-loading-block,.tool-loading-canvas{background:#e2e8f0f2;border-radius:999px;position:relative;overflow:hidden}.tool-loading-block:after,.tool-loading-canvas:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.25s ease-in-out infinite tool-loading-shimmer;position:absolute;inset:0;transform:translate(-100%)}.tool-loading-kicker{width:5rem;height:.75rem}.tool-loading-title{border-radius:1rem;width:72%;height:2rem}.tool-loading-copy{width:100%;height:.95rem}.tool-loading-field{border-radius:1rem;width:100%;height:2.8rem}.tool-loading-chip{border-radius:999px;width:7.5rem;height:2.4rem}.tool-loading-canvas{background:linear-gradient(135deg,#e2e8f0e6,#f1f5f9f2),#e2e8f0f2;border-radius:1.5rem;width:min(100%,36rem);min-height:28rem}@keyframes tool-loading-shimmer{to{transform:translate(100%)}}.collage-stage{background:linear-gradient(45deg,#94a3b81f 25%,#0000 25%) -10px 0/20px 20px,linear-gradient(-45deg,#94a3b81f 25%,#0000 25%) -10px 0/20px 20px,linear-gradient(45deg,#0000 75%,#94a3b81f 75%) -10px 0/20px 20px,linear-gradient(-45deg,#0000 75%,#94a3b81f 75%) -10px 0/20px 20px,#ffffff8c;justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;color:var(--muted)}.empty-state-icon{width:6rem;height:6rem;color:var(--primary);background:#ffffffd9;border-radius:999px;justify-content:center;align-items:center;margin-bottom:1rem;font-size:2.5rem;display:inline-flex}.collage-canvas-shell{transform-origin:50%;transition:transform .18s;box-shadow:0 25px 50px #0f172a40}.template-preview{aspect-ratio:1;width:500px}.template-preview-inner{width:100%;height:100%;position:relative}.template-slot{background:#f1f5f9;position:absolute;overflow:hidden}.template-slot.is-dragging{opacity:.5}.template-slot-image,.heart-slot-image{cursor:grab;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.template-slot-image:active,.heart-slot-image:active{cursor:grabbing}.template-slot-placeholder,.heart-slot-placeholder{color:#94a3b8;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.template-slot-actions{opacity:0;gap:.4rem;transition:opacity .18s;display:flex;position:absolute;top:.5rem;right:.5rem}.template-slot:hover .template-slot-actions{opacity:1}.template-slot-action{color:#fff;cursor:pointer;background:#0f172a9e;border:0;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.template-slot-action.is-danger{background:#dc2626eb}.merge-preview{display:flex}.merge-preview.is-vertical{flex-direction:column;width:500px}.merge-preview.is-horizontal{align-items:stretch;height:500px}.merge-slot{cursor:pointer;background:#f1f5f9;border:2px solid #0000;padding:0;position:relative;overflow:hidden}.merge-preview.is-vertical .merge-slot{width:100%}.merge-preview.is-horizontal .merge-slot{height:100%}.merge-slot.is-active{border-color:var(--primary)}.merge-slot img{object-fit:cover;width:100%;height:100%;transition:transform .18s}.heart-preview{aspect-ratio:1;width:500px;display:grid}.heart-slot{background:#f1f5f9;border-radius:.5rem;overflow:hidden}.heart-slot.is-empty{background:0 0}.crop-stage{background:linear-gradient(45deg,#94a3b81a 25%,#0000 25%) -10px 0/20px 20px,linear-gradient(-45deg,#94a3b81a 25%,#0000 25%) -10px 0/20px 20px,linear-gradient(45deg,#0000 75%,#94a3b81a 75%) -10px 0/20px 20px,linear-gradient(-45deg,#0000 75%,#94a3b81a 75%) -10px 0/20px 20px,#ffffff80;justify-content:center;align-items:center;display:flex}.file-summary-card{gap:.75rem}.file-summary{align-items:center;gap:.9rem;display:flex}.file-thumb{background:#e2e8f0;border-radius:.9rem;width:3.4rem;height:3.4rem;overflow:hidden}.file-thumb-button{cursor:pointer;border:none;padding:0;display:block}.file-thumb img{object-fit:cover;width:100%;height:100%}.file-meta{flex-direction:column;gap:.2rem;min-width:0;display:flex}.file-meta strong,.crop-info-content strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-meta span,.compare-placeholder{color:var(--muted);font-size:.88rem}.preset-grid,.ratio-grid,.input-grid{gap:.7rem;display:grid}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ratio-grid,.input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-button{min-height:3rem;padding:.5rem;font-size:.8rem}.field-block input[type=number]{min-height:2.8rem;color:var(--text);background:#fff;border:1px solid #94a3b842;border-radius:1rem;padding:.7rem .85rem}.tool-card input[type=text],.tool-card textarea,.tool-card select{width:100%;min-height:2.8rem;color:var(--text);font:inherit;background:#fff;border:1px solid #94a3b842;border-radius:1rem;padding:.7rem .85rem}.tool-card input[type=text]:focus,.tool-card input[type=number]:focus,.tool-card textarea:focus,.tool-card select:focus,.locale-select:focus{box-shadow:var(--ring);border-color:#2563eb80;outline:none}.tool-textarea{resize:vertical;min-height:8rem}.tool-select{appearance:none}.range-header,.stat-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.range-value{color:var(--primary-strong);font-family:Consolas,Courier New,monospace;font-size:.85rem;font-weight:700}.stat-card{background:#eff6ffeb;gap:.8rem;display:grid}.stat-row{color:#1e3a8a;font-size:.92rem}.stat-row strong{font-family:Consolas,Courier New,monospace}.crop-info-panel{border:1px solid var(--border);width:min(100%,48rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-radius:1.75rem;grid-template-columns:minmax(0,20rem) minmax(0,24rem);gap:1.5rem;padding:1.5rem;display:grid}.crop-info-preview{cursor:pointer;background:#fff;border:none;border-radius:1.25rem;width:100%;padding:0;display:block;overflow:hidden}.crop-info-preview img{object-fit:contain;width:100%;height:100%}.crop-info-content{flex-direction:column;gap:1rem;display:flex}.crop-info-content h3{margin:0;font-size:1.2rem}.info-grid{color:var(--muted);grid-template-columns:minmax(5rem,7rem) minmax(0,1fr);gap:.95rem 1rem;display:grid}.info-grid strong{color:var(--text);font-family:Consolas,Courier New,monospace}.cropper-shell{background:#ffffffbf;border-radius:1.5rem;width:min(100%,68rem);height:min(72vh,44rem);padding:1rem;box-shadow:0 25px 50px #0f172a2e}.cropper-shell cropper-canvas{background:#f8fafcfa;border-radius:1.2rem;width:100%;height:100%;display:block}.compare-stage{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;width:min(100%,70rem);display:grid}.compare-card{border:1px solid var(--border);width:100%;min-height:24rem;box-shadow:var(--shadow);cursor:pointer;background:#ffffffeb;border-radius:1.5rem;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative}.compare-card img{object-fit:contain;max-height:60vh}.compare-card.accent{background:#eff6fff5}.compare-badge{color:#fff;background:#0f172ab3;border-radius:999px;align-items:center;min-height:2rem;padding:0 .8rem;font-size:.78rem;font-weight:700;display:inline-flex;position:absolute;top:1rem;left:1rem}.compare-badge.accent{background:#2563ebeb}.compare-arrow{color:var(--muted);font-size:1.4rem;font-weight:700}.resize-stage,.edit-stage,.convert-stage,.avatar-stage,.id-photo-stage,.qrcode-stage{background:radial-gradient(circle at 100% 0,#2563eb1f,#0000 28rem),linear-gradient(#ffffffa6,#eff6ffd1);justify-content:center;align-items:center;display:flex}.ps-editor{--ps-bg:#1e1e1e;--ps-panel:#2b2b2b;--ps-panel-2:#323232;--ps-header:#383838;--ps-border:#1c1c1c;--ps-border-2:#3f3f3f;--ps-text:#d4d4d4;--ps-text-dim:#8e8e8e;--ps-accent:#2680eb;--ps-accent-strong:#1473e6;--ps-hover:#404040;background:var(--ps-bg);width:100%;height:min(88vh,56rem);min-height:36rem;color:var(--ps-text);border:1px solid var(--ps-border);border-radius:6px;flex-direction:column;font-size:.82rem;display:flex;overflow:hidden}.ps-menubar{background:var(--ps-panel);border-bottom:1px solid var(--ps-border);flex-shrink:0;align-items:center;gap:.15rem;height:2rem;padding:0 .4rem;display:flex}.ps-menubar-brand{background:var(--ps-accent-strong);color:#fff;border-radius:3px;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;margin-right:.4rem;font-size:.7rem;font-weight:700;display:flex}.ps-menu{position:relative}.ps-menu-trigger{color:var(--ps-text);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.15rem .5rem;font-size:.8rem;transition:background .1s}.ps-menu-trigger:hover,.ps-menu.is-open .ps-menu-trigger{background:var(--ps-hover)}.ps-menu-dropdown{z-index:50;background:var(--ps-panel-2);border:1px solid var(--ps-border-2);border-radius:4px;min-width:12rem;padding:.25rem 0;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000080}.ps-menu-item{width:100%;color:var(--ps-text);text-align:left;cursor:pointer;background:0 0;border:none;padding:.35rem .8rem;font-size:.8rem;display:block}.ps-menu-item:hover:not(:disabled){background:var(--ps-accent);color:#fff}.ps-menu-item:disabled{color:var(--ps-text-dim);cursor:default}.ps-menu-separator{background:var(--ps-border-2);height:1px;margin:.25rem 0}.ps-menubar-file{margin-left:auto;padding-right:.3rem}.ps-file-tag{color:var(--ps-text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:20rem;font-size:.75rem;overflow:hidden}.ps-optionsbar{background:var(--ps-panel-2);border-bottom:1px solid var(--ps-border);flex-shrink:0;align-items:center;min-height:2.4rem;padding:.3rem .6rem;display:flex}.ps-options-group{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.ps-opt-item{color:var(--ps-text);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.ps-opt-item span{white-space:nowrap}.ps-opt-item input[type=range]{width:6rem}.ps-opt-item input[type=number]{background:var(--ps-bg);border:1px solid var(--ps-border-2);width:3.5rem;color:var(--ps-text);border-radius:3px;padding:.15rem .3rem;font-size:.75rem}.ps-opt-value{color:var(--ps-text-dim);min-width:2rem}.ps-opt-color{color:var(--ps-text);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.ps-opt-color input[type=color]{border:1px solid var(--ps-border-2);background:var(--ps-bg);cursor:pointer;border-radius:3px;width:1.8rem;height:1.5rem;padding:0}.ps-opt-text-input{background:var(--ps-bg);border:1px solid var(--ps-border-2);width:10rem;color:var(--ps-text);border-radius:3px;padding:.2rem .4rem;font-size:.78rem}.ps-opt-hint{color:var(--ps-text-dim);font-size:.75rem}.ps-opt-btn{background:var(--ps-header);border:1px solid var(--ps-border-2);color:var(--ps-text);cursor:pointer;border-radius:3px;padding:.25rem .7rem;font-size:.75rem}.ps-opt-btn:hover{background:var(--ps-hover)}.ps-opt-btn.primary{background:var(--ps-accent-strong);border-color:var(--ps-accent-strong);color:#fff}.ps-opt-btn.primary:hover{background:var(--ps-accent)}.ps-upload-zone{z-index:10;background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:2rem;display:flex;position:absolute;inset:0}.ps-upload-zone .uploader-card{width:min(100%,30rem)}.ps-upload-tip{color:var(--ps-text-dim);text-align:center;margin:0;font-size:.82rem}.ps-workspace{flex:1;grid-template-columns:2.4rem minmax(0,1fr) 15rem;min-height:0;display:grid}.ps-toolbar{background:var(--ps-panel);border-right:1px solid var(--ps-border);flex-direction:column;align-items:center;gap:.1rem;padding:.3rem 0;display:flex}.ps-tool-btn{width:2rem;height:2rem;color:var(--ps-text);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;transition:background .1s;display:flex}.ps-tool-btn:hover{background:var(--ps-hover)}.ps-tool-btn.is-active{background:var(--ps-accent-strong);color:#fff}.ps-tool-icon svg{width:1.15rem;height:1.15rem}.ps-color-swatches{margin-top:auto;padding-top:.4rem}.ps-swatch{border:1px solid var(--ps-border-2);cursor:pointer;border-radius:3px;width:1.5rem;height:1.5rem;display:block;position:relative;overflow:hidden}.ps-swatch.fg{background:#1e293b}.ps-swatch input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.ps-canvas-area{background:#1a1a1a;flex-direction:column;min-width:0;display:flex;position:relative}.ps-loading{z-index:5;color:var(--ps-text-dim);font-size:.85rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ps-error{z-index:5;color:#f87171;cursor:pointer;background:#dc262626;border:1px solid #dc262666;border-radius:4px;padding:.4rem .8rem;font-size:.78rem;position:absolute;top:.6rem;left:50%;transform:translate(-50%)}.ps-canvas-viewport{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex;overflow:auto}.ps-canvas-host{display:flex;box-shadow:0 4px 16px #0006}.ps-canvas-host canvas{max-width:none;display:block}.ps-panels{background:var(--ps-panel);border-left:1px solid var(--ps-border);flex-direction:column;display:flex;overflow-y:auto}.ps-panel{border-bottom:1px solid var(--ps-border)}.ps-panel-header{background:var(--ps-header);height:1.8rem;color:var(--ps-text);text-transform:uppercase;letter-spacing:.04em;align-items:center;padding:0 .6rem;font-size:.72rem;font-weight:600;display:flex}.ps-panel-body{padding:.5rem .6rem}.ps-panel-empty{color:var(--ps-text-dim);text-align:center;margin:0;padding:.6rem 0;font-size:.75rem}.ps-layers{max-height:14rem;overflow-y:auto}.ps-layer-item{cursor:pointer;border-radius:3px;align-items:center;gap:.4rem;padding:.3rem .4rem;font-size:.75rem;display:flex}.ps-layer-item:hover{background:var(--ps-hover)}.ps-layer-item.is-active{outline:1px solid var(--ps-accent);background:#2680eb33}.ps-layer-vis{color:var(--ps-text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.ps-layer-vis:hover{color:var(--ps-text)}.ps-layer-type{font-size:.8rem}.ps-layer-name{text-overflow:ellipsis;white-space:nowrap;color:var(--ps-text);flex:1;overflow:hidden}.ps-layer-actions{gap:.15rem;display:none}.ps-layer-item:hover .ps-layer-actions{display:flex}.ps-layer-act{width:1.1rem;height:1.1rem;color:var(--ps-text-dim);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;font-size:.55rem;display:flex}.ps-layer-act:hover{background:var(--ps-accent);color:#fff}.ps-layer-act.danger:hover{background:#dc2626}.ps-filter-presets{grid-template-columns:repeat(2,1fr);gap:.3rem;margin-bottom:.5rem;display:grid}.ps-filter-chip{background:var(--ps-panel-2);border:1px solid var(--ps-border-2);color:var(--ps-text);cursor:pointer;border-radius:3px;padding:.3rem .4rem;font-size:.72rem}.ps-filter-chip:hover{background:var(--ps-hover)}.ps-filter-chip.is-active{background:var(--ps-accent-strong);border-color:var(--ps-accent-strong);color:#fff}.ps-slider-block{flex-direction:column;gap:.4rem;display:flex}.ps-slider-row{color:var(--ps-text);grid-template-columns:3.5rem 1fr 2rem;align-items:center;gap:.3rem;font-size:.72rem;display:grid}.ps-slider-row span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ps-slider-row input[type=range]{width:100%}.ps-slider-val{text-align:right;color:var(--ps-text-dim)}.ps-history{max-height:10rem;overflow-y:auto}.ps-history-item{width:100%;color:var(--ps-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:.4rem;padding:.25rem .4rem;font-size:.75rem;display:flex}.ps-history-item:hover:not(:disabled):not(.is-current){background:var(--ps-hover)}.ps-history-item.is-current{color:#fff;cursor:default;background:#2680eb26}.ps-history-item:disabled{cursor:default}.ps-history-index{color:var(--ps-text-dim);min-width:1.2rem}.ps-history-label{text-overflow:ellipsis;white-space:nowrap;color:var(--ps-text);overflow:hidden}.ps-statusbar{background:var(--ps-panel);border-top:1px solid var(--ps-border);height:1.6rem;color:var(--ps-text-dim);flex-shrink:0;align-items:center;gap:.4rem;padding:0 .5rem;font-size:.72rem;display:flex}.ps-status-zoom{border:1px solid var(--ps-border-2);background:var(--ps-panel-2);color:var(--ps-text);cursor:pointer;border-radius:3px;padding:.1rem .4rem;font-size:.72rem}.ps-status-zoom:hover{background:var(--ps-hover)}.ps-status-sep{background:var(--ps-border-2);width:1px;height:.8rem}.ps-status-info{white-space:nowrap}.ps-status-spacer{flex:1}.ps-status-action{background:var(--ps-accent-strong);color:#fff;cursor:pointer;border:none;border-radius:3px;padding:.15rem .6rem;font-size:.72rem}.ps-status-action:hover{background:var(--ps-accent)}.ps-status-action:disabled{opacity:.5;cursor:default}.ps-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ps-modal{background:var(--ps-panel-2);border:1px solid var(--ps-border-2);border-radius:6px;flex-direction:column;gap:.6rem;min-width:18rem;padding:1.2rem;display:flex;box-shadow:0 12px 40px #0009}.ps-modal-title{color:var(--ps-text);margin:0 0 .3rem;font-size:.9rem;font-weight:600}.ps-modal-field{color:var(--ps-text);grid-template-columns:4rem 1fr 1.5rem;align-items:center;gap:.4rem;font-size:.78rem;display:grid}.ps-modal-field input[type=number]{background:var(--ps-bg);border:1px solid var(--ps-border-2);color:var(--ps-text);border-radius:3px;padding:.25rem .4rem;font-size:.78rem}.ps-modal-actions{justify-content:flex-end;gap:.4rem;margin-top:.3rem;display:flex}@media (max-width:60rem){.ps-workspace{grid-template-columns:2.4rem minmax(0,1fr) 12rem}}@media (max-width:48rem){.ps-editor{height:auto;min-height:40rem}.ps-workspace{grid-template-columns:2.4rem minmax(0,1fr)}.ps-panels{display:none}}.convert-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.convert-format-preview{min-height:3rem}.avatar-workbench{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);gap:1rem;width:min(100%,74rem);display:grid}.avatar-editor-panel{gap:1rem;min-width:0;display:grid}.avatar-toolbar{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#ffffffe6;border-radius:1.4rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:.9rem;display:grid}.avatar-workbench.text-mode{align-items:center}.avatar-crop-shell,.avatar-text-stage,.avatar-preview-card,.qrcode-preview-panel,.qrcode-summary-card,.qrcode-result-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffe6;border-radius:1.6rem}.avatar-crop-shell{height:min(74vh,46rem);padding:1rem}.avatar-crop-shell cropper-canvas{background:#f8fafcfa;border-radius:1.2rem;width:100%;height:100%;display:block}.avatar-preview-card,.qrcode-preview-panel,.qrcode-summary-card,.qrcode-result-card{flex-direction:column;gap:1rem;padding:1.2rem;display:flex}.avatar-preview-card h3,.qrcode-summary-card h3,.qrcode-result-card h3{margin:0}.avatar-preview-checker,.avatar-text-preview{background:linear-gradient(45deg,#94a3b81a 25%,#0000 25%) -10px 0/20px 20px,linear-gradient(-45deg,#94a3b81a 25%,#0000 25%) -10px 0/20px 20px,linear-gradient(45deg,#0000 75%,#94a3b81a 75%) -10px 0/20px 20px,linear-gradient(-45deg,#0000 75%,#94a3b81a 75%) -10px 0/20px 20px,#f8fafceb;border-radius:1.2rem;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-preview-checker{min-height:18rem}.avatar-preview-checker img{object-fit:contain;width:14rem;height:14rem}.avatar-text-stage{min-height:40rem;padding:1.5rem}.avatar-text-preview{aspect-ratio:1;width:min(100%,32rem);margin:0 auto}.avatar-text-preview img{object-fit:contain;width:100%;height:100%}.id-photo-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.id-photo-color-grid .outline-button{justify-content:center;align-items:center;gap:.55rem;display:inline-flex}.id-photo-color-dot{border:1px solid #94a3b859;border-radius:999px;width:.9rem;height:.9rem}.status-list{flex-wrap:wrap;gap:.55rem;display:flex}.status-chip{min-height:2rem;color:var(--muted);background:#94a3b81f;border-radius:999px;align-items:center;padding:0 .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.status-chip.is-active{color:var(--primary-strong);background:#2563eb14}.tool-error{color:#b91c1c;margin:.8rem 0 0;font-size:.9rem}.qrcode-shell{grid-template-columns:minmax(19rem,24rem) minmax(0,1fr);align-items:stretch}.qrcode-sidebar{max-height:calc(100vh - 15rem);overflow:auto}.qrcode-preview-panel,.qrcode-decode-stage{width:min(100%,58rem)}.qrcode-decode-stage{gap:1rem;display:grid}.qrcode-preview-shell,.camera-shell{background:linear-gradient(45deg,#94a3b81a 25%,#0000 25%) -10px 0/20px 20px,linear-gradient(-45deg,#94a3b81a 25%,#0000 25%) -10px 0/20px 20px,linear-gradient(45deg,#0000 75%,#94a3b81a 75%) -10px 0/20px 20px,linear-gradient(-45deg,#0000 75%,#94a3b81a 75%) -10px 0/20px 20px,#f8fafceb;border-radius:1.4rem;justify-content:center;align-items:center;min-height:26rem;display:flex;position:relative;overflow:hidden}.qrcode-preview-shell img,.camera-view{object-fit:contain;max-width:100%;max-height:70vh}.camera-shell{aspect-ratio:16/9;background:#0f172a;width:100%}.camera-view{object-fit:cover;width:100%;height:100%}.qrcode-mask{color:var(--primary-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd1;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.qrcode-logo-preview{background:#fff;border:1px solid #94a3b838;border-radius:1rem;justify-content:center;align-items:center;width:5rem;height:5rem;display:flex;overflow:hidden}.qrcode-logo-preview img{object-fit:contain;width:100%;height:100%}.result-textarea{min-height:7rem}.qrcode-batch-stage{width:min(100%,44rem)}.progress-bar{background:#94a3b824;border-radius:999px;width:100%;height:.7rem;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(135deg, var(--primary), var(--primary-strong));height:100%;display:block}.resize-control-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:.75rem;display:grid}.lock-toggle{min-width:5.75rem;min-height:2.8rem;color:var(--primary-strong);cursor:pointer;background:#eff6ffeb;border:1px solid #2563eb2e;border-radius:1rem;padding:0 .9rem;font-size:.82rem;font-weight:700}.resize-preview-panel,.edit-preview-panel{border:1px solid var(--border);width:min(100%,72rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border-radius:1.75rem;flex-direction:column;gap:1rem;padding:1.4rem;display:flex}.resize-preview-header,.edit-preview-toolbar,.edit-stage-stats,.resize-chip-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.resize-preview-kicker{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.78rem;font-weight:700}.resize-preview-header h3{margin:0;font-size:clamp(1.35rem,3vw,2.1rem)}.resize-chip{min-height:2rem;color:var(--primary-strong);background:#2563eb14;border-radius:999px;align-items:center;padding:0 .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.resize-preview-shell,.edit-preview-shell{background:linear-gradient(45deg,#94a3b81a 25%,#0000 25%) -10px 0/20px 20px,linear-gradient(-45deg,#94a3b81a 25%,#0000 25%) -10px 0/20px 20px,linear-gradient(45deg,#0000 75%,#94a3b81a 75%) -10px 0/20px 20px,linear-gradient(-45deg,#0000 75%,#94a3b81a 75%) -10px 0/20px 20px,#f8fafceb;border-radius:1.5rem;justify-content:center;align-items:center;width:100%;min-height:32rem;display:flex;position:relative;overflow:hidden}.edit-preview-button{cursor:pointer;border:none;padding:0}.resize-preview-frame{border-radius:1.2rem;overflow:hidden;box-shadow:0 25px 50px #0f172a2e}.resize-preview-frame img,.edit-preview-shell img{object-fit:contain;width:100%;height:100%}.edit-preview-shell img{max-width:100%;max-height:70vh;transition:transform .18s,filter .18s}.edit-panel-grid,.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.filter-chip{color:var(--muted);cursor:pointer;background:#fff;border:1px solid #94a3b842;border-radius:1rem;flex-direction:column;align-items:center;gap:.55rem;padding:.7rem .5rem;transition:all .18s;display:flex}.filter-chip.is-active{color:var(--primary-strong);background:#eff6fff5;border-color:#2563eb66}.filter-chip-preview{aspect-ratio:1;background:linear-gradient(135deg,#2563eb59,#0ea5e92e),linear-gradient(#fffffff2,#e2e8f0d9);border-radius:.8rem;width:100%}.edit-overlay,.slice-grid-overlay,.slice-circle-overlay{pointer-events:none;position:absolute;inset:0}.single-watermark{white-space:nowrap;text-shadow:0 2px 4px #00000073;font-weight:700;position:absolute}.tiled-watermark{text-shadow:0 2px 4px #00000073;flex-wrap:wrap;place-content:center;width:200%;height:200%;font-weight:700;display:flex;position:absolute;inset:-50%}.tiled-watermark span{padding:.9rem}.slice-grid-overlay{z-index:1;display:grid}.slice-grid-overlay span{border:1px dashed #ffffffe0;box-shadow:inset 0 0 0 999px #2563eb14}.slice-circle-marker{aspect-ratio:1;border:2px dashed #ffffffeb;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #0f172a6b}.edit-cropper-shell{background:#ffffffd1;border-radius:1.5rem;width:min(100%,72rem);height:min(74vh,46rem);padding:1rem;box-shadow:0 25px 50px #0f172a2e}.edit-cropper-shell cropper-canvas{background:#f8fafcfa;border-radius:1.2rem;width:100%;height:100%;display:block}@media (max-width:1200px){.hero-panel,.feature-overview-card{grid-template-columns:1fr}.feature-card,.seo-card{grid-column:span 6}.feature-overview-pills{justify-content:flex-start}}@media (max-width:900px){.app-shell,.app-shell.is-collapsed,.collage-layout,.crop-info-panel,.compare-stage,.resize-control-grid,.edit-panel-grid,.action-grid,.avatar-workbench,.qrcode-shell{grid-template-columns:1fr}.sidebar{width:240px;transition:transform .18s;position:fixed;left:0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.topbar{padding:0 1rem}.page-content{padding:1rem}.hero-panel{padding:1.5rem}.hero-showcase-notes,.hero-stat-grid{grid-template-columns:1fr}.tool-stage{min-height:32rem;padding:.85rem}.qrcode-sidebar{max-height:none;overflow:visible}.compare-arrow{display:none}.compare-stage,.crop-info-panel,.resize-preview-panel,.edit-preview-panel,.qrcode-preview-panel,.qrcode-decode-stage,.qrcode-batch-stage{width:100%}}@media (max-width:720px){.hero-panel{padding:2.5rem 1.25rem}.hero-panel h1{font-size:clamp(2.2rem,10vw,3.25rem)}.hero-actions{justify-content:stretch}.primary-button,.secondary-button{width:100%}.topbar{flex-wrap:wrap}.feature-overview-card,.feature-card,.seo-card{grid-column:1/-1}.mini-program-card{text-align:center;grid-column:1/-1;grid-template-columns:1fr;justify-items:center}.mini-program-copy{justify-items:center}.tool-sidebar,.tool-stage{border-radius:1.3rem}.segmented-tabs{overflow-x:auto}.segmented-tab{flex:none;min-width:max-content}.template-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.template-preview,.merge-preview.is-vertical,.heart-preview{width:min(500px,100vw - 4.5rem)}.merge-preview.is-horizontal{height:min(500px,100vw - 4.5rem)}.preset-grid,.input-grid,.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-actions{justify-content:flex-end;width:100%}.image-thumb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.cropper-shell{height:min(60vh,32rem);padding:.7rem}.edit-cropper-shell{height:min(60vh,34rem);padding:.7rem}.avatar-crop-shell{height:min(60vh,32rem);padding:.7rem}.compare-card{min-height:18rem}.resize-preview-shell,.edit-preview-shell,.qrcode-preview-shell,.camera-shell{min-height:20rem}.compare-card img,.qrcode-preview-shell img,.camera-view{max-height:min(48vh,24rem)}}@media (max-width:560px){.brand-link,.file-summary,.tool-card-header,.resize-preview-header,.edit-preview-toolbar,.edit-stage-stats,.resize-chip-row{align-items:flex-start}.preset-grid,.ratio-grid,.input-grid,.id-photo-color-grid,.dual-actions,.resize-control-grid,.avatar-toolbar{grid-template-columns:1fr}.topbar-title{font-size:1rem}.seo-panel-header h2{font-size:clamp(1.45rem,8vw,2rem)}.hero-panel{border-radius:1.5rem;padding:1.15rem}.hero-showcase,.feature-overview-card,.feature-card,.placeholder-panel,.seo-card{padding:1.2rem}.hero-tool-orbit,.hero-note-card,.hero-stat-card{padding:.9rem}.hero-highlight-chip,.overview-pill,.feature-tag{justify-content:center;width:100%}.locale-trigger-label{display:none}.template-picker,.image-thumb-grid,.filter-grid,.convert-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-card{min-height:16rem}.avatar-preview-checker{min-height:14rem}.avatar-preview-checker img{width:10rem;height:10rem}.qrcode-preview-shell,.camera-shell{min-height:16rem}}