.app-logo-tool[data-v-a822cd75]{--logo-accent:var(--green,#43b989);--logo-accent-hover:#329d76;--logo-accent-soft:#eff9f5;--logo-accent-soft-strong:#dff3eb;--logo-accent-border:#cbe9dd;color:#0f172a;margin:24px auto 64px;width:min(100%,1340px)}.app-logo-toolbar[data-v-a822cd75]{align-items:center;background:#f8fbfa;border:1px solid #dce7e2;border-radius:12px;display:flex;gap:10px;min-height:70px;padding:12px}.platform-switch button[data-v-a822cd75],.secondary-button[data-v-a822cd75],.upload-button[data-v-a822cd75]{align-items:center;background:#fff;border:1px solid #dbe2ea;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:650;gap:8px;height:44px;justify-content:center;padding:0 18px;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease;white-space:nowrap}.upload-button[data-v-a822cd75]{background:var(--logo-accent);border-color:var(--logo-accent);color:#fff}.platform-switch button.active[data-v-a822cd75],.upload-button[data-v-a822cd75]:hover{background:var(--logo-accent-hover);border-color:var(--logo-accent-hover);color:#fff}.empty-upload[data-v-a822cd75]:focus-within,.guide-title a[data-v-a822cd75]:focus-visible,.platform-switch button[data-v-a822cd75]:focus-visible,.secondary-button[data-v-a822cd75]:focus-visible,.upload-button[data-v-a822cd75]:focus-visible{outline:3px solid rgba(67,185,137,.24);outline-offset:2px}.secondary-button[data-v-a822cd75]:hover:not(:disabled){border-color:#9fd8c2;color:#278c69;transform:translateY(-1px)}.secondary-button[data-v-a822cd75]:disabled{background:#f8fafc;color:#a8b3c2;cursor:not-allowed}.empty-upload input[data-v-a822cd75],.upload-button input[data-v-a822cd75]{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.app-logo-toolbar svg[data-v-a822cd75],.standards-guide svg[data-v-a822cd75]{fill:none;height:19px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:19px}.platform-switch[data-v-a822cd75]{align-items:center;display:flex;gap:6px;margin-left:auto}.platform-switch>span[data-v-a822cd75]{color:#475569;font-size:13px;font-weight:650;margin-right:4px}.platform-switch button[data-v-a822cd75]{min-width:148px}.editor-layout[data-v-a822cd75]{display:grid;gap:18px;grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr);margin-top:18px}.preview-panel[data-v-a822cd75],.settings-panel[data-v-a822cd75]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.panel-heading[data-v-a822cd75]{align-items:center;border-bottom:1px solid #e4ebe8;display:flex;gap:16px;justify-content:space-between;min-height:66px;padding:0 20px}.panel-heading>div[data-v-a822cd75]{display:flex;flex-direction:column;gap:4px;min-width:0}.panel-heading strong[data-v-a822cd75]{font-size:15px}.panel-heading span[data-v-a822cd75]{color:#64748b;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-size[data-v-a822cd75]{background:#f8fafc;border:1px solid #dbe2ea;border-radius:7px;font-variant-numeric:tabular-nums;padding:7px 10px}.preview-stage[data-v-a822cd75]{background-color:#f8fafc;background-image:linear-gradient(45deg,#eef2f7 25%,transparent 0),linear-gradient(-45deg,#eef2f7 25%,transparent 0),linear-gradient(45deg,transparent 75%,#eef2f7 0),linear-gradient(-45deg,transparent 75%,#eef2f7 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;display:grid;min-height:520px;padding:44px;place-items:center;transition:box-shadow .2s ease}.preview-stage.dragging[data-v-a822cd75]{box-shadow:inset 0 0 0 2px var(--logo-accent)}.main-preview-wrap[data-v-a822cd75]{aspect-ratio:1;position:relative;width:min(420px,76%)}.main-preview[data-v-a822cd75]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.safe-area-guide[data-v-a822cd75]{border:1.5px dashed rgba(46,170,126,.9);border-radius:4px;display:grid;place-items:start end;pointer-events:none;position:absolute}.safe-area-guide span[data-v-a822cd75]{background:var(--logo-accent);color:#fff;font-size:10px;line-height:1;padding:4px 6px}.empty-upload[data-v-a822cd75]{align-items:center;background:#ffffffe6;border:1.5px dashed #b8c4d2;border-radius:15px;color:#334155;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:290px;padding:32px;text-align:center;width:min(420px,86%)}.empty-upload[data-v-a822cd75]:hover{border-color:var(--logo-accent);color:#278c69}.empty-upload-icon[data-v-a822cd75]{background:var(--logo-accent-soft);border-radius:15px;color:var(--logo-accent);display:grid;height:54px;margin-bottom:4px;place-items:center;width:54px}.empty-upload-icon svg[data-v-a822cd75]{fill:none;height:27px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:27px}.empty-upload strong[data-v-a822cd75]{font-size:16px}.empty-upload small[data-v-a822cd75]{color:#718096;font-size:12px;line-height:1.65;max-width:310px}.context-previews[data-v-a822cd75]{border-top:1px solid #e4ebe8;display:grid;grid-template-columns:repeat(3,1fr)}.context-previews figure[data-v-a822cd75]{margin:0;min-width:0;padding:18px 16px 17px;text-align:center}.context-previews figure+figure[data-v-a822cd75]{border-left:1px solid #e4ebe8}.preview-context[data-v-a822cd75]{border:1px solid #e2e8f0;border-radius:10px;display:grid;height:86px;margin-bottom:12px;overflow:hidden;place-items:center}.phone-context[data-v-a822cd75]{background-color:var(--logo-accent-soft-strong);background-image:radial-gradient(circle at 75% 22%,#fff 0 4px,transparent 5px)}.dock-context[data-v-a822cd75]{align-items:end;background:#edf1f5;padding-bottom:9px}.dock-context[data-v-a822cd75]:before{background:#ffffff8c;border:1px solid hsla(0,0%,100%,.8);border-radius:13px;content:"";height:48px;position:absolute;width:118px}.settings-context[data-v-a822cd75]{background:#f8fafc;padding:14px}.settings-row[data-v-a822cd75]{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0f172a14;display:flex;gap:9px;padding:8px;width:100%}.settings-row i[data-v-a822cd75]{background:#d7dee8;border-radius:3px;height:6px;width:58%}.context-icon[data-v-a822cd75],.context-placeholder[data-v-a822cd75]{background:#cbd5e1;border-radius:12px;box-shadow:0 5px 12px #0f172a33;display:block;height:54px;overflow:hidden;position:relative;width:54px;z-index:1}.context-icon.small[data-v-a822cd75],.context-placeholder.small[data-v-a822cd75]{border-radius:8px;flex:0 0 auto;height:34px;width:34px}.context-icon img[data-v-a822cd75]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.ios-mask[data-v-a822cd75],.mac-mask[data-v-a822cd75]{border-radius:22.5%}.context-previews figcaption[data-v-a822cd75]{display:flex;flex-direction:column;gap:3px}.context-previews figcaption strong[data-v-a822cd75]{font-size:13px}.context-previews figcaption span[data-v-a822cd75]{color:#748194;font-size:11px}.settings-panel[data-v-a822cd75]{padding-bottom:10px}.settings-heading[data-v-a822cd75]{min-height:66px}.control-group[data-v-a822cd75]{border-bottom:1px solid #e4ebe8;margin:0 20px;padding:20px 0}.control-label[data-v-a822cd75],.control-row[data-v-a822cd75],.select-row[data-v-a822cd75]{align-items:center;display:flex;gap:16px;justify-content:space-between}.control-label label[data-v-a822cd75],.control-row strong[data-v-a822cd75],.select-row[data-v-a822cd75]{color:#263548;font-size:13px;font-weight:650}.control-label output[data-v-a822cd75]{color:#334155;font-size:12px;font-variant-numeric:tabular-nums;min-width:88px;text-align:right}.control-group>input[type=range][data-v-a822cd75],.nested-control input[type=range][data-v-a822cd75]{accent-color:var(--logo-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#dce5e1;border-radius:999px;cursor:pointer;display:block;height:4px;margin:16px 0 0;width:100%}.control-group>input[type=range][data-v-a822cd75]::-webkit-slider-thumb,.nested-control input[type=range][data-v-a822cd75]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--logo-accent);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--logo-accent);height:16px;width:16px}.control-group>input[type=range][data-v-a822cd75]::-moz-range-thumb,.nested-control input[type=range][data-v-a822cd75]::-moz-range-thumb{background:var(--logo-accent);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--logo-accent);height:11px;width:11px}.control-group>p[data-v-a822cd75]{color:#78869a;font-size:11px;line-height:1.55;margin:10px 0 0}.select-row[data-v-a822cd75]{margin-top:16px}.select-wrap[data-v-a822cd75]{min-width:132px;position:relative}.select-wrap select[data-v-a822cd75]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #dbe2ea;border-radius:7px;color:#334155;font:inherit;font-size:12px;height:34px;padding:0 30px 0 10px;width:100%}.select-wrap svg[data-v-a822cd75]{fill:none;height:7px;pointer-events:none;position:absolute;right:10px;stroke:#64748b;stroke-width:1.5;top:50%;transform:translateY(-50%);width:10px}.control-row>div[data-v-a822cd75]{display:flex;flex-direction:column;gap:4px}.control-row>div span[data-v-a822cd75]{color:#7a8798;font-size:11px}.switch-control[data-v-a822cd75]{flex:0 0 auto;height:24px;position:relative;width:42px}.switch-control input[data-v-a822cd75]{opacity:0;position:absolute}.switch-control span[data-v-a822cd75]{background:#cbd5e1;border-radius:12px;cursor:pointer;top:0;right:0;bottom:0;left:0;position:absolute;transition:background .2s ease}.switch-control span[data-v-a822cd75]:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0f172a47;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.switch-control input:checked+span[data-v-a822cd75]{background:var(--logo-accent)}.switch-control input:checked+span[data-v-a822cd75]:after{transform:translate(18px)}.nested-control[data-v-a822cd75]{margin-top:18px;transition:opacity .2s ease}.nested-control.disabled[data-v-a822cd75]{opacity:.45}.background-control[data-v-a822cd75]{border-bottom:0}.color-input[data-v-a822cd75]{align-items:center;border:1px solid #dbe2ea;border-radius:7px;color:#475569;cursor:pointer;display:inline-flex;font-size:11px;font-variant-numeric:tabular-nums;gap:7px;height:34px;padding:0 9px}.color-input input[data-v-a822cd75]{height:1px;opacity:0;position:absolute;width:1px}.color-input span[data-v-a822cd75]{border:1px solid rgba(15,23,42,.12);border-radius:4px;height:17px;width:17px}.checkbox-row[data-v-a822cd75]{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:12px;gap:9px;margin-top:15px}.checkbox-row input[data-v-a822cd75]{opacity:0;position:absolute}.custom-checkbox[data-v-a822cd75]{background:#fff;border:1px solid #b8c4d2;border-radius:4px;display:grid;flex:0 0 auto;height:17px;place-items:center;width:17px}.custom-checkbox svg[data-v-a822cd75]{fill:none;height:9px;opacity:0;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:11px}.checkbox-row input:checked+.custom-checkbox[data-v-a822cd75]{background:var(--logo-accent);border-color:var(--logo-accent)}.checkbox-row input:checked+.custom-checkbox svg[data-v-a822cd75]{opacity:1}.checkbox-row.disabled[data-v-a822cd75]{cursor:not-allowed;opacity:.45}.guide-toggle[data-v-a822cd75]{border-top:1px solid #e4ebe8;margin:0 20px;padding:16px 0 10px}.tool-message[data-v-a822cd75]{align-items:center;color:#667386;display:flex;font-size:12px;gap:8px;margin-top:12px;min-height:38px;padding:0 4px}.tool-message svg[data-v-a822cd75]{fill:none;height:17px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:17px}.tool-message.success[data-v-a822cd75]{color:#14804a}.tool-message.error[data-v-a822cd75]{color:#c2413a}.standards-guide[data-v-a822cd75]{background:#f8fbfa;border:1px solid #dce7e2;border-radius:12px;margin-top:28px;padding:26px 28px 22px}.guide-title[data-v-a822cd75]{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.guide-title h2[data-v-a822cd75]{font-size:18px;margin:0 0 6px}.guide-title p[data-v-a822cd75]{color:#64748b;font-size:12px;margin:0}.guide-title a[data-v-a822cd75]{align-items:center;color:#278c69;display:inline-flex;font-size:12px;font-weight:650;gap:6px;text-decoration:none}.guide-title a svg[data-v-a822cd75]{height:15px;width:15px}.guide-steps[data-v-a822cd75]{display:grid;gap:0;grid-template-columns:repeat(3,1fr);margin-top:24px}.guide-steps article[data-v-a822cd75]{display:flex;gap:13px;padding-right:24px}.guide-steps article+article[data-v-a822cd75]{border-left:1px solid #dce4ed;padding-left:24px}.guide-steps b[data-v-a822cd75]{color:var(--logo-accent);font-size:12px}.guide-steps strong[data-v-a822cd75]{font-size:13px}.guide-steps p[data-v-a822cd75]{color:#64748b;font-size:11px;line-height:1.65;margin:7px 0 0}.standards-note[data-v-a822cd75]{align-items:flex-start;background:var(--logo-accent-soft);border:1px solid var(--logo-accent-border);border-radius:9px;color:#334155;display:flex;gap:10px;margin-top:22px;padding:13px 15px}.standards-note svg[data-v-a822cd75]{color:var(--logo-accent);flex:0 0 auto;height:17px;margin-top:1px;width:17px}.standards-note p[data-v-a822cd75]{font-size:11px;line-height:1.65;margin:0}.standards-note strong[data-v-a822cd75]{color:#278c69}.hidden-canvas[data-v-a822cd75]{height:1px;left:-9999px;opacity:0;pointer-events:none;position:fixed;width:1px}@media(max-width:980px){.app-logo-toolbar[data-v-a822cd75]{flex-wrap:wrap}.platform-switch[data-v-a822cd75]{margin:2px 0 0;width:100%}.platform-switch button[data-v-a822cd75]{flex:1}.editor-layout[data-v-a822cd75]{grid-template-columns:1fr}.settings-panel[data-v-a822cd75]{display:grid;grid-template-columns:1fr 1fr}.guide-toggle[data-v-a822cd75],.settings-heading[data-v-a822cd75]{grid-column:1/-1}.control-group[data-v-a822cd75]{border-bottom:1px solid #e8edf3}.control-group[data-v-a822cd75]:nth-of-type(2n){border-left:1px solid #e8edf3;padding-left:20px}.guide-steps[data-v-a822cd75]{grid-template-columns:1fr}.guide-steps article[data-v-a822cd75],.guide-steps article+article[data-v-a822cd75]{border-left:0;padding:14px 0}.guide-steps article+article[data-v-a822cd75]{border-top:1px solid #dce4ed}}@media(max-width:640px){.app-logo-tool[data-v-a822cd75]{margin-bottom:44px;margin-top:18px;width:100%}.app-logo-toolbar[data-v-a822cd75]{gap:8px}.secondary-button[data-v-a822cd75],.upload-button[data-v-a822cd75]{flex:1;font-size:12px;gap:5px;padding:0 6px}.secondary-button svg[data-v-a822cd75],.upload-button svg[data-v-a822cd75]{height:16px;width:16px}.platform-switch[data-v-a822cd75]{display:grid;grid-template-columns:1fr 1fr}.platform-switch>span[data-v-a822cd75]{grid-column:1/-1}.platform-switch button[data-v-a822cd75]{min-width:0;padding:0 10px}.panel-heading[data-v-a822cd75]{min-height:72px;padding:0 15px}.panel-heading>div span[data-v-a822cd75]{white-space:normal}.preview-stage[data-v-a822cd75]{min-height:350px;padding:28px 18px}.main-preview-wrap[data-v-a822cd75]{width:min(300px,90%)}.empty-upload[data-v-a822cd75]{min-height:240px;padding:24px 18px;width:100%}.context-previews[data-v-a822cd75]{grid-template-columns:1fr}.context-previews figure[data-v-a822cd75]{align-items:center;display:grid;gap:16px;grid-template-columns:130px 1fr;text-align:left}.context-previews figure+figure[data-v-a822cd75]{border-left:0;border-top:1px solid #e8edf3}.preview-context[data-v-a822cd75]{margin:0;width:130px}.settings-panel[data-v-a822cd75]{display:block}.control-group[data-v-a822cd75]:nth-of-type(2n){border-left:0;padding-left:0}.standards-guide[data-v-a822cd75]{padding:22px 18px 18px}.guide-title[data-v-a822cd75]{flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){.platform-switch button[data-v-a822cd75],.secondary-button[data-v-a822cd75],.switch-control span[data-v-a822cd75],.switch-control span[data-v-a822cd75]:after,.upload-button[data-v-a822cd75]{transition:none}}.tool-heading-summary.stacked[data-v-40801659]{gap:7px 28px;grid-template-areas:"title note" "introduction note";grid-template-columns:minmax(0,1fr) auto}.tool-heading-summary.stacked h1[data-v-40801659]{grid-area:title}.tool-heading-summary.stacked>p[data-v-40801659]{font-size:15px;grid-area:introduction;max-width:760px}.tool-heading-summary.stacked .tool-local-note[data-v-40801659]{grid-area:note}@media(max-width:650px){.tool-heading-summary.stacked[data-v-40801659]{grid-template-areas:"title" "introduction" "note";grid-template-columns:1fr}}