/* Approved picture-book direction; live editor controls remain native HTML. */
.home-hero .button.primary{background:#4b9476;color:#fff}.home-hero .button.primary:hover{background:#3d8768}
:root{--ink:#294d3c;--muted:#7c8574;--accent:#3d886d;--accent-light:#ecf5e9;--paper:#fcf7e9;--line:#e5ddc7;--gold:#e9bd65}body{background:#fcf8ed;background-image:radial-gradient(#b7a67b0d .7px,transparent .7px);background-size:7px 7px}.topbar{height:88px;max-width:1460px;border-bottom:1px solid #dcd5b45c;padding:0 42px;gap:20px}.brand{font-family:Georgia,"Songti TC",serif;gap:10px;font-size:28px;letter-spacing:0;color:#28684c}.brand em{font-style:normal;font-weight:400;color:#5a604b;font-size:22px}.book-mark{display:inline-block;width:49px;height:44px;flex-shrink:0}.book-mark svg{height:100%;width:100%}.topbar nav{display:flex;gap:36px;align-self:stretch;align-items:center;margin-right:auto;margin-left:30px}.topbar nav a{font-size:15px;font-weight:550;color:#5b5944;align-content:center;height:100%;position:relative;white-space:nowrap}.topbar nav a.active{color:#2f7a5b}.topbar nav a.active:after{content:"";height:4px;border-radius:4px;background:#4c9672;position:absolute;bottom:0;left:0;right:0}.local{font-size:10px;color:#8a937f;white-space:nowrap}main{max-width:1380px;padding:0 0 22px}.story-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:280px;padding:24px 20px 18px;overflow:hidden}.hero-copy{position:relative;z-index:1;flex:0 0 48%;padding-left:10px}.story-hero h1{font-family:"Songti TC","Noto Serif TC",serif;letter-spacing:2px;font-size:43px;line-height:1.45;color:#284b34}.story-hero .subtitle{font-family:"Songti TC",serif;font-size:19px;letter-spacing:2px;margin:12px 0 17px;color:#806b48}.hero-art{display:block;width:52%;height:270px;object-fit:contain;object-position:50% 60%;mix-blend-mode:multiply}.story-hero .button{padding:7px 12px;font-size:10px;background:#fff9efb3;border-color:#e6d8b7}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(380px,.85fr);gap:18px}.content-column,.settings-column{gap:16px}.panel{background:#fffefbdc;border-color:#e4dcc6;border-radius:18px;padding:23px;box-shadow:0 2px 0 #e9dfbf30}.section-head{margin-bottom:17px}.section-head h2{font-family:"PingFang TC",sans-serif;font-size:20px;font-weight:600;letter-spacing:1px;color:#326b53;gap:10px}.section-symbol{font-family:Georgia,serif;font-size:28px;line-height:1;color:#6f9e80;letter-spacing:0}.dropzone{padding:23px 10px;border-radius:10px;border-color:#d4d1bf;background:#f7f7f1;gap:15px;margin-bottom:20px}.dropzone strong{font-size:13px}.dropzone span{font-size:10px}.dropzone svg{color:#8bad91}.dropzone.drag{background:#edf4e6}.title-row{margin-bottom:7px}input:not([type=range]):not([type=checkbox]),select,textarea{border-color:#dbd9cb;background:#fffefd;border-radius:7px}textarea{min-height:246px;font-size:16px;line-height:1.85;letter-spacing:.3px}.text-label span{font-size:10px}.editor-foot{font-size:10px;color:#8b927e}.settings .section-head{margin-bottom:16px}.settings>label{font-size:12px}.setting-label{margin-top:16px;margin-bottom:8px}select{padding:10px 11px!important}.presets{gap:12px}.preset{border-color:#dcd7c5;padding:8px;min-height:103px;flex-direction:row;align-items:center;gap:4px;background:#fffdf6}.preset.active{border:1.5px solid #408265;background:#f7faf0;box-shadow:0 0 0 2px #6f9e8006}.preset-portrait{display:block;flex:0 0 75px;height:78px;background-image:url('/static/assets/voice-portraits.png');background-repeat:no-repeat;background-size:200% 100%;background-position:left center}.cute-portrait{background-position:right center}.preset-copy{display:flex;flex-direction:column;white-space:nowrap}.preset strong{font-size:13px;margin:0;font-weight:500}.preset small{font-size:9px;margin-top:4px}.slider-head{margin-top:18px;margin-bottom:8px}.slider-head label{font-size:12px}.slider-head output{color:#4a6b4c;background:#eff3e7}.range-captions{font-size:9px}.divider{margin-top:17px;border-color:#e5dfca}.settings .spaced{margin-top:16px}.mini-note{margin:12px 0;font-size:10px}.actions{gap:10px;grid-template-columns:1fr 1.25fr}.actions .button{padding:12px;font-size:13px}.primary{background:#4b9476;box-shadow:0 2px 0 #367252}.primary:hover{background:#3d8768}.secondary{border:1px solid #62957b;background:#fffdf6;color:#397c5a}.button{border-radius:9px}.quiet{border-color:#ddcfac}.privacy{font-size:9px;color:#96937c;margin-top:12px}.pronunciation .helper{font-size:11px;margin-top:-4px}.rule-table{margin-top:12px}.rule-head{margin-top:0}.rule-row{gap:11px}.rule-row input{font-size:13px!important;padding:9px 12px!important}.rule-head,.rule-row{grid-template-columns:1fr 1.6fr 25px}.example{font-size:10px;margin-bottom:12px}.text-button{font-size:11px}.notice{background:#edf3e5;color:#60714f}.warning{background:#fff0d7;color:#876535}pre{background:#f3f5e9}.result{padding:19px 22px}.result .section-head{margin-bottom:13px}.result h2{font-size:18px}.empty-result{padding:5px}.empty-result svg{height:26px}.empty-result p{margin:3px 0}.history-section{margin-top:26px}.history-section .section-head h2{font-size:17px;font-family:inherit;letter-spacing:.5px}.history-row{border-color:#e2dcc5}.history-badge{background:#edeedc;color:#869174}footer{border-color:#ddd7be;color:#9a947c;margin-top:24px}#toast{background:#3b7356}.home-main{max-width:1280px;margin:0 auto;padding:0 35px}.home-hero{min-height:390px}.home-hero .hero-copy{flex-basis:46%}.home-hero .hero-art{height:340px;width:54%}.home-hero h1{font-size:45px}.home-hero .primary{margin-top:12px;padding:13px 25px;font-size:15px}.modules-section{margin:15px 0 50px}.modules-section>h2{font-family:"Songti TC",serif;font-size:25px;letter-spacing:1px;margin-bottom:20px}.module-card{display:flex;align-items:center;gap:30px;border:1px solid #e1d8bd;border-radius:20px;padding:30px 38px;background:#fffdf5;max-width:850px;box-shadow:0 4px 0 #e8dfbf28;color:inherit}.module-art{width:110px;height:100px;border-radius:17px;background:#e9f0df;display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-art svg{width:64px;height:64px;color:#66967a}.module-copy h3{font-family:"Songti TC",serif;font-size:26px;margin:0 0 8px;color:#2f654a}.module-copy p{margin:0;color:#8b846b;font-size:13px;max-width:480px}.module-features{font-size:11px;color:#a09576;margin-top:11px}.module-arrow{margin-left:auto;font-size:28px;color:#649174}.module-card:hover{border-color:#7ca083;background:#fffff8}.home-footer-note{font-size:12px;color:#a0977c;margin:25px 0 0}@media(max-width:1460px){main{margin:0 35px}.topbar{padding:0 35px}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 345px}.hero-art{width:49%;height:240px}.hero-copy{flex-basis:51%}.story-hero h1{font-size:36px}.story-hero .subtitle{font-size:16px}.preset-portrait{flex-basis:56px;height:68px}.preset strong{font-size:12px}.preset small{display:none}.preset{min-height:83px;padding:6px}.section-head h2{font-size:17px}.topbar nav{gap:24px;margin-left:10px}.brand{font-size:24px}.brand em{font-size:19px}.local{display:none}}@media(max-width:850px){main{margin:0 22px}.topbar{padding:0 22px}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.panel{padding:18px}.section-head h2{font-size:16px;letter-spacing:0}.dropzone strong{font-size:11px}.preset-portrait{flex-basis:45px;height:58px}.preset strong{font-size:11px}.actions .button{padding:11px 6px;font-size:11px}.story-hero{padding-left:0;padding-right:0;min-height:245px}.story-hero h1{font-size:32px}.hero-copy{padding-left:0}.hero-art{height:220px}.story-hero .subtitle{font-size:14px;letter-spacing:1px}.topbar nav{gap:18px}.brand em{font-size:17px}.brand{font-size:22px}.book-mark{width:39px;height:39px}.topbar nav a{font-size:13px}.home-main{padding:0 22px}.home-hero h1{font-size:36px}.home-hero .hero-art{height:280px}}@media(max-width:700px){.topbar{height:74px;padding:0 17px;flex-wrap:nowrap;gap:10px}.brand{font-size:20px;gap:7px}.brand em{display:block;font-size:12px;line-height:1;letter-spacing:1px;margin-top:2px}.topbar nav{gap:18px;margin:0 0 0 auto}.topbar nav a{font-size:12px}.book-mark{width:36px;height:37px}.brand>span:last-child{line-height:1.2}.story-hero{display:block;min-height:0;padding:26px 0 15px;overflow:visible}.hero-copy{padding:0 5px;max-width:100%}.story-hero h1{font-size:34px;line-height:1.4;letter-spacing:2px}.story-hero .subtitle{font-size:15px;margin-top:10px}.story-hero .button{font-size:10px;padding:7px 11px;margin-top:0}.hero-art{height:auto;max-height:220px;width:100%;margin:-1px auto -4px;object-position:50% 50%}.workspace{display:flex;gap:16px}.panel{padding:22px 18px}.section-head h2{font-size:19px}.dropzone{padding:24px 8px}.dropzone strong{font-size:11px}.dropzone span{font-size:9px}.content-column,.settings-column{gap:16px}textarea{min-height:230px;font-size:15px}.presets{gap:12px}.preset{padding:10px;min-height:100px;gap:8px}.preset-portrait{flex-basis:70px;height:76px}.preset strong{font-size:12px}.preset small{display:block;font-size:9px}.actions .button{padding:13px 8px;font-size:12px}.rule-head,.rule-row{grid-template-columns:1fr 1.5fr 23px;gap:8px}.rule-row input{font-size:12px!important}.example{font-size:9px}.text-label span{font-size:9px}.result .section-head h2{font-size:18px}.home-main{margin:0;padding:0 22px}.home-hero{padding-top:32px}.home-hero .hero-copy{padding:0}.home-hero h1{font-size:34px}.home-hero .hero-art{height:auto;max-height:260px;width:100%;margin-top:8px}.home-hero .primary{font-size:14px;padding:12px 22px}.modules-section{margin-top:5px}.module-card{padding:25px 20px;gap:17px;align-items:flex-start}.module-art{width:64px;height:70px;border-radius:12px}.module-art svg{width:44px;height:44px}.module-copy h3{font-size:23px}.module-copy p{font-size:12px}.module-features{font-size:10px;line-height:1.8}.module-arrow{font-size:20px}.home-footer-note{font-size:11px}.modules-section>h2{font-size:22px}}@media(max-width:370px){.topbar nav{gap:12px}.brand{font-size:18px}.book-mark{width:30px}.preset-portrait{flex-basis:54px;height:65px}.preset{gap:4px}}

.rules-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0 10px}.shared-choice{margin-top:20px;display:flex;align-items:center;gap:8px}.pronunciation .helper{line-height:1.8}.pronunciation details{margin:14px 0}.pronunciation #rules-status{overflow-wrap:anywhere}
#import-choice{border:1px solid #dce5d8;border-radius:24px;background:#fffef9;color:#3c4e40;padding:28px;max-width:510px;width:calc(100% - 32px);box-shadow:0 20px 80px #203c3226}#import-choice::backdrop{background:#233f3566}#import-choice h2{font-size:23px;margin:10px 0 14px}#import-choice p{line-height:1.9;color:#677566;margin-bottom:22px}.dialog-symbol{font-size:28px;color:#65856a}.import-options{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.import-options .button{padding:12px 17px}.import-options .text-button{margin-left:auto}
@media(max-width:600px){#import-choice{padding:24px}.import-options{flex-direction:column;align-items:stretch}.import-options .text-button{margin:6px 0 0}.rules-actions{gap:12px}.shared-choice{align-items:flex-start}}