@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap";.sketch-button{cursor:pointer;box-shadow:none;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;margin:0;padding:0;transition:transform .3s,filter .3s;display:inline-block;position:relative}.sketch-button:hover{filter:drop-shadow(4px 5px #00000026)drop-shadow(6px 8px 10px #0000001a)saturate(1.1);transform:translate(-2px,-2px)rotate(-1.5deg)}.sketch-button:not(:hover){filter:drop-shadow(2px 3px #0000001f)drop-shadow(4px 6px 8px #00000014);transform:rotate(-.8deg)}.sketch-button:focus{outline:none}.sketch-button svg{display:block}.sketch-button-text{pointer-events:none;color:#2a2a2a;justify-content:center;align-items:center;padding-top:4px;font-family:Caveat,cursive;font-size:1.75rem;transition:transform .3s;display:flex;position:absolute;inset:0}.sketch-button:hover .sketch-button-text{transform:scale(1.02)}.sketch-button-underline{opacity:.5;transition:opacity .3s;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.sketch-button:hover .sketch-button-underline{opacity:.7}.sketch-button-sm{font-size:1.25rem}.sketch-button-sm svg{width:160px;height:65px}.sketch-button-md{font-size:1.75rem}.sketch-button-md svg{width:220px;height:90px}.sketch-button-lg{font-size:2.25rem}.sketch-button-lg svg{width:280px;height:110px}.sketch-input-container{width:fit-content;display:block;position:relative}.sketch-input-field{resize:none;background:0 0;border:none;outline:none}.sketch-input-field::placeholder{color:#2a2a2a80;font-style:italic}.sketch-input-field:disabled::placeholder{color:#99999980}.sketch-input-field:-webkit-autofill{-webkit-text-fill-color:inherit;-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px #0000}.sketch-input-field:-webkit-autofill:hover{-webkit-text-fill-color:inherit;-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px #0000}.sketch-input-field:-webkit-autofill:focus{-webkit-text-fill-color:inherit;-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px #0000}.sketch-input-field:-webkit-autofill:active{-webkit-text-fill-color:inherit;-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px #0000}.sketch-input-field:autofill{text-fill-color:inherit;-webkit-background-clip:text;background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px #0000}.sketch-checkbox{cursor:pointer;align-items:center;gap:.75rem;display:inline-flex;position:relative}.sketch-checkbox:disabled{cursor:not-allowed}.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}.sketch-radio-group{flex-direction:column;gap:1rem;display:flex}.sketch-radio{cursor:pointer;align-items:center;gap:.75rem;display:inline-flex;position:relative}.sketch-radio:disabled{cursor:not-allowed}.sketch-switch{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:.75rem;display:inline-flex;position:relative}.sketch-switch:disabled{cursor:not-allowed}.sketch-select{display:inline-block;position:relative}.sketch-select-trigger{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;margin:0;padding:0;transition:transform .3s,filter .3s;position:relative}.sketch-select-trigger:disabled{cursor:not-allowed}.sketch-select-trigger:focus{outline:none}.sketch-select-text{pointer-events:none;color:#2a2a2a;align-items:center;padding:0 20px;font-family:Caveat,cursive;display:flex;position:absolute;inset:0}.sketch-select-dropdown{z-index:50;margin-top:4px;animation:.3s dropdownAppear;position:absolute}.sketch-select-option{text-align:left;cursor:pointer;color:#2a2a2a;background:0 0;border:none;align-items:center;width:100%;font-family:Caveat,cursive;transition:transform .2s;display:flex}.sketch-select-option:hover{transform:translate(3px)}.sketch-select-checkmark{opacity:.6;margin-left:auto}@keyframes dropdownAppear{0%{opacity:0;transform:rotate(-.2deg)translateY(-8px)}to{opacity:1;transform:rotate(-.2deg)translateY(0)}}.sketch-accordion{width:100%}.sketch-accordion-item{margin-bottom:16px;position:relative}.sketch-accordion-header{cursor:pointer;background:0 0;border:none;width:100%;padding:0;transition:transform .2s;position:relative}.sketch-accordion-header-svg{display:block}.sketch-accordion-header-content{pointer-events:none;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.sketch-accordion-title-section{align-items:center;gap:12px;display:flex}.sketch-accordion-number{opacity:.6;font-size:1.4rem;font-weight:600}.sketch-accordion-title{padding-top:3px}.sketch-accordion-arrow{transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.sketch-accordion-content-wrapper{margin-top:-4px}.sketch-accordion-content{position:relative}.sketch-accordion-content-svg{min-height:100px;display:block}.sketch-accordion-content-text{color:#3a3a3a;padding:24px 24px 24px 55px;font-family:Caveat,cursive;font-size:1.25rem;line-height:1.8;position:absolute;top:0;left:0;right:0}.sketch-badge{justify-content:center;align-items:center;transition:transform .25s;display:inline-flex;position:relative}.sketch-badge-content{white-space:nowrap;align-items:center;padding-top:2px;font-family:Caveat,cursive;font-weight:600;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sketch-toast{-webkit-tap-highlight-color:transparent;transition:transform .3s,filter .3s;animation:.6s cubic-bezier(.68,-.55,.265,1.55) toastSlideIn;display:inline-block;position:relative;transform:rotate(-.8deg)}.sketch-toast:hover{transform:rotate(-.3deg)translate(-1px,-1px)}.sketch-toast-dismissing{pointer-events:none;animation:.4s forwards toastSlideOut}.sketch-toast-content{pointer-events:none;align-items:center;gap:12px;width:100%;height:100%;padding:20px 24px;display:flex;position:absolute;top:0;left:0}.sketch-toast-icon{pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sketch-toast-message{color:#2a2a2a;pointer-events:none;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:pre-wrap;flex:1;min-width:0;font-family:Caveat,cursive;line-height:1.4;overflow:hidden}.sketch-toast-message p{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:pre-wrap;margin:0;padding:0;overflow:hidden}.sketch-toast-close{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:transform .2s,opacity .2s;display:flex;position:absolute;top:12px;right:12px}.sketch-toast-close:hover{opacity:.8;transform:rotate(15deg)scale(1.1)}.sketch-toast-close:active{transform:rotate(15deg)scale(.95)}.sketch-toast-close:focus{outline-offset:2px;outline:2px solid #2a2a2a}.sketch-toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:16px;max-width:400px;display:flex;position:fixed}.sketch-toast-container .sketch-toast{pointer-events:auto}@keyframes toastSlideIn{0%{opacity:0;transform:rotate(-.8deg)translate(100%)scale(.8)}to{opacity:1;transform:rotate(-.8deg)translate(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:rotate(-.8deg)translate(0)scale(1)}to{opacity:0;transform:rotate(-.8deg)translate(100%)scale(.8)}}@keyframes toastBounce{0%,20%,50%,80%,to{transform:rotate(-.8deg)translateY(0)}40%{transform:rotate(-.8deg)translateY(-10px)}60%{transform:rotate(-.8deg)translateY(-5px)}}.sketch-dropdown{display:inline-block;position:relative}.sketch-dropdown-trigger{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;margin:0;padding:0;transition:transform .3s,filter .3s;position:relative}.sketch-dropdown-trigger:disabled{cursor:not-allowed}.sketch-dropdown-trigger:focus{outline:none}.sketch-dropdown-panel{z-index:50;margin-top:8px;animation:.3s dropdownMenuAppear;position:absolute;top:100%;left:50%}.sketch-dropdown-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;height:60px;padding:16px 20px;font-family:Caveat,cursive;transition:transform .2s;display:flex}.sketch-dropdown-item:hover{transform:translate(4px)}.sketch-dropdown-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.sketch-dropdown-item-checkmark{opacity:.5;width:16px;height:16px;margin-left:auto}@keyframes dropdownMenuAppear{0%{opacity:0;transform:translate(-50%)rotate(.5deg)translateY(-10px)scale(.95)}to{opacity:1;transform:translate(-50%)rotate(.5deg)translateY(0)scale(1)}}.sketch-avatar{-webkit-tap-highlight-color:transparent;transition:transform .3s,filter .3s;display:inline-block;position:relative}.sketch-avatar:hover{transform:translate(-1px,-1px)rotate(-1deg)!important}.sketch-avatar.cursor-pointer{cursor:pointer}.sketch-avatar.cursor-pointer:hover{filter:drop-shadow(3px 4px #0000001f)drop-shadow(4px 6px 8px #0000001a)!important}.sketch-avatar.cursor-pointer:active{transition:transform .1s;transform:translate(0)rotate(0)scale(.98)!important}@keyframes avatarGlow{0%{opacity:0}to{opacity:.15}}@keyframes avatarPulse{0%,to{opacity:.8}50%{opacity:.4}}@keyframes checkDraw{0%{stroke-dasharray:100;stroke-dashoffset:100px;opacity:0}to{stroke-dasharray:100;stroke-dashoffset:0;opacity:1}}@keyframes radioDotAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fillIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sketch-divider{pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.sketch-slider{flex-direction:column;gap:.5rem;width:100%;display:flex}.sketch-slider__label{justify-content:space-between;align-items:flex-end;padding:0 .25rem;display:flex}.sketch-slider__track-area{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;display:flex;position:relative}.sketch-slider__native{opacity:0;cursor:pointer;z-index:20;width:100%;height:100%;margin:0;position:absolute}.sketch-slider__native:disabled{cursor:not-allowed}.sketch-progress{flex-direction:column;gap:.5rem;width:100%;display:flex}.sketch-progress__header{justify-content:space-between;align-items:flex-end;padding:0 4px;display:flex}.sketch-progress__label{display:inline-block;transform:rotate(-.5deg)}.sketch-progress__bar{width:100%;position:relative}.sketch-progress__svg{pointer-events:none;filter:drop-shadow(2px 2px #00000014)drop-shadow(3px 4px 6px #00000008);position:absolute;inset:0;overflow:visible}.sketch-textarea{flex-direction:column;gap:.5rem;width:100%;display:flex}.sketch-textarea__label{margin-left:4px;display:inline-block;transform:rotate(-.5deg)}.sketch-textarea__wrapper{width:100%;position:relative}.sketch-textarea__svg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:visible}.sketch-textarea__field{resize:none;appearance:none;box-shadow:none;z-index:1;background:0 0;border:none;outline:none;position:relative}.sketch-skeleton__svg{filter:drop-shadow(1px 1px #0000000a);overflow:visible}.sketch-skeleton-text{flex-direction:column;gap:.75rem;display:flex}.sketch-skeleton-card{flex-direction:column;gap:1rem;width:100%;max-width:400px;display:flex}.sketch-skeleton-card__avatar-row{align-items:center;gap:.75rem;display:flex}.sketch-tooltip{display:inline-block;position:relative}.sketch-tooltip__sizer{visibility:hidden;white-space:nowrap;pointer-events:none;height:0;position:absolute;overflow:hidden}.sketch-tooltip__bubble{z-index:50;pointer-events:none;filter:drop-shadow(2px 3px #0000001a)drop-shadow(3px 5px 8px #0000000f);transition:opacity .2s;position:absolute}.sketch-tooltip__svg{display:block;overflow:visible}.sketch-tooltip__text{white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sketch-spinner{justify-content:center;align-items:center;display:inline-flex}.sketch-spinner__svg{overflow:visible}.sketch-spinner--circle .sketch-spinner__svg,.sketch-spinner__svg--spiral{animation:linear infinite sketch-spin}.sketch-spinner__spiral-stroke{stroke-dasharray:300;stroke-dashoffset:300px;animation:ease-in-out infinite alternate sketch-spiral-draw}.sketch-spinner__svg--hourglass{transform-origin:50%;animation:ease-in-out infinite sketch-spin-flip}.sketch-spinner__sand{animation:.6s linear infinite sketch-sand-fall}.sketch-spinner__dot{transform-box:fill-box;transform-origin:50%;animation:ease-in-out infinite sketch-dot-pulse}@keyframes sketch-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sketch-spin-flip{0%,15%{transform:rotate(0)}42%,58%{transform:rotate(180deg)}85%,to{transform:rotate(360deg)}}@keyframes sketch-spiral-draw{0%{stroke-dashoffset:300px}to{stroke-dashoffset:0}}@keyframes sketch-dot-pulse{0%,80%,to{opacity:.35;transform:scale(1)}40%{opacity:.9;transform:scale(1.35)}}@keyframes sketch-sand-fall{0%{stroke-dashoffset:0}to{stroke-dashoffset:-10px}}@media (prefers-reduced-motion:reduce){.sketch-spinner .sketch-spinner__svg,.sketch-spinner__dot,.sketch-spinner__sand,.sketch-spinner__spiral-stroke{animation-duration:4s!important}}.sketch-modal-backdrop{z-index:9999;justify-content:center;align-items:center;padding:16px;animation:.3s ease-out sketch-modal-backdrop-in;display:flex;position:fixed;inset:0}.sketch-modal-backdrop__overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;inset:0}.sketch-modal{outline:none;max-height:85vh;animation:.5s cubic-bezier(.175,.885,.32,1.275) sketch-modal-bounce-in;position:relative}.sketch-modal__svg{pointer-events:none;position:absolute;top:0;left:0}.sketch-modal__content{flex-direction:column;align-items:flex-start;min-height:200px;max-height:85vh;padding:40px 32px 24px;display:flex;position:relative}.sketch-modal__close{cursor:pointer;z-index:1;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:8px;transition:transform .2s;display:flex;position:absolute;top:16px;right:16px}.sketch-modal__close:hover{transform:rotate(90deg)scale(1.1)}.sketch-modal__close:focus-visible{outline-offset:2px;border-radius:4px;outline:2px dashed}.sketch-modal__title{width:100%;margin:0 40px 20px 0}.sketch-modal__body{flex:1;width:100%;line-height:1.6;overflow-y:auto}.sketch-modal__footer{border-top:1px dashed #d0c9bb;flex-wrap:wrap;justify-content:flex-end;gap:12px;width:100%;margin-top:20px;padding-top:16px;display:flex}@keyframes sketch-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sketch-modal-bounce-in{0%{opacity:0;transform:scale(.8)translateY(-20px)rotate(-2deg)}50%{transform:scale(1.03)translateY(5px)rotate(.5deg)}to{opacity:1;transform:scale(1)translateY(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.sketch-modal-backdrop,.sketch-modal{animation-duration:10ms!important}}.sketch-card{width:100%;max-width:100%;position:relative;overflow:hidden}.sketch-card__svg{pointer-events:none;position:absolute;top:0;left:0}.sketch-card__content{box-sizing:border-box;flex-direction:column;align-items:flex-start;width:100%;max-width:100%;min-height:200px;padding:40px 32px 24px;display:flex;position:relative}.sketch-card__content>*,.sketch-card__content .sketch-input-container,.sketch-card__content .sketch-textarea-container{max-width:100%}.sketch-card__content form>:not(:last-child),.sketch-card__content>:not(:last-child):not(form){margin-bottom:1.5rem}.sketch-card__content form>button[type=submit]{margin-top:.5rem}@font-face{font-family:Gentium Book Plus;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/gentium-book-plus-latin-400-normal.woff2)format("woff2"),url(/fonts/gentium-book-plus-latin-400-normal.woff)format("woff")}@font-face{font-family:Gentium Book Plus;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/gentium-book-plus-latin-700-normal.woff2)format("woff2"),url(/fonts/gentium-book-plus-latin-700-normal.woff)format("woff")}@font-face{font-family:Gentium Book Plus;font-style:normal;font-display:swap;font-weight:800;src:url(/fonts/gentium-book-plus-latin-700-normal.woff2)format("woff2"),url(/fonts/gentium-book-plus-latin-700-normal.woff)format("woff")}:root{--bg:#eee7db;--bg-strong:#fbf7ed;--surface:#fffcf4d6;--surface-solid:#fffdf7;--surface-soft:#f7f0e5;--ink:#142029;--muted:#607078;--soft:#8a978f;--border:#2a423d2e;--border-strong:#1e4f5f61;--accent:#1e6c82;--accent-strong:#174e61;--accent-soft:#1e6c821f;--gold:#b87942;--gold-soft:#b8794229;--danger:#9c3f35;--sketch-stroke:#28342e;--shadow-sm:3px 4px 0 #28342e14, 0 10px 20px #162b3214;--shadow-md:6px 8px 0 #28342e0f, 0 22px 48px #162b321f;--inner:inset 0 2px 8px #2a423d14, inset 0 -1px 2px #ffffffeb;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--font-body:"Gentium Book Plus", ui-serif, Georgia, Cambria, "Times New Roman", serif;--font-heading:"Gentium Book Plus", ui-serif, Georgia, Cambria, "Times New Roman", serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at top left, #24687a29, transparent 33rem), radial-gradient(circle at 84% 12%, #b879422e, transparent 30rem), linear-gradient(90deg, #28342e09 1px, transparent 1px), linear-gradient(0deg, #28342e06 1px, transparent 1px), linear-gradient(135deg, var(--bg), var(--bg-strong));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:auto,auto,42px 42px,42px 42px,auto}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea{font:inherit}button{border:0}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}#root{min-height:100svh}.app-shell{grid-template-rows:auto 1fr;gap:14px;width:min(1480px,100% - 32px);min-height:calc(100svh - 32px);margin:16px auto;display:grid}.topbar,.editor-card,.control-card{isolation:isolate;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.topbar:before,.editor-card:before,.control-card:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;opacity:.62;background:repeating-linear-gradient(0deg,#28342e06 0 1px,#0000 1px 12px),radial-gradient(circle at 12% 18%,#ffffffa3,#0000 13rem);position:absolute;inset:0}.topbar:after,.editor-card:after,.control-card:after{content:"";z-index:-1;pointer-events:none;border-radius:calc(var(--radius-lg) - 5px) calc(var(--radius-lg) - 8px) calc(var(--radius-lg) - 4px) calc(var(--radius-lg) - 7px);border:1px dashed #28342e29;position:absolute;inset:5px 6px 6px 5px}.topbar{border-radius:var(--radius-lg);align-items:center;gap:14px;min-height:78px;padding:14px 18px;display:flex}.brand-mark{background:linear-gradient(150deg, #fffdf7e6, #f4e8d4db), var(--surface-solid);border:1px solid #28342e33;border-radius:18px 15px 17px 16px;flex:none;place-items:center;width:54px;height:54px;padding:5px;display:grid;transform:rotate(-1.2deg);box-shadow:3px 4px #28342e14,0 12px 24px #146b8624}.brand-mark img{width:100%;height:100%;display:block}h1,h2,h3{font-family:var(--font-heading);color:var(--ink);letter-spacing:0;margin:0;font-weight:800}h1{font-size:clamp(26px,3.5vw,42px);line-height:1.02}h2{font-size:22px;line-height:1.14}h3{font-size:16px;line-height:1.3}.workspace{grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:14px;min-height:0;display:grid}.editor-card,.control-card{border-radius:var(--radius-lg);min-height:0;overflow:hidden}.editor-card{grid-template-rows:auto auto minmax(640px,1fr) auto;display:grid}.editor-header,.editor-footer{justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.instruction-header{align-items:stretch}.instruction-header .field{width:100%;margin-top:0}.instruction-header textarea{resize:vertical;min-height:92px}.toolbar{border-block:1px solid var(--border);scrollbar-width:thin;scrollbar-color:#5a707952 transparent;background:linear-gradient(90deg,#fffdf7b8,#f7f0e594),#ffffff73;align-items:center;gap:6px;padding:10px 12px;display:flex;overflow-x:auto}.toolbar-divider{background:var(--border);flex:none;width:1px;height:24px;margin:0 3px}.toolbar-button,.toolbar-upload,.secondary-button,.primary-button,.mode-button,.tab{cursor:pointer;transition:transform .15s var(--ease-out), box-shadow .18s var(--ease-out), border-color .18s var(--ease-out), background-color .18s ease, color .18s ease}.toolbar-button:active,.toolbar-upload:active,.secondary-button:active,.primary-button:active,.mode-button:active,.tab:active{transform:scale(.98)}.toolbar-upload{min-width:94px;height:36px;color:var(--accent-strong);border:1px solid var(--border);-webkit-user-select:none;user-select:none;background:#fffdf7b3;border-radius:18px 16px 19px 15px/13px 18px 14px 17px;flex:none;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex;position:relative;box-shadow:2px 3px #28342e0f}.toolbar-upload:hover{border-color:var(--border-strong);background:var(--accent-soft);box-shadow:var(--shadow-sm)}.toolbar-button{width:36px;height:36px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:12px 10px 13px 11px;flex:none;place-items:center;display:inline-grid}.toolbar-button:hover,.toolbar-button[data-active=true]{color:var(--accent-strong);border-color:var(--border);background:var(--accent-soft)}.editor-frame{scrollbar-width:thin;scrollbar-color:#5a707952 transparent;min-height:clamp(560px,62svh,840px);padding:18px;overflow:auto}.editor-surface{min-height:100%;box-shadow:var(--inner);color:var(--ink);background:linear-gradient(#1e6c820e 1px,#0000 1px) 0 0/100% 32px,linear-gradient(100deg,#fffdf7f0,#faf4eae6);border:1px solid #1c596c29;border-radius:21px 18px 22px 19px;outline:none;padding:clamp(20px,3vw,42px);font-size:18px;line-height:1.65}.editor-surface :first-child{margin-top:0}.editor-surface :last-child{margin-bottom:0}.editor-surface h1,.editor-surface h2,.editor-surface h3{margin:0 0 .85em;font-weight:800}.editor-surface h1{font-size:34px}.editor-surface h2{font-size:26px}.editor-surface p{margin:0 0 1em}.editor-surface blockquote{border-left:3px solid var(--gold);color:var(--muted);margin:1em 0;padding-left:1em}.editor-surface ul,.editor-surface ol{padding-left:1.3em}.editor-surface .is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--soft);pointer-events:none}.editor-footer{border-top:1px solid var(--border);color:var(--muted);font-size:13px}.editor-footer span:empty{display:none}.primary-button,.secondary-button{min-height:44px;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), border-color .18s ease, background-color .18s ease;border:1px solid #0000;border-radius:21px 17px 23px 16px/15px 23px 17px 22px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-weight:700;display:inline-flex;position:relative}.primary-button:after,.secondary-button:after,.toolbar-upload:after,.tab:after{content:"";pointer-events:none;border-radius:inherit;opacity:.58;border:1px solid #ffffff38;position:absolute;inset:3px 4px 4px 3px}.primary-button{color:#fff;background:radial-gradient(circle at 28% 22%, #ffffff2e, transparent 10rem), linear-gradient(135deg, var(--accent), var(--accent-strong));border-color:#0b364461;box-shadow:3px 4px #12353e2e,0 14px 30px #146b8633}.primary-button:hover{transform:translate(-1px,-1px)rotate(-.35deg);box-shadow:4px 5px #12353e2e,0 18px 34px #146b863d}.primary-button:disabled{cursor:wait;opacity:.72}.primary-button.full{width:100%}.secondary-button{width:100%;color:var(--ink);border:1px solid var(--border);background:#fffdf7a8;box-shadow:2px 3px #28342e0e}.secondary-button:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translate(-1px,-1px)rotate(-.22deg)}.wave-loader{grid-template-columns:repeat(3,4px);grid-auto-rows:4px;gap:3px;width:18px;height:18px;display:grid}.wave-loader span{opacity:.28;animation:wave-lr .6s var(--ease-in-out) infinite;animation-delay:var(--delay);background:currentColor;border-radius:2px}@keyframes wave-lr{0%,to{opacity:.22;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.control-card{display:flex}.tabs-root{grid-template-rows:auto minmax(0,1fr);width:100%;min-width:0;display:grid}.tabs-list{border-bottom:1px solid var(--border);background:linear-gradient(90deg,#fffdf7ad,#f7f0e58c),#ffffff7a;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px;display:grid;position:relative}.tab{z-index:1;min-width:0;min-height:42px;color:var(--muted);background:0 0;border-radius:13px 11px 14px 12px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.tab[data-selected]{color:#fff}.tab-indicator{z-index:0;background:linear-gradient(135deg, var(--accent), var(--accent-strong));height:42px;transition:transform .22s var(--ease-out), width .22s var(--ease-out);border-radius:13px 11px 14px 12px;position:absolute;box-shadow:3px 4px #12353e1f,0 12px 24px #146b862e}.tab-panel{scrollbar-width:thin;scrollbar-color:#5a707952 transparent;min-height:0;padding:16px;overflow:auto}.panel-section{gap:10px;display:grid}.panel-section+.panel-section,.field,.switch-row,.result-card,.muted-card,.export-stack{margin-top:16px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mode-button{text-align:left;min-height:104px;color:var(--muted);border:1px solid var(--border);background:#ffffff8c;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:7px;padding:13px;display:flex}.mode-button strong{color:var(--ink)}.mode-button span{font-size:13px;line-height:1.35}.mode-button:hover,.mode-button[data-active=true]{color:var(--ink);border-color:var(--border-strong);background:var(--accent-soft);box-shadow:var(--shadow-sm)}.field{gap:8px;display:grid}.field span,.switch-row strong,.rule-row strong,.result-card strong{color:var(--ink);font-size:13px;font-weight:700}.field input,.field textarea{width:100%;min-height:44px;color:var(--ink);border:1px solid var(--border);box-shadow:var(--inner);background:linear-gradient(100deg,#fffdf7db,#faf4eab8),#ffffffb8;border-radius:15px 13px 16px 14px;outline:none;padding:0 13px}.field textarea{resize:vertical;min-height:132px;padding-block:12px;line-height:1.45}.field input:focus,.field textarea:focus{border-color:var(--accent)}.switch-row{border:1px solid var(--border);background:#ffffff8c;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:13px;display:flex}.switch-row div{gap:3px;display:grid}.switch-row span,.rule-row small{color:var(--muted);font-size:13px;line-height:1.35}.switch{background:#5d6f7838;border-radius:999px;flex:none;width:48px;height:28px;padding:3px;transition:background-color .18s;position:relative}.switch[data-checked]{background:var(--accent)}.switch-thumb{width:22px;height:22px;transition:transform .18s var(--ease-out);background:#fff;border-radius:50%;display:block;box-shadow:0 3px 8px #14202938}.switch[data-checked] .switch-thumb{transform:translate(20px)}.rule-list{gap:8px;display:grid}.rule-row{border:1px solid var(--border);background:#ffffff8c;border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:11px;display:grid}.rule-row input{width:17px;height:17px;accent-color:var(--accent);margin-top:2px}.rule-row span{gap:4px;display:grid}.error-banner{color:var(--danger);background:#9c3f3514;border:1px solid #9c3f3540;border-radius:14px;margin:16px 0 0;padding:11px 12px}.result-card,.muted-card,.copy-note{border:1px solid var(--border);background:#fffdf799;border-radius:16px 14px 17px 15px;padding:14px;box-shadow:2px 3px #28342e0b}.inline-edits{max-height:min(42svh,520px);box-shadow:var(--inner);color:var(--ink);white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:#5a707952 transparent;background:linear-gradient(#1e6c820d 1px,#0000 1px) 0 0/100% 31px,#fffdf7a8;border:1px solid #1c596c29;border-radius:15px 13px 16px 14px;padding:14px;font-size:16px;line-height:1.62;overflow:auto}.inline-edits del,.inline-edits ins{text-underline-offset:.16em;border-radius:.32em;padding:0 .12em;text-decoration-thickness:1px}.inline-edits del{color:#9c3f35db;background:#9c3f351a}.inline-edits ins{color:var(--accent-strong);background:#1e6c8224;text-decoration:none}.result-card ul{color:var(--muted);margin:8px 0 14px;padding-left:20px}.result-card li+li{margin-top:6px}.muted-card{color:var(--muted);line-height:1.45}.export-stack{gap:10px;display:grid}.copy-note{color:var(--accent-strong);margin:0;font-weight:700}:focus-visible{outline-offset:3px;outline:3px solid #146b8652}@media (width<=1080px){.workspace{grid-template-columns:1fr}.control-card{min-height:560px}}@media (width<=720px){.app-shell{gap:0;width:100%;min-height:100svh;margin:0}.topbar,.editor-card,.control-card{border-inline:0;border-radius:0}.topbar{min-height:72px;padding:12px 14px}.workspace{gap:0}.editor-card{grid-template-rows:auto auto minmax(620px,1fr) auto}.editor-header,.editor-footer{flex-direction:column;align-items:flex-start;padding:14px}.editor-frame{min-height:62svh;padding:12px}.editor-surface{border-radius:16px;min-height:100%;padding:18px;font-size:16px}.primary-button,.secondary-button{width:100%}.tabs-list{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}