.editor-loading-screen{min-height:min(100vh,100dvh);display:flex;align-items:center;justify-content:center;padding:clamp(1.25rem,2.8vw,2.5rem);background:radial-gradient(circle at 20% 20%,rgba(248,226,186,.4),transparent 45%),radial-gradient(circle at 80% 0%,rgba(181,230,223,.33),transparent 44%),linear-gradient(160deg,#fdf8ef,#f6ede0 48%,#eef6f2)}.editor-loading-screen__card{width:min(36rem,100%);text-align:center;border-radius:1.25rem;border:1px solid rgba(145,118,81,.24);background:#ffffffdb;box-shadow:0 1rem 2.2rem #5f47291f,inset 0 0 0 1px #fff6;padding:clamp(1.4rem,3.2vw,2rem)}.editor-loading-screen__stitch-row{display:inline-flex;gap:.4rem;margin-bottom:.9rem;font-family:Courier New,monospace;font-weight:700;font-size:1.05rem;color:#b86a49}.editor-loading-screen__stitch-row span{animation:editorLoadingBounce 1.2s ease-in-out infinite}.editor-loading-screen__stitch-row span:nth-child(2){animation-delay:.08s}.editor-loading-screen__stitch-row span:nth-child(3){animation-delay:.16s}.editor-loading-screen__stitch-row span:nth-child(4){animation-delay:.24s}.editor-loading-screen__stitch-row span:nth-child(5){animation-delay:.32s}.editor-loading-screen__title{margin:0 0 .45rem;font-size:clamp(1.18rem,2.8vw,1.55rem);color:#3f3023}.editor-loading-screen__subtitle{margin:0;font-size:clamp(.95rem,2.3vw,1.06rem);color:#5f4f3f}.editor-loading-screen__bar{position:relative;margin:1.15rem auto .65rem;height:.54rem;border-radius:999px;overflow:hidden;background:#e9dbca}.editor-loading-screen__bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:45%;border-radius:inherit;background:linear-gradient(90deg,#bf7352,#d39a56 62%,#f0d68b);animation:editorLoadingSlide 1.7s ease-in-out infinite}.editor-loading-screen__detail{margin:0;font-size:.88rem;color:#786659}@keyframes editorLoadingBounce{0%,to{transform:translateY(0);opacity:.64}50%{transform:translateY(-3px);opacity:1}}@keyframes editorLoadingSlide{0%{transform:translate(-110%)}50%{transform:translate(90%)}to{transform:translate(220%)}}@media (prefers-reduced-motion: reduce){.editor-loading-screen__stitch-row span,.editor-loading-screen__bar-fill{animation:none}}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #3b82f6;--color-primary-dark: #1e40af;--color-secondary: #10b981;--color-secondary-hover: #059669;--color-secondary-light: #34d399;--color-secondary-dark: #047857;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-success: #10b981;--color-success-bg: #dcfce7;--color-success-border: #86efac;--color-success-text: #166534;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-warning-border: #fbbf24;--color-warning-text: #92400e;--color-error: #dc2626;--color-error-bg: #fee2e2;--color-error-border: #fca5a5;--color-error-text: #991b1b;--color-info: #3b82f6;--color-info-bg: #eff6ff;--color-info-border: #bfdbfe;--color-info-text: #1e40af;--font-family-base: var(--craft-font-body, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif);--font-family-mono: var(--craft-font-mono, "JetBrains Mono", "Courier New", Courier, monospace);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: var(--craft-leading-tight, 1.25);--line-height-normal: var(--craft-leading-normal, 1.5);--line-height-relaxed: var(--craft-leading-relaxed, 1.75);--spacing-xs: var(--craft-space-1, .25rem);--spacing-sm: var(--craft-space-2, .5rem);--spacing-md: var(--craft-space-3, .75rem);--spacing-lg: var(--craft-space-4, 1rem);--spacing-xl: var(--craft-space-6, 1.5rem);--spacing-2xl: var(--craft-space-8, 2rem);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 1px 3px 0 rgb(0 0 0 / .1);--shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-neutral-900);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:var(--font-family-base)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-neutral-900);margin:0}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-base)}h5{font-size:var(--font-size-sm)}h6{font-size:var(--font-size-xs)}p{margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-muted{color:var(--color-neutral-600)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn-primary{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{color:#fff;background:var(--color-secondary);border-color:var(--color-secondary)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-hover);border-color:var(--color-secondary-hover)}.btn-outline{color:var(--color-primary);background:#fff;border-color:var(--color-primary)}.btn-outline:hover:not(:disabled){color:#fff;background:var(--color-primary)}.btn-ghost{color:var(--color-neutral-700);background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-100)}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-sm)}.btn-lg{padding:1rem 2rem;font-size:var(--font-size-lg)}.btn-full{width:100%}.form-label{display:block;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-neutral-900);margin-bottom:var(--spacing-sm)}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-neutral-900);background:#fff;border:2px solid var(--color-neutral-300);border-radius:var(--radius-md);transition:border-color var(--transition-base)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background:var(--color-neutral-50);cursor:not-allowed;opacity:.6}.form-textarea{min-height:100px;resize:vertical;font-family:var(--font-family-mono)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.5em;padding-right:2.5rem}.form-group{margin-bottom:var(--spacing-xl)}.form-hint{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin-top:var(--spacing-sm)}.form-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-sm)}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;cursor:pointer;margin-right:var(--spacing-sm)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}.mode-toggle{display:flex;gap:.5rem}.ui-layout-toggle-wrap{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .3rem;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0}.ui-layout-toggle-label{font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.ui-layout-toggle{display:inline-flex;align-items:center;gap:.12rem;padding:.12rem;border-radius:999px;background:#fff;border:1px solid #dbe3ef}.ui-layout-toggle-btn{border:none;border-radius:999px;min-height:24px;min-width:54px;padding:.2rem .42rem;background:transparent;color:#334155;font-size:.66rem;font-weight:700;line-height:1;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.ui-layout-toggle-btn:hover:not(.active){background:#f1f5f9}.ui-layout-toggle-btn.active{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 1px 2px #2563eb59}.ui-layout-toggle-btn:focus-visible{outline:2px solid #93c5fd;outline-offset:1px}.ui-layout-toggle-short{display:none}.mode-toggle-segmented{display:inline-flex;background-color:#f3f4f6;border-radius:24px;padding:4px;gap:0;flex-shrink:0;border:1px solid #e5e7eb}.mode-toggle-btn{flex:1;padding:.625rem 1.25rem;min-width:90px;min-height:44px;background-color:transparent;color:#374151;border:none;border-radius:20px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;display:flex;align-items:center;justify-content:center}.mode-toggle-btn.active{background-color:#2563eb;color:#fff}.mode-toggle-btn:hover:not(.active){background-color:#f0f4ff}.mode-toggle-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.mode-toggle-label-short{display:none}@media (max-width: 600px){.ui-layout-toggle-wrap{padding:.16rem .22rem;gap:.22rem}.ui-layout-toggle-label{display:none}.ui-layout-toggle{padding:.1rem}.ui-layout-toggle-btn{min-width:28px;min-height:24px;padding:.14rem .24rem}.ui-layout-toggle-full{display:none}.ui-layout-toggle-short{display:inline;font-size:.68rem;letter-spacing:.02em}.mode-toggle-segmented{width:100%}.mode-toggle-btn{padding:.75rem 1rem;font-size:.9375rem;min-height:48px}.mode-toggle-label{display:none}.mode-toggle-label-short{display:inline}}@media (max-width: 375px){.mode-toggle-btn{min-width:70px;padding:.75rem;font-size:.875rem}}@media (max-width: 600px){:root{--font-size-base: .9375rem}.btn{padding:.8rem 1.25rem;min-height:44px}.form-input,.form-textarea,.form-select{padding:.8rem;min-height:44px;font-size:var(--font-size-base)}}.hidden{display:none!important}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.gap-4{gap:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}:root{--craft-bg: #FEFCF9;--craft-surface: #F5F0EB;--craft-surface-hover: #EDE6DF;--craft-text-primary: #2B2D42;--craft-text-secondary: #6B6E7B;--craft-text-muted: #9B9DA8;--craft-text-inverse: #FFFFFF;--craft-accent: #D4A373;--craft-accent-hover: #C4915F;--craft-accent-light: #E8C9A8;--craft-accent-bg: #FDF6EE;--craft-sage: #87A878;--craft-sage-hover: #749966;--craft-sage-light: #B5CDA9;--craft-sage-bg: #F0F5ED;--craft-rose: #C97C7C;--craft-rose-hover: #B86A6A;--craft-rose-light: #E4B5B5;--craft-rose-bg: #FDF2F2;--craft-border: #E0D8CF;--craft-border-hover: #CFC5B8;--craft-border-focus: #D4A373;--craft-error: #E07A5F;--craft-error-bg: #FDF0EC;--craft-error-text: #8B3A25;--craft-success: #87A878;--craft-success-bg: #F0F5ED;--craft-success-text: #3D5C30;--craft-warning: #D4A373;--craft-warning-bg: #FDF6EE;--craft-warning-text: #7A5A32;--craft-info: #7BA0C4;--craft-info-bg: #EDF3F9;--craft-info-text: #2E5475;--craft-font-display: "Playfair Display", Georgia, "Times New Roman", serif;--craft-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--craft-font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--craft-font-handwritten: "Caveat", "Comic Sans MS", cursive;--craft-text-xs: .75rem;--craft-text-sm: .875rem;--craft-text-base: 1rem;--craft-text-lg: 1.125rem;--craft-text-xl: 1.25rem;--craft-text-2xl: 1.5rem;--craft-text-3xl: 1.875rem;--craft-text-4xl: 2.25rem;--craft-weight-normal: 400;--craft-weight-medium: 500;--craft-weight-semibold: 600;--craft-weight-bold: 700;--craft-leading-tight: 1.25;--craft-leading-normal: 1.5;--craft-leading-relaxed: 1.75;--craft-space-1: .25rem;--craft-space-2: .5rem;--craft-space-3: .75rem;--craft-space-4: 1rem;--craft-space-5: 1.25rem;--craft-space-6: 1.5rem;--craft-space-8: 2rem;--craft-space-10: 2.5rem;--craft-space-12: 3rem;--craft-space-16: 4rem;--craft-radius-sm: 6px;--craft-radius-md: 8px;--craft-radius-lg: 12px;--craft-radius-xl: 16px;--craft-radius-full: 9999px;--craft-shadow-sm: 0 1px 2px rgba(43, 45, 66, .06);--craft-shadow-md: 0 2px 8px rgba(43, 45, 66, .08);--craft-shadow-lg: 0 4px 16px rgba(43, 45, 66, .1);--craft-shadow-xl: 0 8px 24px rgba(43, 45, 66, .12);--craft-shadow-card: 0 1px 3px rgba(43, 45, 66, .06), 0 1px 2px rgba(43, 45, 66, .04);--craft-shadow-card-hover: 0 4px 12px rgba(43, 45, 66, .1), 0 2px 4px rgba(43, 45, 66, .06);--craft-transition-fast: .15s ease-out;--craft-transition-base: .2s ease-out;--craft-transition-slow: .3s ease-out;--craft-transition-panel: .25s ease-out;--craft-transition-sheet: .3s ease-in-out}.craft-heading{font-family:var(--craft-font-display);font-weight:var(--craft-weight-bold);color:var(--craft-text-primary);line-height:var(--craft-leading-tight)}.craft-body{font-family:var(--craft-font-body);font-weight:var(--craft-weight-normal);color:var(--craft-text-primary);line-height:var(--craft-leading-normal)}.craft-mono{font-family:var(--craft-font-mono);font-weight:var(--craft-weight-medium)}.craft-handwritten{font-family:var(--craft-font-handwritten);font-weight:var(--craft-weight-normal)}.craft-bg{background-color:var(--craft-bg)}.craft-surface{background-color:var(--craft-surface)}.craft-text{color:var(--craft-text-primary)}.craft-text-secondary{color:var(--craft-text-secondary)}.craft-text-muted{color:var(--craft-text-muted)}@keyframes craft-slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes craft-slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes craft-place{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes craft-fade-in{0%{opacity:0}to{opacity:1}}@keyframes craft-fade-out{0%{opacity:1}to{opacity:0}}.craft-anim-slide-right{animation:craft-slide-in-right var(--craft-transition-panel) forwards}.craft-anim-slide-left{animation:craft-slide-in-left var(--craft-transition-panel) forwards}.craft-anim-place{animation:craft-place .15s ease-out forwards}.craft-anim-fade-in{animation:craft-fade-in var(--craft-transition-base) forwards}body{background-color:var(--craft-bg, #FEFCF9);font-family:var(--craft-font-body);color:var(--craft-text-primary)}:focus-visible{outline:2px solid var(--craft-accent, #D4A373);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--craft-surface, #F5F0EB);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--craft-border, #E0D8CF);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--craft-border-hover, #CFC5B8)}html{scroll-behavior:smooth}::selection{background:var(--craft-accent-light, #E8C9A8);color:var(--craft-text-primary, #2B2D42)}.tool-panel__section{padding:var(--craft-space-4) 0;border-bottom:1px solid var(--craft-border, #E0D8CF)}.tool-panel__section:last-child{border-bottom:none}.tool-panel__info{padding:var(--craft-space-3) 0}.panel{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:1.25rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.panel-header{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#374151;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-bottom:1rem}.info-card-blue{background:#eff6ff;border-color:#bfdbfe}.info-card-yellow{background:#fef3c7;border-color:#fbbf24}.info-card-green{background:#dcfce7;border-color:#86efac}.info-card-red{background:#fee2e2;border-color:#fca5a5}.info-card-title{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .5rem}.info-card-body{font-size:.8125rem;line-height:1.5;color:#4b5563;margin:0}.section-group{margin-bottom:1.5rem}.section-heading{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .75rem}.control-group{display:flex;flex-direction:column;gap:.75rem}.control-row{display:flex;align-items:center;gap:.75rem}.control-row-space-between{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.layout-two-column{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.layout-main-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem}.layout-sidebar-right,.layout-main-content{min-width:0}.advanced-sidebar{background:#f9fafb;border-left:1px solid #e5e7eb;padding:1rem;overflow-y:auto}.input-panel{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.preview-panel{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:1rem;min-height:300px;display:flex;flex-direction:column}.preview-panel-header{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.settings-panel{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:1.25rem;margin-bottom:1rem}.shortcuts-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-top:1rem}.shortcuts-panel h4{margin:0 0 .75rem;font-size:.8125rem;font-weight:600;color:#374151}.shortcuts-panel ul{margin:0;padding-left:1.5rem;font-size:.75rem;line-height:1.6;color:#4b5563}.shortcuts-panel strong{color:#111827;font-weight:600}@media (max-width: 600px){.panel{padding:1rem;border-radius:6px}.layout-two-column{grid-template-columns:1fr;gap:1.5rem}.layout-main-sidebar{grid-template-columns:1fr}.input-panel,.preview-panel,.settings-panel{padding:1rem}.advanced-sidebar{border-left:none;border-top:1px solid #e5e7eb}}.canvas-container{background:#f3f4f6;border-radius:8px;padding:1rem}.panel-divider{height:1px;background:#e5e7eb;margin:1rem 0;border:none}.status-panel{padding:.75rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem;border:1px solid}.status-panel-success{background:#dcfce7;border-color:#86efac;color:#166534}.status-panel-warning{background:#fef3c7;border-color:#fbbf24;color:#92400e}.status-panel-error{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.status-panel-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.empty-state{text-align:center;padding:2rem 1rem;color:#6b7280;font-size:.875rem}.empty-state-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}body{overflow-x:hidden;width:100%}*{box-sizing:border-box}@media (max-width: 900px){.layout-main-sidebar{grid-template-columns:1fr!important}.advanced-sidebar{border-left:none;border-top:1px solid var(--color-neutral-200);max-height:400px;overflow-y:auto}.panel{padding:1rem}}@media (max-width: 768px){.canvas-toolbar--advanced{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:.5rem!important;padding:.75rem!important}.canvas-toolbar__row{display:contents}.canvas-toolbar-btn-text{display:inline!important}.canvas-toolbar-btn{flex-direction:column!important;min-width:44px!important;min-height:52px!important;padding:.5rem .375rem!important;font-size:11px!important;gap:.25rem!important;text-align:center}.canvas-toolbar-btn--canvas{min-width:44px!important;min-height:52px!important}.canvas-toolbar-desktop-only{display:none!important}.canvas-toolbar-btn-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 600px) and (min-width: 376px){.canvas-toolbar-btn{font-size:10px!important}}@media (max-width: 600px){.canvas-toolbar{position:relative;z-index:10;width:100%}.canvas-container,.editor-shell__canvas{clear:both;margin-top:.5rem}body>div:first-child{padding:.5rem!important}.layout-two-column{grid-template-columns:1fr!important;gap:1.5rem!important}.layout-main-sidebar{grid-template-columns:1fr!important;gap:1rem}.btn{min-height:44px;padding:.8rem 1.25rem;font-size:1rem}.btn-sm{min-height:44px;padding:.6rem 1rem;font-size:.9375rem}.mode-toggle-btn{min-height:44px;padding:.8rem 1.5rem;font-size:1rem}.form-input,.form-textarea,.form-select{min-height:44px;padding:.8rem;font-size:1rem}input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px}header{margin-bottom:1.5rem!important}header h1{font-size:1.5rem}header .flex{flex-direction:column;align-items:flex-start;gap:1rem}.mode-toggle{width:100%;justify-content:space-between}.panel,.input-panel,.preview-panel,.settings-panel{padding:1rem;border-radius:6px;margin-bottom:1rem}.info-card{padding:.875rem;margin-bottom:1rem}.status-panel{padding:.75rem;font-size:.875rem}.mobile-controls-tabs{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.5rem;margin-bottom:1rem}.mobile-controls-tab-btn{padding:.75rem .5rem;font-size:.875rem;border:2px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.mobile-controls-tab-btn.active{border-color:#2563eb;background:#2563eb;color:#fff}.mobile-controls-tab-btn:active{transform:scale(.98)}.mobile-controls-content{max-height:calc(100vh - 400px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem 0;margin-bottom:1rem}.preview-panel{overflow-x:auto;-webkit-overflow-scrolling:touch}.preview-panel-header{font-size:.9375rem;padding-bottom:.5rem;margin-bottom:.75rem}.shortcuts-panel{padding:.875rem}.shortcuts-panel h4{font-size:.8125rem;margin-bottom:.5rem}.shortcuts-panel ul{font-size:.6875rem;padding-left:1.25rem}.mobile-notice{display:block!important;padding:.75rem;margin-bottom:1rem;background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:6px;color:var(--color-info-text);font-size:.875rem;text-align:center}@media (min-width: 601px){.mobile-notice{display:none!important}}.mobile-pattern-summary{display:block!important;padding:0 .75rem}@media (min-width: 769px){.mobile-pattern-summary{display:none!important}}.mobile-sticky-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:2px solid var(--color-neutral-200);padding:.75rem 1rem;box-shadow:0 -2px 8px #0000001a;z-index:100;display:flex;gap:.5rem}.mobile-sticky-footer-active{padding-bottom:140px!important}.mobile-sticky-footer-active .editor-shell__canvas{max-height:calc(100vh - 200px)}@media (min-width: 768px){.mobile-sticky-footer{display:none!important}.mobile-sticky-footer-active{padding-bottom:0!important}.mobile-sticky-footer-active .editor-shell__canvas{max-height:none}}.mobile-sticky-footer .btn{flex:1;margin:0}.hide-on-mobile{display:none!important}.advanced-sidebar{background:#fff;border-top:2px solid var(--color-neutral-200);padding:1rem;max-height:none}.sidebar-section{border-bottom:1px solid var(--color-neutral-200);padding:.75rem 0}.sidebar-section:last-child{border-bottom:none}.sidebar-section-header{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.875rem;padding:.5rem 0;-webkit-user-select:none;user-select:none}.sidebar-section-content.collapsed{display:none}.canvas-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.25rem}footer{margin-top:2rem!important;padding-top:1.5rem!important;font-size:.8125rem!important}footer p{margin:.25rem 0}}@media (max-width: 375px){body>div:first-child{padding:.75rem!important}header h1{font-size:1.25rem}.mode-toggle-btn,.btn{padding:.7rem 1rem;font-size:.9375rem}.panel,.input-panel,.preview-panel{padding:.875rem}.info-card{padding:.75rem}.mobile-sticky-footer{padding:.625rem .75rem}.canvas-toolbar{gap:.125rem!important;padding:.375rem!important}.canvas-toolbar-btn{padding:.375rem .5rem!important;font-size:.75rem!important;min-height:32px}.canvas-toolbar-label{display:none}.canvas-toolbar-btn-text{display:none!important}.canvas-toolbar svg{width:14px!important;height:14px!important}.canvas-toolbar>div{gap:.1rem!important}}@media (max-height: 600px) and (orientation: landscape){.panel,.input-panel,.preview-panel,.info-card{margin-bottom:.75rem}header{margin-bottom:1rem!important}footer{margin-top:1.5rem!important;padding-top:1rem!important}.mobile-sticky-footer{padding:.5rem .75rem}.mobile-sticky-footer-active{padding-bottom:60px!important}}@media print{.mobile-sticky-footer{display:none!important}.mobile-sticky-footer-active{padding-bottom:0!important}.layout-two-column{grid-template-columns:1fr 1fr!important}.mode-toggle{display:none!important}.panel,.input-panel,.preview-panel{page-break-inside:avoid}}@media (hover: none) and (pointer: coarse){button,a,.mode-toggle-btn{-webkit-tap-highlight-color:rgba(37,99,235,.1)}.control-group,.control-row{gap:1rem}.preview-panel,.canvas-container,.advanced-sidebar{border:1px solid var(--color-neutral-300)}}@media (max-width: 600px){*:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}}@supports (padding: max(0px)){.mobile-sticky-footer{padding-bottom:max(.75rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}body>div:first-child{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}.session-start-modal,.font-picker,.tool-tabs,.save-menu,.editor-loading-screen__card{font-family:var(--craft-font-body, var(--font-family-base))}.session-start-header{margin-bottom:var(--craft-space-5)}.session-start-header.compact{gap:var(--craft-space-4);margin-bottom:var(--craft-space-6)}.session-start-title{line-height:var(--craft-leading-tight);margin:0 0 var(--craft-space-2) 0}.session-start-subtitle{line-height:var(--craft-leading-normal)}.session-start-actions{gap:var(--craft-space-3)}.session-start-action-btn{gap:var(--craft-space-3);padding:var(--craft-space-3) var(--craft-space-4)}.session-start-template-grid{gap:var(--craft-space-3)}.session-start-template-card{padding:var(--craft-space-3)}.font-picker__controls{gap:var(--craft-space-2);margin-bottom:var(--craft-space-3)}.font-picker__tabs{gap:var(--craft-space-1)}.font-picker__grid{gap:var(--craft-space-2)}.font-picker__section-label{margin:var(--craft-space-2) 0;line-height:var(--craft-leading-normal)}.tool-tabs__bar{gap:var(--craft-space-1);padding:var(--craft-space-2)}.tool-tabs__tab{padding:var(--craft-space-3) var(--craft-space-4);gap:var(--craft-space-2);line-height:var(--craft-leading-tight)}.tool-tabs--vertical .tool-tabs__tab{padding:var(--craft-space-3) var(--craft-space-2);gap:var(--craft-space-1)}.tool-tabs__panel-container{padding:var(--craft-space-6) var(--craft-space-5)}.tool-panel{gap:var(--craft-space-6)}.tool-panel__section{gap:var(--craft-space-2)}.save-menu-header{gap:var(--craft-space-2);padding:var(--craft-space-4) var(--craft-space-5)}.save-menu-options{padding:var(--craft-space-2)}.save-menu-option{gap:var(--craft-space-3);padding:var(--craft-space-3)}.save-menu-form{padding:var(--craft-space-4) var(--craft-space-5) var(--craft-space-5)}.save-menu-form-actions{gap:var(--craft-space-2);margin-top:var(--craft-space-4)}.editor-loading-screen__stitch-row{font-family:var(--craft-font-mono, var(--font-family-mono));gap:var(--craft-space-2)}.editor-loading-screen__title{margin-bottom:var(--craft-space-2);line-height:var(--craft-leading-tight)}.editor-loading-screen__subtitle,.editor-loading-screen__detail{line-height:var(--craft-leading-normal)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}*:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:4px}*:focus:not(:focus-visible){outline:none}button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-color:#2563eb}a:focus-visible{outline:2px solid #2563eb;outline-offset:2px;text-decoration:underline}@media (prefers-contrast: high){*:focus-visible{outline-width:3px;outline-offset:3px}button,input,select,textarea{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-to-content{position:absolute;top:-40px;left:0;background:#2563eb;color:#fff;padding:8px 16px;text-decoration:none;font-weight:600;z-index:10000;border-radius:0 0 4px}.skip-to-content:focus{top:0}.keyboard-nav-visible{outline:2px dashed #2563eb!important;outline-offset:4px!important}[aria-live=polite],[aria-live=assertive]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.focus-trap-active{position:relative}[disabled],[aria-disabled=true]{cursor:not-allowed;opacity:.6;pointer-events:none}.error-message{color:#dc2626;font-size:.875rem;margin-top:.25rem}input:invalid,input[aria-invalid=true]{border-color:#dc2626}.success-message{color:#059669;font-size:.875rem;margin-top:.25rem}.required:after{content:" *";color:#dc2626;font-weight:700}.tooltip{position:relative}.tooltip[aria-describedby]{cursor:help}.focus-within:focus-within{outline:2px solid #2563eb;outline-offset:2px}@media print{.no-print{display:none!important}a[href]:after{content:" (" attr(href) ")";font-size:.8em;font-weight:400}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}}@media (prefers-contrast: high){body{background:#fff;color:#000}button,input,select,textarea{border:2px solid black}}[aria-busy=true]{cursor:wait}.dialog-backdrop{background:#00000080;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}p{line-height:1.5;letter-spacing:.12em}button,a,input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px}p a,span a{min-width:auto;min-height:auto}.color-swatch,[class*=color-swatch],[class*=ColorSwatch],button[aria-label*=color],button[aria-label*=Color]{min-width:44px!important;min-height:44px!important;margin:2px!important}button[aria-label*=Increase],button[aria-label*=Decrease],button[aria-label*=increment],button[aria-label*=decrement],.increment-button,.decrement-button{min-width:44px!important;min-height:44px!important;padding:12px!important}.toggle,.switch,[role=switch],input[type=checkbox],input[type=radio]{min-width:44px!important;min-height:44px!important}.mode-toggle,[aria-label*=mode],[aria-label*=Mode]{min-width:44px!important;min-height:44px!important;padding:12px 16px!important}button:not(:has(>span:not(.sr-only))):not(:has(>div)),button[aria-label]:empty{min-width:44px!important;min-height:44px!important;padding:12px!important}button+button,a+a{margin-left:4px}.toolbar button,[role=toolbar] button{min-width:44px!important;min-height:44px!important;margin:0 2px!important}.tooltip-container{position:relative;display:inline-flex;align-items:center}.tooltip-content{position:absolute;z-index:1000;padding:.5rem .75rem;font-size:.875rem;line-height:1.4;color:#fff;background:#000000e6;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out;box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #0003}.tooltip-content.tooltip-visible{opacity:1}.tooltip-content.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-content.tooltip-top:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(0,0,0,.9) transparent transparent transparent}.tooltip-content.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-content.tooltip-bottom:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent rgba(0,0,0,.9) transparent}.tooltip-content.tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-content.tooltip-left:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent transparent transparent rgba(0,0,0,.9)}.tooltip-content.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-content.tooltip-right:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent rgba(0,0,0,.9) transparent transparent}@media (max-width: 600px){.tooltip-content{font-size:.8125rem;padding:.4rem .625rem;max-width:200px;white-space:normal}.tooltip-content.tooltip-top{bottom:auto;top:calc(100% + 8px)}.tooltip-content.tooltip-top:after{top:auto;bottom:100%;border-color:transparent transparent rgba(0,0,0,.9) transparent}}@media (prefers-contrast: high){.tooltip-content{background:#000;border:1px solid #ffffff}}@media (prefers-reduced-motion: reduce){.tooltip-content{transition:none}}.tooltip-container svg{margin-left:.25rem;vertical-align:middle}.btn svg{margin-right:.5rem;vertical-align:middle}.btn-icon-only svg{margin-right:0}.info-icon{color:var(--color-primary);cursor:help;opacity:.7;transition:opacity .2s ease}.info-icon:hover,.info-icon:focus{opacity:1}.help-text-with-icon{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--color-neutral-600)}.help-text-with-icon svg{flex-shrink:0}