.home-link{font-size:12px;color:#6752b7;text-decoration:none;white-space:nowrap}.studio-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #e6e9ef}.studio-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:61px;min-height:62px;background:#fff;border:1px solid #e6e9ef;border-radius:9px;color:#344054;padding:8px;font-size:11px}.studio-tool>span:first-child{font-size:21px;color:#6752b7;line-height:1.1}.studio-tool:hover,.studio-tool:focus-visible{background:#f1f0fb;border-color:#a894eb}.type-controls{margin-top:18px;padding-top:12px;border-top:1px solid #e6e9ef}.format-checks{display:flex;gap:12px;flex-wrap:wrap}.tool-check{display:flex;align-items:center;gap:4px}.tool-check input{accent-color:#7360c5}.studio-files{border-top:1px solid #e6e9ef;margin-top:20px;padding-top:16px}.studio-files .btn,.object-align .btn{font-size:11px;padding:7px 10px;min-height:34px}.object-align{margin-top:12px}.studio-dialog{width:min(640px,calc(100% - 28px));max-height:85vh;overflow:auto;border:1px solid #dedfea;border-radius:16px;padding:24px;color:#202936;background:#fff;box-shadow:0 18px 70px #20293630}.studio-dialog::backdrop{background:#20293666}.studio-dialog h2{font-size:19px;margin:0 0 8px}.studio-dialog textarea{min-height:120px;margin:12px 0}.studio-dialog select{margin-bottom:12px}.csv-preview{width:100%;border-collapse:collapse;margin-top:16px;font-size:12px;table-layout:fixed}.csv-preview td,.csv-preview th{border:1px solid #e6e9ef;padding:8px;overflow-wrap:anywhere;text-align:left}.csv-preview th{background:#f1f0fb}#studio-db-status{font-size:12px;color:#6752b7}#editor-msg:not(:empty){background:#f1f0fb;color:#6752b7;padding:8px 10px;border-radius:8px}.home{font-family:-apple-system,BlinkMacSystemFont,'Noto Sans TC','Microsoft JhengHei',sans-serif;margin:0;background:#f6f7f9;color:#202936}.home-header{padding:22px max(24px,calc((100vw - 1080px)/2));border-bottom:1px solid #e8eaf0;background:white;display:flex;justify-content:space-between;align-items:center}.home-header strong{font-size:17px}.home-header span{font-size:12px;color:#778392}.home-main{max-width:1080px;margin:70px auto;padding:0 24px}.home-kicker{font-size:12px;letter-spacing:2px;color:#6752b7}.home h1{font-size:clamp(30px,5vw,52px);line-height:1.35;letter-spacing:1px;max-width:700px;margin:18px 0}.home-lead{color:#778392;line-height:1.9;font-size:16px;max-width:650px}.home-cta{display:inline-flex;align-items:center;gap:24px;background:#7360c5;color:white;border-radius:10px;padding:14px 22px;text-decoration:none;margin-top:20px;font-size:15px}.home-cta:hover{background:#6752b7}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:58px}.home-card{background:white;border:1px solid #e6e9ef;border-radius:16px;padding:24px;box-shadow:0 6px 26px #22304a07}.home-card b{display:block;font-size:15px;margin-bottom:10px}.home-card p{font-size:13px;line-height:1.8;color:#778392;margin:0}.home-footer{max-width:1080px;margin:55px auto 24px;padding:0 24px;color:#778392;font-size:12px}.home-demo{display:flex;justify-content:center;align-items:center;min-height:120px;background:#f8f9fc;border-radius:12px;margin-top:30px}.home-label{display:flex;flex-direction:column;gap:5px;text-align:center;box-shadow:0 8px 20px #19294316;background:white;padding:18px 30px;color:#273448}.home-label b{font-size:22px}.home-label span{font-size:10px;letter-spacing:3px}.home-status{display:inline-block;font-size:11px;color:#6752b7;background:#f1f0fb;border-radius:20px;padding:6px 10px;margin-bottom:4px}@media(max-width:767px){.home-main{margin-top:36px}.home-grid{grid-template-columns:1fr;margin-top:30px}.home-header span{display:none}.studio-toolbar{gap:5px}.studio-tool{flex:1 0 17%;min-width:50px;font-size:10px;padding:6px}.studio-files{display:grid;grid-template-columns:1fr}.home-footer{line-height:1.8}header.site{flex-wrap:wrap}}

header.site{position:relative;padding-top:40px}.home-link{position:absolute;top:8px;left:0}header.site>div{min-width:0}.type-controls{margin-top:14px}@media(max-width:767px){header.site{padding-top:38px}.studio-tool{overflow-wrap:anywhere}}

header.site h1{text-wrap:balance}
.inspiration-result{margin:10px 0 0;padding:10px 12px;background:#f1f0fb;border:1px solid #dedfea;border-radius:9px;font-size:11px;line-height:1.8;color:#6752b7}.starter-row button:hover{background:#f1f0fb}

/* Open-source Iansui, bundled with its SIL Open Font License. */
@font-face{font-family:'Lumi Iansui';src:url('../fonts/Iansui-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
header.site h1,.home-label{font-family:'Lumi Iansui','PingFang TC',cursive}
header.site h1{font-weight:400;letter-spacing:.04em}
.home-label{background:#d4a84b;color:#1a1a1a;background-image:repeating-linear-gradient(135deg,transparent 0 8px,#ffffff12 8px 9px);border-radius:3px}
.home-label b{font-weight:400;font-size:26px}
.home-label span{font-size:14px;letter-spacing:.06em;line-height:1.6}

.home-label{position:relative;border:2px dashed #1a1a1a;border-radius:14px;padding:20px 32px;outline:5px solid #d4a84b}
/* Single editing column with a compact Word-style formatting ribbon. */
.editor-workspace{grid-template-columns:minmax(0,1fr)!important}.side-rail[hidden]{display:none!important}
.studio-toolbar{position:relative;align-items:center;gap:7px;padding-bottom:14px}
.word-formatting{display:contents}.word-group{display:flex;align-items:center;gap:3px;min-width:0;padding-left:8px;border-left:1px solid #e6e9ef;min-height:36px}
.word-button,.word-toggle{position:relative;display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:32px;min-height:32px;margin:0;padding:3px;border:1px solid transparent;border-radius:6px;background:transparent;color:#344054;font-size:16px;line-height:1;cursor:pointer}
.word-button svg,.word-inspector>summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.word-button:hover,.word-toggle:hover,.word-inspector>summary:hover{background:#f1f0fb;border-color:#dedfea}
.word-button[aria-pressed=true],.word-toggle:has(input:checked){background:#eee8ff;color:#6752b7;border-color:#bca9ec}
.word-toggle input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.word-toggle:focus-within{outline:2px solid #a894eb;outline-offset:2px}
.word-group select.word-font{width:156px;max-width:100%;min-height:32px;padding:4px 7px;font-size:12px;border-radius:6px;margin:0;background:white;border:1px solid #dce1e9}
.word-group input.word-size{width:57px;min-height:32px;padding:4px 5px;font-size:12px;margin:0;border-radius:6px;background:white;border:1px solid #dce1e9}
.word-unit,.word-group-label{font-size:10px;color:#778392}.word-font-preview{font-size:13px}.word-direction-icon{font-size:14px}
.word-object-group{margin-left:auto}.word-object-group #object-list{width:135px;min-height:32px;padding:4px 6px;font-size:11px;margin:0;border-radius:6px}
.word-inspector{position:static;margin:0}.word-inspector>summary{list-style:none;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #dedfea;border-radius:7px;color:#6752b7;cursor:pointer;background:#fff}.word-inspector>summary::-webkit-details-marker{display:none}.word-inspector[open]>summary{background:#f1f0fb;border-color:#a894eb}
.word-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:min(380px,calc(100vw - 56px));max-height:65vh;overflow:auto;background:white;border:1px solid #dedfea;border-radius:12px;padding:18px;box-shadow:0 12px 36px #22304a20}
.word-panel .props{background:none;border:0;box-shadow:none;padding:0;max-height:none}.word-panel .type-controls{margin-top:10px}.word-panel .props h2{font-size:14px}.word-panel .props label{font-size:12px}.word-panel .props .btn{font-size:11px;min-height:32px;padding:7px 9px}.word-panel .format-checks:empty{display:none}
.word-selection-tip{color:#778392;font-size:11px;margin:0 6px}.col-canvas>#chooser-popover{margin:0 0 18px;max-height:440px;box-shadow:0 8px 24px #22304a0c}.col-canvas>#chooser-popover .brother-gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.col-canvas>#chooser-popover .font-choice{grid-column:1/-1}
@media(max-width:767px){.studio-toolbar{gap:5px}.word-group{padding-left:5px;gap:2px}.word-object-group{margin-left:0}.word-group select.word-font{width:140px}.word-button,.word-toggle{width:28px;flex-basis:28px}.word-panel{right:0;width:min(360px,calc(100vw - 56px))}.word-selection-tip{font-size:10px}}
.clipart-category-row{display:flex;align-items:center;gap:14px;width:min(100%,480px);padding:5px 0 9px}.clipart-category-row label{margin:0;font-size:13px;color:#344054;white-space:nowrap}.clipart-category-row select{margin:0;width:100%;font-size:14px;padding:9px 12px;background:#fff;border:1px solid #dce1e9;border-radius:8px;color:#273448}
.col-canvas>#chooser-popover .brother-gallery.clipart-glyph-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:9px;padding:8px 1px;align-items:stretch}.clipart-glyph-gallery .clipart-glyph{min-height:84px;padding:11px 7px 6px;text-align:center;border-color:#e6e9ef;background:#fff}.clipart-glyph-gallery .clipart-glyph img{width:100%;height:46px;object-fit:contain;background:#fff;border-radius:0;filter:none}.clipart-glyph-gallery .clipart-glyph small{display:block;margin-top:6px;font-size:9px;text-align:center;color:#96919e}.clipart-glyph-gallery .clipart-glyph:hover{border-color:#a894eb;background:#f6f3fc}.clipart-glyph-gallery .clipart-glyph:hover img{background:transparent}.clipart-load-error{opacity:.4}.col-canvas>#chooser-popover .brother-gallery.clipart-picture-gallery{grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}
@media(max-width:767px){.clipart-category-row{gap:9px}.clipart-category-row select{font-size:13px}.col-canvas>#chooser-popover .brother-gallery.clipart-glyph-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.clipart-glyph-gallery .clipart-glyph{min-height:72px;padding:8px 4px 4px}.clipart-glyph-gallery .clipart-glyph img{height:40px}}

.clipart-category-row~label{display:block}#chooser-popover #brother-search{width:100%;max-width:480px;padding:9px 12px;border:1px solid #dce1e9;border-radius:8px;font-size:13px;background:#fff;color:#273448}
#studio-shape>span:first-child svg{display:block;width:27px;height:27px}#studio-shape[aria-expanded=true]{background:#f1f0fb;border-color:#a894eb;--shape-icon-background:#f1f0fb}.shape-menu{position:absolute;z-index:35;min-width:205px;padding:8px;border:1px solid #d9d8dd;border-radius:16px;background:#fafafbed;backdrop-filter:blur(18px);box-shadow:0 10px 28px #20293626}.shape-menu>button{display:flex;align-items:center;gap:14px;width:100%;padding:9px 12px;min-height:46px;background:transparent;border:0;border-radius:8px;color:#303034;font-size:17px;font-weight:500;text-align:left}.shape-menu>button svg{width:30px;height:30px;flex:0 0 30px}.shape-menu>button:hover,.shape-menu>button:focus-visible{background:#eae4f8;color:#5e4bac;outline:0}.shape-menu[hidden]{display:none!important}@media(max-width:767px){.shape-menu{min-width:190px}.shape-menu>button{font-size:16px;min-height:44px}#studio-shape>span:first-child svg{width:25px;height:25px}}
.frame-catalog-gallery {grid-template-columns:repeat(2,minmax(0,1fr));}
.frame-catalog-gallery .brother-thumb img {width:100%;height:88px;object-fit:contain;}
.frame-catalog-gallery .brother-thumb[aria-pressed="true"] {outline:2px solid #7860cb;background:#f2effc;}
.col-canvas>#chooser-popover .brother-gallery.frame-catalog-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.frame-catalog-gallery .brother-thumb img{background:white;border-radius:0;}
.col-canvas>#chooser-popover.native-frame-open:not([hidden]){display:flex;flex-direction:column;height:min(68vh,650px);max-height:min(68vh,650px);overflow:hidden;overscroll-behavior:none;}
.native-frame-open>.chooser-head,.native-frame-open>.chooser-cats,.native-frame-open>label,.native-frame-open>input,.native-frame-open>#brother-count{flex-shrink:0;}
.col-canvas>#chooser-popover.native-frame-open .brother-gallery{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;padding:6px 10px 10px 3px;align-content:start;}
.native-frame-open .brother-thumb{min-height:128px;}
.native-frame-open .frame-catalog-gallery .brother-thumb img{height:84px;}
@media(max-width:600px){.col-canvas>#chooser-popover.native-frame-open:not([hidden]){height:65vh;max-height:65vh;}.native-frame-open .brother-thumb{min-height:100px;}.native-frame-open .frame-catalog-gallery .brother-thumb img{height:60px;}}
@media(min-width:1000px){.col-canvas>#chooser-popover.native-frame-open .brother-gallery.frame-catalog-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}.native-frame-open .brother-thumb{min-height:112px;}.native-frame-open .frame-catalog-gallery .brother-thumb img{height:72px;}}
#studio-symbol>span:first-child svg{display:block;width:27px;height:27px}
.col-canvas>#chooser-popover.art-symbol-open:not([hidden]){display:flex;flex-direction:column;height:min(68vh,650px);max-height:min(68vh,650px);overflow:hidden;overscroll-behavior:none}
.art-symbol-open>.chooser-head,.art-symbol-open>.chooser-cats,.art-symbol-open>#brother-count{flex-shrink:0}
.art-symbol-category-row{display:flex;align-items:center;gap:14px;width:min(100%,520px);padding:5px 0 9px}
.art-symbol-category-row label{margin:0;font-size:13px;white-space:nowrap;color:#344054}
.art-symbol-category-row select{width:100%;margin:0;padding:9px 12px;font-size:14px;color:#273448;background:white;border:1px solid #dce1e9;border-radius:8px}
.col-canvas>#chooser-popover .brother-gallery.art-symbol-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;padding:7px 9px 10px 3px;align-content:start}
.art-symbol-gallery .art-symbol-choice{min-height:90px;padding:12px 10px;border-color:#e6e9ef;background:white;display:flex;align-items:center;justify-content:center}
.art-symbol-gallery .art-symbol-choice img{width:100%;height:62px;object-fit:contain;background:transparent;border-radius:0;filter:none}
.art-symbol-gallery .art-symbol-choice:hover,.art-symbol-gallery .art-symbol-choice:focus-visible{background:#f6f3fc;border-color:#a894eb}
@media(max-width:600px){.col-canvas>#chooser-popover.art-symbol-open:not([hidden]){height:65vh;max-height:65vh}.col-canvas>#chooser-popover .brother-gallery.art-symbol-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.art-symbol-gallery .art-symbol-choice{min-height:68px;padding:8px 5px}.art-symbol-gallery .art-symbol-choice img{height:46px}}
/* Guided editing ribbon */
.studio-toolbar.guided-ribbon{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;margin:0 0 22px;border:1px solid #e1dfec;border-radius:16px;background:#fff;box-shadow:0 4px 18px #30204b06;}
.ribbon-add{padding:16px 18px 15px;background:linear-gradient(115deg,#faf8ff,#fff);border-radius:16px 16px 0 0;}
.ribbon-heading{display:flex;align-items:center;gap:8px;min-height:24px;margin-bottom:12px;color:#353047;font-size:13px;}
.ribbon-step{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:7px;background:#ece6fb;color:#7358bf;font-size:11px;font-weight:700;}
.ribbon-heading strong{font-weight:650;}.ribbon-heading-note{margin-left:6px;font-size:11px;color:#8b8599;}
.ribbon-tools{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;}
.guided-ribbon .ribbon-tools .studio-tool{width:auto;min-width:0;min-height:74px;margin:0;padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #e5e0ef;border-radius:11px;background:#fff;color:#514664;font-size:12px;transition:background .15s,border-color .15s,transform .15s;}
.guided-ribbon .ribbon-tools .studio-tool>span:first-child{color:#8064c4;font-size:25px;line-height:27px;}
.guided-ribbon .ribbon-tools .studio-tool svg{width:27px;height:27px;display:block;}
.guided-ribbon .ribbon-tools .studio-tool:hover{background:#f4efff;border-color:#ab96d8;transform:translateY(-1px);}
.guided-ribbon .studio-tool:focus-visible{outline:3px solid #c9b8ee;outline-offset:2px;}
.ribbon-edit{padding:16px 18px 12px;border-top:1px solid #ece8f2;}
.ribbon-edit>.ribbon-heading{margin-bottom:9px;}
.ribbon-selection{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:9px 10px;background:#f8f8fb;border:1px solid #edeaf3;border-radius:10px;}
.ribbon-status{font-size:11px;color:#92909b;flex:1;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.ribbon-status.has-selection{color:#6e51ac;font-weight:600;}.ribbon-status.has-selection:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#9b80d3;margin-right:7px;vertical-align:1px;}
.ribbon-selection .word-object-group{margin:0;padding:0;border:0;min-height:32px;gap:7px;}
.ribbon-selection .word-object-group #object-list{width:155px;max-width:100%;background:#fff;}
.ribbon-selection .word-group-label{font-size:10px;color:#938c9f;}
.guided-ribbon .word-inspector>summary{display:flex;align-items:center;justify-content:center;gap:5px;width:auto;min-height:32px;height:32px;padding:0 9px;border-color:#e2ddeb;font-size:11px;white-space:nowrap;}
.guided-ribbon #studio-delete{display:flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:0;min-height:32px;height:32px;margin:0;padding:0 10px;border:1px solid #eadce0;border-radius:7px;background:#fff;color:#ad687a;font-size:11px;}
.guided-ribbon #studio-delete>span:first-child{font-size:18px;line-height:1;}.guided-ribbon #studio-delete:hover:not(:disabled){background:#fff0f3;border-color:#d9a1b0;}.guided-ribbon #studio-delete:disabled{opacity:.4;cursor:default;}
.guided-ribbon .word-formatting{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px 18px;min-height:65px;}
.guided-ribbon .word-formatting .word-group{position:relative;display:flex;align-items:center;gap:4px;border:0;padding:21px 0 0;min-height:58px;}
.guided-ribbon .word-formatting .word-group:before{content:attr(data-ribbon-label);position:absolute;top:0;left:2px;font-size:10px;color:#9b93a6;letter-spacing:.04em;}
.guided-ribbon .word-button,.guided-ribbon .word-toggle{width:33px;height:34px;border-radius:7px;background:#faf9fc;}
.guided-ribbon .word-group select.word-font{width:180px;height:34px;min-height:34px;border-color:#e1dceb;}
.guided-ribbon .word-group input.word-size{height:34px;min-height:34px;}
.guided-ribbon .word-selection-tip{display:flex;align-items:center;min-height:54px;margin:0;color:#8b8398;font-size:12px;line-height:1.7;}
.ribbon-help{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:12px;padding-top:10px;border-top:1px dashed #ece8f2;font-size:10px;color:#9c96a6;}.ribbon-help span:before{content:'·';margin-right:5px;color:#b19bcf;}
@media(max-width:767px){.ribbon-add,.ribbon-edit{padding:12px;}.ribbon-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}.guided-ribbon .ribbon-tools .studio-tool{min-height:65px;font-size:10px;gap:5px;}.ribbon-heading-note{font-size:10px;margin-left:0;}.ribbon-selection{gap:7px;padding:8px;}.ribbon-status{flex-basis:100%;}.ribbon-selection .word-object-group{flex:1;}.ribbon-selection .word-object-group #object-list{width:100%;max-width:170px;}.ribbon-selection .word-group-label{display:none;}.guided-ribbon .word-formatting{gap:10px;}.guided-ribbon .word-group select.word-font{width:155px;}.ribbon-help{gap:5px 10px;line-height:1.5;}.ribbon-help span:last-child{display:none;}}
.beginner-writing{position:relative;margin-bottom:20px;padding:18px;border:1px solid #dcd2ee;border-radius:13px;background:#fbf9ff;}
.beginner-writing>label{font-size:15px;color:#514066;}.beginner-writing>label span{color:#9a8eaa;font-size:11px;}
.beginner-writing #buyer-text{background:#fff;border:1px solid #dcd3ea;border-radius:9px;margin-top:10px;font-size:17px;line-height:1.8;min-height:92px;box-shadow:0 2px 6px #533a8304;}
.beginner-writing #buyer-text:focus{border-color:#a58bcf;outline:3px solid #eee7fb;}
.ribbon-preview-link{display:block;margin:12px 0 0 auto;border:0;background:transparent;color:#8060b7;font-size:12px;padding:4px 0;cursor:pointer;}
@media(max-width:767px){.beginner-writing{padding:13px;}.beginner-writing>label span{display:block;margin:6px 0 0;}.beginner-writing #buyer-text{font-size:16px;}}