.canvas-area[data-v-d8b91846]{padding:var(--space-6);justify-content:flex-start;align-items:center;gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex;overflow:auto}.canvas-stage-viewport[data-v-d8b91846]{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.canvas-wrapper[data-v-d8b91846]{background:var(--color-surface);flex-shrink:0;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000001f}.framing-controls[data-v-9326aac7]{gap:var(--space-3);flex-direction:column;display:flex}.framing-panel[data-v-9326aac7]{display:grid}.footer-controls[data-v-57005342]{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted);display:grid}.footer-title[data-v-57005342]{font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);margin:0;font-weight:700}.footer-accordion[data-v-57005342]{margin-top:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);gap:0;display:grid;overflow:hidden}.footer-toggle[data-v-57005342]{width:100%;padding:var(--space-3);background:var(--color-surface-subtle);color:var(--color-control-fg-strong);cursor:pointer;font-size:var(--font-sm);text-transform:none;border:none;border-bottom:1px solid #0000;justify-content:flex-start;align-items:center;font-weight:600;line-height:1.2;display:flex}.footer-toggle[data-v-57005342]:hover:not(:disabled){background:var(--color-control-surface-hover);color:var(--color-text)}.footer-toggle[data-v-57005342]:focus-visible{background:var(--color-control-surface-hover);box-shadow:inset 0 0 0 1px var(--color-toggle-focus);outline:none}.footer-toggle[data-v-57005342]:disabled{opacity:.45;cursor:not-allowed}.footer-toggle-icon[data-v-57005342]{color:var(--color-control-fg-muted);margin-left:auto}.footer-advanced-controls[data-v-57005342]{gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);display:grid}.footer-style-row[data-v-57005342]{display:flex}.color-toggle[data-v-57005342]{border:1px solid var(--color-toggle-track-border);background:var(--color-toggle-track);border-radius:.625rem;grid-template-columns:1fr 1fr;width:100%;padding:.1875rem;display:grid}.color-toggle-btn[data-v-57005342]{color:var(--color-toggle-text);padding:var(--space-2) var(--space-2);font-size:var(--font-base);cursor:pointer;background:0 0;border:none;border-radius:.5rem;min-height:2.375rem;font-weight:600;transition:background .16s,color .16s,box-shadow .16s}.toggle-check-icon[data-v-57005342],.toggle-check-spacer[data-v-57005342]{width:.875rem;margin-right:var(--space-1);flex-shrink:0;display:inline-block}.color-toggle-btn[data-v-57005342]:focus-visible{outline:2px solid var(--color-toggle-focus);outline-offset:1px}.color-toggle-btn.active[data-v-57005342]{box-shadow:0 1px 2px #00000014}.color-toggle-btn.active[data-v-57005342]:first-child{background:var(--color-surface);color:var(--color-text)}.color-toggle-btn.active[data-v-57005342]:last-child{background:var(--color-black);color:var(--color-surface)}.color-toggle-btn[data-v-57005342]:disabled{opacity:.45;cursor:not-allowed}.swatch-row[data-v-8a7d8016]{align-items:center;gap:var(--space-1);width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-wrap:nowrap;display:flex}.swatch-btn[data-v-8a7d8016]{cursor:pointer;width:1.5rem;min-width:0;height:1.5rem;box-shadow:inset 0 0 0 1px var(--color-border), var(--shadow-swatch-base);border:none;border-radius:50%;flex:1 1 0;transition:transform .16s,box-shadow .16s;position:relative}.swatch-btn[data-v-8a7d8016]:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-border), var(--shadow-swatch-hover);transform:scale(1.1)}.swatch-btn[data-v-8a7d8016]:focus-visible{box-shadow:inset 0 0 0 1px var(--color-border), 0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-header-bg);outline:none}.swatch-btn.active[data-v-8a7d8016]{box-shadow:inset 0 0 0 1px var(--color-border), 0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-header-bg), var(--shadow-swatch-active);transform:scale(1.06)}.swatch-btn[data-v-8a7d8016]:disabled{opacity:.45;cursor:not-allowed}.text-block-controls[data-v-ea5ff237]{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted);display:grid}.text-block-controls.selected[data-v-ea5ff237]{border-color:var(--color-blue);box-shadow:0 0 0 1px #0049cd2e}.text-block-title[data-v-ea5ff237]{font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);margin:0;font-weight:700}.text-block-controls.selected .text-block-title[data-v-ea5ff237]{color:var(--color-blue)}.align-icon-group[data-v-ea5ff237]{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-control-bg);gap:var(--space-2);grid-template-columns:repeat(3,1fr);padding:.1875rem;display:grid}.align-icon-btn[data-v-ea5ff237]{padding:var(--space-2);border-radius:var(--radius);color:var(--color-control-fg);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background .16s,color .16s,box-shadow .16s;display:inline-flex}.align-icon-btn[data-v-ea5ff237]:hover:not(:disabled){background:var(--color-control-bg-hover)}.align-icon-btn[data-v-ea5ff237]:focus-visible{border-color:var(--color-toggle-focus);box-shadow:0 0 0 1px var(--color-toggle-focus);outline:none}.align-icon-btn.active[data-v-ea5ff237]{background:var(--color-header-bg);color:var(--color-surface);border-color:var(--color-header-bg);box-shadow:0 1px 2px #00000029}.align-icon-btn[data-v-ea5ff237]:disabled{opacity:.45;cursor:not-allowed}.checkbox-row[data-v-ea5ff237]{align-items:center;gap:var(--space-2);display:flex}.checkbox-row input[data-v-ea5ff237]{margin:0}.action-group-label[data-v-ea5ff237]{margin-top:var(--space-1)}.advanced-section[data-v-ea5ff237]{margin-top:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);gap:0;display:grid;overflow:hidden}.advanced-toggle[data-v-ea5ff237]{width:100%;padding:var(--space-3);background:var(--color-surface-subtle);color:var(--color-control-fg-strong);cursor:pointer;font-size:var(--font-sm);letter-spacing:0;text-transform:none;border:none;border-bottom:1px solid #0000;border-radius:0;justify-content:flex-start;align-items:center;margin-top:0;font-weight:600;line-height:1.2;display:flex}.advanced-toggle[data-v-ea5ff237]:hover:not(:disabled){background:var(--color-control-surface-hover);color:var(--color-text)}.advanced-toggle[data-v-ea5ff237]:focus-visible{background:var(--color-control-surface-hover);box-shadow:inset 0 0 0 1px var(--color-toggle-focus);outline:none}.advanced-toggle[data-v-ea5ff237]:disabled{opacity:.45;cursor:not-allowed}.advanced-toggle-icon[data-v-ea5ff237]{color:var(--color-control-fg-muted);margin-left:auto;font-size:1rem;line-height:1;transform:translateY(-1px)}.advanced-controls[data-v-ea5ff237]{gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);display:grid}.text-style-row[data-v-ea5ff237]{gap:var(--space-2);display:flex}.headline-actions[data-v-ea5ff237]{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-control-bg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.headline-action-btn[data-v-ea5ff237]{border:none;border-right:1px solid var(--color-border);width:100%;color:var(--color-control-fg-strong);cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:.3125rem .375rem;font-size:.75rem;display:inline-flex}.headline-action-btn[data-v-ea5ff237]:last-child{border-right:none}.headline-action-btn[data-v-ea5ff237]:hover:not(:disabled){background:var(--color-control-bg-hover)}.headline-action-btn[data-v-ea5ff237]:focus-visible{background:var(--color-control-bg-hover);box-shadow:inset 0 0 0 1px var(--color-toggle-focus);outline:none}.headline-action-btn[data-v-ea5ff237]:disabled{opacity:.45;cursor:not-allowed}.headline-action-btn .btn-content[data-v-ea5ff237]{white-space:nowrap;justify-content:center;gap:.25rem}.text-controls-stack[data-v-490aec68]{gap:var(--space-3);display:grid}.text-controls-panel[data-v-490aec68]{display:grid}.checkbox-row[data-v-e802dd96]{align-items:center;gap:var(--space-2);display:flex}.gradient-panel[data-v-e802dd96]{display:grid}:root{--color-red:#e90302;--color-red-dark:#c00202;--color-orange:#ff6201;--color-purple:#6d1e7f;--color-yellow:#ffd100;--color-blue:#0049cd;--color-green:#0a5;--color-white:#fff;--color-black:#000;--color-neutral-app-bg:#f0f0f0;--color-neutral-surface:#fff;--color-neutral-border:#ddd;--color-neutral-text:#222;--color-neutral-text-muted:#888;--color-neutral-header-bg:#1a1a1a;--color-neutral-text-soft:#666;--color-neutral-text-subtle:#aaa;--color-neutral-label:#444;--color-neutral-input-border:#ccc;--color-neutral-surface-muted:#fafbfc;--color-neutral-surface-subtle:#f7f8fa;--color-neutral-control-bg:#f1f3f5;--color-neutral-control-bg-hover:#e9edf2;--color-neutral-control-surface-hover:#edf1f5;--color-neutral-control-fg:#556270;--color-neutral-control-fg-strong:#374655;--color-neutral-control-fg-muted:#6e7b87;--color-neutral-btn-secondary-bg:#eee;--color-neutral-btn-secondary-bg-hover:#ddd;--color-neutral-btn-secondary-text:#333;--color-neutral-canvas-placeholder-bg:#ccc;--color-neutral-canvas-placeholder-text:#888;--color-neutral-toggle-track:#e6ebf0;--color-neutral-toggle-track-border:#d2d8df;--color-neutral-toggle-text:#3e5870;--color-neutral-toggle-focus:#8da5be;--color-bg:var(--color-neutral-app-bg);--color-surface:var(--color-neutral-surface);--color-border:var(--color-neutral-border);--color-text:var(--color-neutral-text);--color-text-muted:var(--color-neutral-text-muted);--color-header-bg:var(--color-neutral-header-bg);--color-text-soft:var(--color-neutral-text-soft);--color-text-subtle:var(--color-neutral-text-subtle);--color-label:var(--color-neutral-label);--color-input-border:var(--color-neutral-input-border);--color-surface-muted:var(--color-neutral-surface-muted);--color-surface-subtle:var(--color-neutral-surface-subtle);--color-control-bg:var(--color-neutral-control-bg);--color-control-bg-hover:var(--color-neutral-control-bg-hover);--color-control-surface-hover:var(--color-neutral-control-surface-hover);--color-control-fg:var(--color-neutral-control-fg);--color-control-fg-strong:var(--color-neutral-control-fg-strong);--color-control-fg-muted:var(--color-neutral-control-fg-muted);--color-btn-secondary-bg:var(--color-neutral-btn-secondary-bg);--color-btn-secondary-bg-hover:var(--color-neutral-btn-secondary-bg-hover);--color-btn-secondary-text:var(--color-neutral-btn-secondary-text);--color-canvas-placeholder-bg:var(--color-neutral-canvas-placeholder-bg);--color-canvas-placeholder-text:var(--color-neutral-canvas-placeholder-text);--color-toggle-track:var(--color-neutral-toggle-track);--color-toggle-track-border:var(--color-neutral-toggle-track-border);--color-toggle-text:var(--color-neutral-toggle-text);--color-toggle-focus:var(--color-neutral-toggle-focus);--shadow-swatch-base:0 1px 2px #0003;--shadow-swatch-hover:0 3px 8px #00000047;--shadow-swatch-active:0 3px 8px #00000047;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--font-xs:.6875rem;--font-sm:.8125rem;--font-base:.875rem;--font-lg:1rem;--font-xl:1.125rem;--panel-width:21rem;--radius:.375rem;--radius-lg:.5rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-base)}html,body{height:100%}#app{flex-direction:column;height:100vh;display:flex}.app-header{background:var(--color-header-bg);color:var(--color-surface);padding:var(--space-4) var(--space-6);font-size:var(--font-xl);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:var(--space-3);flex-shrink:0;font-weight:600;display:flex}.app-title{line-height:1.2}.language-toggle{background:#ffffff14;border:1px solid #fff3;border-radius:.625rem;grid-template-columns:1fr 1fr;min-width:11rem;padding:.1875rem;display:grid}.language-toggle-btn{color:#ffffffc7;padding:var(--space-2) var(--space-2);font-size:var(--font-base);cursor:pointer;background:0 0;border:none;border-radius:.5rem;min-height:2.25rem;font-weight:600;transition:background .16s,color .16s,box-shadow .16s}.language-check-icon,.language-check-spacer{width:.875rem;margin-right:var(--space-1);flex-shrink:0;display:inline-block}.language-toggle-btn.active{background:var(--color-surface);color:var(--color-header-bg);box-shadow:0 1px 3px #0000002e}.language-toggle-btn:focus-visible{outline-offset:1px;outline:2px solid #ffffffa6}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.controls-panel{width:var(--panel-width);background:var(--color-surface);border-right:1px solid var(--color-border);min-width:18.5rem;padding:var(--space-5) var(--space-4);gap:var(--space-6);scrollbar-gutter:stable;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden auto}.control-section{gap:var(--space-3);flex-direction:column;display:flex}.control-section h3{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);font-weight:700}label{font-size:var(--font-sm);color:var(--color-label);font-weight:500}input[type=text],textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-input-border);border-radius:var(--radius);font-size:var(--font-base);resize:vertical;font-family:inherit}input[type=range]{width:100%;accent-color:var(--color-red)}.range-row{align-items:center;gap:var(--space-3);display:flex}.range-row span{font-size:var(--font-xs);color:var(--color-text-soft);text-align:right;min-width:2.25rem}select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-input-border);border-radius:var(--radius);font-size:var(--font-base);background:var(--color-surface)}.controls-panel-spacer{margin-top:auto}.section-toggle{justify-content:space-between;align-items:center;gap:var(--space-2);cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:flex}.section-toggle h3{text-align:left;flex:1;margin:0}.section-toggle-icon{font-size:var(--font-sm);color:var(--color-text-muted);line-height:1}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:var(--font-sm);cursor:pointer;border:none;font-weight:600;transition:background .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-red);color:#fff}.btn-primary:hover{background:var(--color-red-dark)}.btn-secondary{background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text)}.btn-secondary:hover{background:var(--color-btn-secondary-bg-hover)}.btn-content{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.btn-icon{flex-shrink:0}.icon-toggle-btn{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-control-bg);width:2.25rem;height:2.25rem;color:var(--color-control-fg);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background .16s,color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.icon-toggle-btn:hover:not(:disabled){background:var(--color-control-bg-hover)}.icon-toggle-btn:focus-visible{border-color:var(--color-toggle-focus);box-shadow:0 0 0 1px var(--color-toggle-focus);outline:none}.icon-toggle-btn.active{background:var(--color-header-bg);color:var(--color-surface);border-color:var(--color-header-bg);box-shadow:0 1px 2px #00000029}.icon-toggle-btn:disabled{opacity:.45;cursor:not-allowed}.btn-download{background:var(--color-header-bg);color:#fff;padding:var(--space-3) var(--space-4);font-size:var(--font-base);border-radius:var(--radius-lg);cursor:pointer;border:none;width:100%;font-weight:700;transition:background .15s}.btn-download:hover{background:#333}.btn-download:disabled{opacity:.4;cursor:not-allowed}.canvas-area{padding:var(--space-6);justify-content:flex-start;align-items:center;gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex;overflow:auto}.canvas-meta{font-size:var(--font-xs);color:var(--color-text-muted)}.canvas-wrapper{background:var(--color-surface);flex-shrink:0;box-shadow:0 .25rem 1.5rem #0000001f}.hint{font-size:var(--font-xs);color:var(--color-text-subtle);overflow-wrap:anywhere;word-break:break-word;line-height:1.5}.disabled-overlay{opacity:.4;pointer-events:none}.accordion-enter-active,.accordion-leave-active{transition:max-height .22s,opacity .18s,transform .18s;overflow:hidden}.accordion-enter-from,.accordion-leave-to{opacity:0;max-height:0;transform:translateY(-4px)}.accordion-enter-to,.accordion-leave-from{opacity:1;max-height:1000px;transform:translateY(0)}