:root{--navy:#1e2744;--ink:#2a3a5e;--muted:#8392a8;--blue:#46b8f3;--blueDeep:#3c77ea;--pale:#f3f8ff;--line:#e9eef6;--orange:#ffb65b;--surface:#fff;--radius:20px;--shadow:0 20px 60px rgba(56,102,161,.085);--cika-cyan:#59d5ff;--cika-green:#78f1c0;--cika-yellow:#ffe15a;--cika-pink:#ff8ab2;--cika-purple:#a986ff;--cika-orange:#ffad4d} 
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f6fbff 0,#fcfdff 55%,#ffffff 100%);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;color:var(--ink);font-size:14px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.container{max-width:1370px;margin:0 auto;padding:0 34px}.hidden{display:none!important}.ambient{position:absolute;pointer-events:none;z-index:-1;filter:blur(3px)}.ambient-a{top:125px;left:-120px;width:450px;height:350px;background:radial-gradient(circle,rgba(89,213,255,.28) 0,rgba(120,241,192,.14) 38%,transparent 72%)}.ambient-b{top:270px;right:-150px;width:480px;height:430px;background:radial-gradient(circle,rgba(255,138,178,.16) 0,rgba(255,225,90,.18) 42%,transparent 72%)}
.site-header{height:83px;background:rgba(255,255,255,.76);border-bottom:1px solid #eaf1fa;backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand-logo{width:54px;height:54px;border-radius:50%;object-fit:cover;background:white;box-shadow:0 2px 12px #bed8f355}.brand-name strong{display:block;letter-spacing:.8px;font-size:23px;color:#1d67b9}.brand-name strong span{font-size:15px;color:#26435c;letter-spacing:0;margin-left:8px;font-weight:650}.brand-name small{display:block;font-size:10px;letter-spacing:1.5px;color:#96aac0;margin-top:2px}.header-right{font-size:12px;color:#617895;display:flex;align-items:center;gap:12px}.header-tiny-star{color:#ffc35d;font-size:18px}.header-divider{width:3px;height:3px;background:#b7c7d9;border-radius:50%}
.hero{min-height:267px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;padding:25px 12px 22px}.hero-copy{z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #d9eafc;background:#fff;border-radius:50px;padding:8px 13px;font-weight:750;letter-spacing:1.6px;font-size:10px;color:#5394d7}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#ffbb67}.hero h1{font-size:37px;line-height:1.37;letter-spacing:-1.8px;color:#1e3654;font-weight:800;margin:15px 0 8px}.hero h1 em{font-style:normal;color:#347bce}.hero-copy>p{color:#7b8ea8;line-height:1.9;margin:0;font-size:13px}.hero-labels{display:flex;gap:19px;margin-top:14px;font-size:12px;color:#5488bb}.hero-labels span:first-letter{color:#489f8b}.hero-art{width:365px;height:220px;position:relative;margin-right:90px}.art-page{position:absolute;left:90px;top:12px;width:160px;height:198px;border-radius:6px 13px 13px 6px;transform-origin:bottom left;box-shadow:9px 16px 24px #90accb36;border:1px solid #e7eefa}.art-page-back{background:#f6c88e;transform:rotate(23deg);left:131px;top:0}.art-page-mid{background:#b5d6f5;transform:rotate(13deg);left:109px;top:4px}.art-page-front{background:linear-gradient(154deg,#fefefe,#e6f3ff);transform:rotate(-7deg);left:95px;top:13px;padding:30px 20px;display:flex;align-items:flex-start;flex-direction:column}.art-cover-label{color:#256eb8;font-size:19px;font-weight:800;line-height:1.15;letter-spacing:1.7px}.art-cover-line{width:41px;height:4px;border-radius:20px;background:#f5bc7f;margin-top:15px}.art-cover-shape{font-size:70px;line-height:1;color:#acd2f5;align-self:center;margin-top:-7px}.art-cover-footer{font-size:5px;letter-spacing:1px;color:#83a4c0;margin-top:auto}.art-doodle{position:absolute;color:#ffbe73}.doodle-one{top:12px;left:50px;font-size:30px}.doodle-two{right:23px;bottom:34px;font-size:24px}.art-handdraw{position:absolute;top:29px;right:-46px;font-family:cursive;color:#8aaad1;font-size:14px;transform:rotate(12deg)}
.app-shell{background:#fff;border:1px solid #e5eef8;box-shadow:var(--shadow);border-radius:22px;display:grid;grid-template-columns:244px minmax(450px,1fr) 310px;align-items:stretch;min-height:780px;overflow:hidden}.sidebar{padding:26px 15px 22px;background:#fafcff;border-right:1px solid #edf2fa;display:flex;flex-direction:column}.sidebar-heading{font-size:12px;color:#9cacc1;letter-spacing:.5px;padding:2px 13px 18px;font-weight:650}.sidebar-heading span{font-size:9px;letter-spacing:1.5px;margin-left:6px;color:#b5c6d9}.side-item{border:0;border-radius:12px;padding:12px 9px;background:transparent;display:flex;align-items:center;gap:9px;width:100%;text-align:left;color:#53677e;transition:.18s;margin-bottom:7px}.side-item:hover{background:#f0f7ff}.side-item.active{background:#e9f4ff;color:#2775cb}.side-icon{width:35px;height:35px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:9px;flex-shrink:0}.side-icon.blue{background:#d3eaff;color:#3288dd}.side-icon.orange{background:#fff0dd;color:#ed9b50}.side-icon.purple{background:#eee9ff;color:#8b7acc}.side-label{font-size:13px;font-weight:750;flex:1}.side-label small{font-size:10px;display:block;margin-top:4px;color:#9aaabf;font-weight:450}.side-arrow{font-size:20px;color:#b5c6d6}.sidebar-separator{border-top:1px dashed #e4edf8;margin:22px 9px}.sidebar-quote{border-radius:16px;background:linear-gradient(150deg,#e5f2ff,#f3f9ff);padding:22px 16px 20px;position:relative;color:#4d7ead}.quote-star{color:#f6b75d;font-size:22px;display:block;margin-bottom:6px}.sidebar-quote strong{font-size:14px;line-height:1.65;display:block;color:#32699d}.sidebar-quote p{font-size:11px;color:#8baac9;line-height:1.8;margin:8px 0 13px}.quote-bottom{font-size:9px;color:#9dbdd8;letter-spacing:1px}.sidebar-bottom{margin-top:auto;font-size:10px;color:#91a8bb;display:flex;align-items:center;justify-content:center;gap:7px;padding-top:26px}.privacy-dot{width:6px;height:6px;background:#67c9a0;border-radius:50%}
.work-area{padding:28px 30px 32px;min-width:0}.tool-view{display:none;animation:appear .2s ease}.tool-view.active{display:block}@keyframes appear{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.section-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:27px}.step-mark{font-size:10px;letter-spacing:2px;color:#77a8dd;font-weight:800}.section-top h2{font-size:24px;margin:9px 0 7px;color:#233d5f;letter-spacing:-.6px}.heading-sparkle{font-size:16px;color:#ffa856}.section-description{margin:0;font-size:12px;color:#9caabc;line-height:1.75}.mini-badge{font-size:10px;background:#fff7e9;color:#daa262;padding:6px 9px;border-radius:20px;white-space:nowrap;margin-top:10px}.block-title{margin:27px 0 12px;font-size:13px;font-weight:800;color:#314e6d;display:flex;align-items:center;justify-content:space-between}.block-title span{font-size:10px;color:#bdd1e5;letter-spacing:1px}.mode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.mode-card{min-width:0;min-height:102px;padding:10px 4px 9px;border:1px solid #e4eaf3;border-radius:11px;background:#fff;color:#67809c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:.18s}.mode-card:hover{border-color:#9cc8ff;background:#f7fbff;transform:translateY(-1px)}.mode-card.selected{border:1.5px solid #4c9bf0;background:#edf7ff;box-shadow:inset 0 0 0 .5px #9ec9f5}.mode-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#f0f5fb;font-size:21px;color:#76a1cf;line-height:1}.mode-card.selected .mode-icon{background:#d7ebff;color:#347fd7}.mode-card strong{font-size:11px;white-space:nowrap;color:#48677f}.mode-card.selected strong{color:#2373bd}.mode-card small{font-size:9px;white-space:nowrap;color:#9cabc0}.mode-explain{font-size:11px;color:#89a0ba;line-height:1.6;background:#f7fbff;border-radius:8px;padding:8px 12px;margin:10px 0 0}.drop-zone{border:1.5px dashed #a8cdf0;background:linear-gradient(180deg,#fbfdff,#f7fbff);min-height:185px;border-radius:13px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;outline:none;transition:.18s}.drop-zone:focus-visible,.drop-zone.dragover{border-color:#4e99e2;background:#eaf5ff}.drop-zone .drop-icon{width:37px;height:37px;border-radius:11px;background:#e4f2ff;color:#388bdb;padding:9px;margin-bottom:4px}.drop-zone strong{color:#3c658d;font-size:12px}.drop-zone>span{font-size:10px;color:#adbac9}.ghost-btn{border:1px solid #d6e8f9;background:white;color:#3785ce;border-radius:7px;padding:8px 14px;font-size:11px;margin-top:8px;font-weight:700}.ghost-btn span{margin-left:5px}.ghost-btn:hover{border-color:#81b5e7;background:#f2f9ff}.file-info{display:flex;align-items:center;gap:10px;margin-top:12px;border:1px solid #e2ecf6;padding:10px;border-radius:12px;background:#fafdff}.file-avatar{background:#ffece4;color:#ea7957;padding:10px 5px;border-radius:6px;font-size:10px;font-weight:800}.file-info-main{min-width:0;flex:1}.file-info-main strong{display:block;color:#415e7c;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info-main span{font-size:10px;color:#9aafc1;display:block;margin-top:3px}.subtle-button{background:transparent;border:0;font-size:11px;color:#7b9fcb;padding:6px}.subtle-button:hover{color:#d46161}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field label{display:block;color:#68809a;font-size:11px;font-weight:700;margin:0 0 7px}.field input,.field select{width:100%;min-width:0;height:40px;border:1px solid #e1e9f3;border-radius:8px;background:#fff;color:#4b6782;padding:0 11px;font-size:11px;outline:none}.field input:focus,.field select:focus{border-color:#78b8f0;box-shadow:0 0 0 3px #e8f5ff}.field input::placeholder{color:#acb9c7}.field-tip{font-size:11px;color:#99aabe;line-height:1.7}.checkbox-row{margin-top:15px;display:flex;align-items:center;gap:7px}.check-wrap{display:flex;gap:9px;align-items:center;cursor:pointer;font-size:11px;color:#6b829b}.check-wrap input{accent-color:#358bdf;width:15px;height:15px}.question-hint{font-size:10px;width:15px;height:15px;border-radius:50%;background:#eff5fc;color:#6f9aca;text-align:center;line-height:15px;cursor:help}.print-help{display:flex;gap:10px;align-items:flex-start;background:#fffbf2;border:1px solid #fff0d3;border-radius:10px;padding:11px 12px;margin-top:19px}.print-help svg{width:16px;height:16px;min-width:16px;color:#e4ad58;margin-top:2px}.print-help p{margin:0;font-size:10px;line-height:1.8;color:#9c8c70}.print-help strong{color:#856c48}.primary-btn{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px;background:linear-gradient(95deg,#327ed8,#529fef);height:48px;color:#fff;width:100%;margin-top:22px;font-weight:760;font-size:13px;box-shadow:0 10px 19px #4c98e52e;transition:.16s}.primary-btn:hover{filter:brightness(1.045);transform:translateY(-1px)}.primary-btn:disabled{filter:grayscale(.5);transform:none}.button-arrow{font-size:17px;margin-left:2px}.result-card{margin-top:15px;display:flex;align-items:center;gap:10px;background:#f3fcf7;border:1px solid #d5eee0;border-radius:12px;padding:11px;flex-wrap:wrap}.success-icon{display:flex;align-items:center;justify-content:center;background:#d5f5e2;color:#26a56c;width:29px;height:29px;border-radius:50%;font-weight:850}.result-text{flex:1;min-width:140px}.result-text strong{font-size:11px;color:#297b58;display:block}.result-text span{font-size:10px;color:#77a18b;display:block;margin-top:5px}.result-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.small-primary,.secondary-btn{border-radius:7px;min-height:30px;padding:6px 10px;font-weight:700;font-size:10px}.small-primary{background:#3d91d7;border:1px solid #3d91d7;color:#fff}.secondary-btn{border:1px solid #d7e8ec;background:#fff;color:#478da7}
.preview-side{background:linear-gradient(180deg,#fcfdff,#fff);border-left:1px solid #edf2fa;padding:29px 20px;display:flex;flex-direction:column;min-width:0}.preview-top{display:flex;justify-content:space-between;align-items:center}.preview-decor{color:#ffce8f;font-size:20px}.preview-side h3{font-size:17px;color:#315477;letter-spacing:-.4px;margin:8px 0 4px}.preview-lead{font-size:11px;color:#a1b0c3;margin:0}.preview-placeholder{margin:auto 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px}.preview-illustration{height:153px;width:190px;position:relative;margin-bottom:20px}.mini-page{position:absolute;box-shadow:0 10px 22px #9cb4cd30;border:1px solid #d7e9fb;width:100px;height:126px;background:#fff;border-radius:5px;top:15px;left:22px;padding:22px 10px;color:#8dbde9;font-size:22px;font-weight:800;text-align:right}.page-one{transform:rotate(-15deg);background:#f2f8fe}.page-two{transform:rotate(9deg);left:68px;background:linear-gradient(#fff,#eff8ff);color:#9cc1e5}.preview-placeholder strong{font-size:12px;color:#728fae}.preview-placeholder>span{font-size:10px;color:#a6bacf}.preview-bottom{margin-top:auto;padding-top:18px;text-align:center;border-top:1px dashed #edf2f8;color:#adc0d3;font-size:11px}.preview-bottom span{color:#f8bd6f;font-size:14px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 25px;border:1px solid #e5effa;border-radius:12px;background:#f5faff;padding:16px 2px}.stat-grid div{text-align:center;border-right:1px solid #e5effa}.stat-grid div:last-child{border:0}.stat-grid strong{display:block;font-weight:850;font-size:21px;color:#2b74bf}.stat-grid span{font-size:9px;color:#9daec0}.preview-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:6px}.preview-controls>strong{font-size:11px;color:#58738f}.preview-controls>div{display:flex;gap:6px}.icon-btn{width:28px;height:28px;background:#fff;border:1px solid #e3edf7;border-radius:8px;color:#5b92c9}.icon-btn:hover{background:#f1f8ff}.sheet-view{margin-bottom:18px}.sheet-label{font-size:11px;display:flex;align-items:center;gap:7px;color:#66839e;font-weight:700;margin-bottom:9px}.sheet-label small{font-size:9px;color:#a3b8cc;margin-left:auto}.side-status{display:flex;width:19px;height:19px;align-items:center;justify-content:center;font-size:10px;color:#418fdf;background:#eaf5ff;border-radius:5px}.side-status.soft{background:#fff2df;color:#e4ad67}.sheet-diagram{display:grid;grid-template-columns:1fr 0px 1fr;position:relative;aspect-ratio:1.45;border:2px solid #d3e5f5;border-radius:6px;background:#fff;box-shadow:0 10px 22px #82add33c;overflow:hidden}.page-half{background:linear-gradient(145deg,#fbfdff,#f2f8fd);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3987d2;gap:3px;min-width:0}.page-half:nth-child(3){background:linear-gradient(200deg,#f4f9ff,#fff)}.page-count{font-size:9px;color:#a1bbd4}.page-half strong{font-size:28px;font-weight:850}.page-half.blank strong{font-size:13px;color:#b7c8d8;font-weight:650}.fold-axis{height:100%;border-left:1px dashed #7fb0dc;z-index:1;pointer-events:none}.preview-note{font-size:10px;color:#8499b2;background:#f4f8fd;padding:12px;line-height:1.8;border-radius:9px;margin-bottom:20px}.preview-note strong{color:#4a7dab}
.merge-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.merge-item{display:flex;align-items:center;gap:10px;border:1px solid #e4edf6;border-radius:10px;padding:9px 11px}.merge-index{width:24px;height:24px;border-radius:7px;background:#eef6ff;display:flex;align-items:center;justify-content:center;color:#5695ce;font-size:11px;font-weight:750}.merge-item-title{flex:1;min-width:0}.merge-item-title strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#4b6480}.merge-item-title span{font-size:10px;color:#9eb0c3}.merge-controls{display:flex;gap:3px}.merge-controls button{border:1px solid #e7edf7;border-radius:6px;background:#fff;color:#79a0c5;font-size:12px;width:25px;height:25px}.merge-controls button:hover{background:#f1f7ff}.tool-status{color:#5c8fb7;font-size:11px;margin:12px 0;line-height:1.7}.tool-status.error{color:#cd635b}
.bottom-info{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:22px 0 28px}.bottom-info>div{background:#fff;border:1px solid #eaf1f8;border-radius:13px;display:flex;flex-wrap:wrap;align-items:center;gap:7px 9px;padding:14px 18px}.bottom-info .info-star{color:#e9aa59;font-size:14px}.bottom-info strong{color:#537492;font-size:11px}.bottom-info div>span:last-child{display:block;width:100%;margin-left:22px;color:#a1b1c1;font-size:10px;line-height:1.7}.site-footer{border-top:1px solid #ebf0f7;min-height:72px;color:#9facbd;font-size:10px;display:flex;justify-content:space-between;align-items:center;padding:0 max(30px,calc((100vw - 1302px)/2))}.toast{position:fixed;right:25px;bottom:24px;max-width:min(390px,calc(100vw - 45px));padding:14px 18px;background:#253e58;color:white;border-radius:10px;box-shadow:0 12px 26px #52647866;font-size:12px;line-height:1.7;opacity:0;transform:translateY(15px);pointer-events:none;z-index:99;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:none}.toast.error{background:#a7444e}
@media(max-width:1260px){.app-shell{grid-template-columns:208px minmax(390px,1fr) 275px}.sidebar{padding:23px 9px}.work-area{padding:25px 22px}.preview-side{padding:26px 15px}.hero-art{margin-right:45px}.mode-card small{font-size:8px}.mode-card strong{font-size:10px}}
@media(max-width:1030px){.container{padding:0 22px}.app-shell{grid-template-columns:210px minmax(0,1fr)}.preview-side{grid-column:2;border-left:0;border-top:1px solid #edf2fa}.preview-side h3{margin-bottom:10px}.preview-ready{max-width:440px}.preview-placeholder{margin:28px auto}.stat-grid{max-width:380px}.sheet-view{max-width:380px}.sidebar{grid-row:1 / span 2}.hero-art{margin-right:0}.header-right{gap:7px}}
@media(max-width:720px){.container{padding:0 13px}.site-header{height:67px}.brand-logo{width:41px;height:41px}.brand-name strong{font-size:20px}.brand-name strong span{font-size:13px}.brand-name small{font-size:8px}.header-right{font-size:10px;gap:5px}.header-right .header-divider,.header-right .header-divider~span{display:none}.hero{padding:26px 5px 20px;min-height:210px}.hero h1{font-size:30px;line-height:1.4;margin-top:13px}.hero-copy>p{font-size:11px}.hero-labels{font-size:10px;gap:12px;margin-top:13px}.hero-art{position:absolute;right:-47px;top:13px;transform:scale(.7);transform-origin:top right;opacity:.45}.hero-copy{position:relative;z-index:1}.desktop-only{display:none}.app-shell{display:block;border-radius:16px}.sidebar{display:block;padding:12px 10px;border-right:0;border-bottom:1px solid #edf2fa;background:#fbfdff}.sidebar-heading,.sidebar-separator,.sidebar-quote,.sidebar-bottom,.side-arrow,.side-label small{display:none}.sidebar{display:flex;gap:7px}.side-item{padding:8px 5px;justify-content:center;text-align:center;margin:0;flex:1;gap:5px;min-width:0;flex-direction:column}.side-label{font-size:10px;white-space:nowrap}.side-icon{width:31px;height:31px;padding:8px}.work-area{padding:20px 14px 24px}.section-top{margin-bottom:20px}.section-top h2{font-size:23px}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-card{min-height:95px}.mode-card strong{font-size:11px}.mode-card small{font-size:9px}.settings-grid{gap:11px}.field input,.field select{font-size:11px;padding:0 7px}.preview-side{padding:20px 17px}.preview-side h3{font-size:16px}.sheet-view{max-width:360px}.sheet-diagram{aspect-ratio:1.5}.bottom-info{grid-template-columns:1fr;gap:9px;margin:12px 0 20px}.bottom-info>div{padding:12px 16px}.site-footer{padding:20px 15px;min-height:65px;display:block;line-height:2;text-align:center;font-size:9px}.site-footer span{display:block}.result-actions{width:100%;justify-content:flex-end}}
@media(max-width:390px){.hero h1{font-size:27px}.header-right{font-size:9px}.mode-grid{gap:5px}.mode-card strong{font-size:10px}.mode-card small{font-size:8px}.work-area{padding:16px 11px}.section-description{font-size:11px}.field label{font-size:10px}}
.app-shell.utility-mode{grid-template-columns:244px minmax(0,1fr)}.app-shell.utility-mode .preview-side{display:none}.app-shell.utility-mode .work-area{max-width:850px;width:100%;margin:0 auto}.app-shell.utility-mode .drop-zone{min-height:220px}@media(max-width:1260px){.app-shell.utility-mode{grid-template-columns:208px minmax(0,1fr)}}@media(max-width:720px){.app-shell.utility-mode{display:block}}
/* Keep decorative background shapes from widening the mobile viewport. */
body{overflow-x:hidden}
@media(max-width:720px){.sidebar{flex-direction:row;align-items:stretch}.sidebar .side-item{width:auto;flex:1;min-width:0}}
@media(max-width:720px){.ambient-b{display:none}.ambient-a{left:0}html{overflow-x:clip}}
@media(max-width:720px){.ambient-a,.ambient-b{display:none}.hero-art{right:0;transform:scale(.58);opacity:.34}}


/* ==== CIKA star refresh ==== */
.site-header{background:rgba(255,255,255,.82)}
.brand-logo{border:3px solid #fff;box-shadow:0 10px 26px rgba(109,132,176,.28)}
.brand-name strong{background:linear-gradient(90deg,var(--cika-cyan) 0%, #3cc3f5 18%, var(--cika-yellow) 40%, var(--cika-pink) 62%, var(--cika-purple) 82%, var(--cika-orange) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-name strong span{-webkit-text-fill-color:#30466c;color:#30466c}
.header-tiny-star,.heading-sparkle,.quote-star,.preview-decor,.bottom-info .info-star{background:linear-gradient(135deg,var(--cika-yellow),var(--cika-pink),var(--cika-purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{border-color:#cfeeff;background:linear-gradient(180deg,#ffffff, #f8fbff)}
.eyebrow-dot{background:linear-gradient(135deg,var(--cika-cyan),var(--cika-green))}
.hero h1 em{background:linear-gradient(90deg,#42b9f3 0%, #6edccf 30%, #ffbd56 62%, #ff8aaa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-labels span{position:relative;padding-left:2px}
.hero-labels span::before{content:'✦';display:inline-block;margin-right:6px;background:linear-gradient(135deg,var(--cika-yellow),var(--cika-pink),var(--cika-purple));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:11px;vertical-align:1px}
.hero-labels span:first-letter{color:inherit}
.art-page-back{background:linear-gradient(180deg,#ffd764,#ffb14d)}
.art-page-mid{background:linear-gradient(180deg,#bdf3e2,#8fd8ff)}
.art-page-front{background:linear-gradient(154deg,#ffffff,#eef8ff)}
.art-cover-label{background:linear-gradient(90deg,#44bdf4 0%, #7ce7c1 36%, #ffca5f 66%, #ff93b0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.art-cover-line{background:linear-gradient(90deg,var(--cika-cyan),var(--cika-yellow),var(--cika-pink))}
.art-cover-shape{color:#c2b4ff}
.side-item.active{background:linear-gradient(180deg,#f2f8ff 0,#fff8fd 100%);color:#2b6fcc;box-shadow:inset 0 0 0 1px rgba(145,198,255,.45)}
.side-item:hover{background:linear-gradient(180deg,#f7fbff 0,#fffafd 100%)}
.side-icon.blue{background:linear-gradient(135deg,#d9f4ff,#dffbf0);color:#2d8fe0}
.side-icon.orange{background:linear-gradient(135deg,#fff4d6,#ffe2eb);color:#e39b42}
.side-icon.purple{background:linear-gradient(135deg,#efe7ff,#ffe7f2);color:#8c71dd}
.sidebar-quote{background:linear-gradient(150deg,#eef8ff 0%,#f9fcff 45%,#fff4fb 100%);border:1px solid #ebf1fb}
.step-mark{color:#61ade8}
.mini-badge{background:linear-gradient(180deg,#fff9ee,#fff1fb);color:#c98545;border:1px solid #ffe0b0}
.mode-card:hover{border-color:#8fd4ff;background:linear-gradient(180deg,#fbfdff 0,#f7fbff 100%)}
.mode-card.selected{border:1.5px solid #6ab6f7;background:linear-gradient(180deg,#eff8ff 0,#fff7fc 100%);box-shadow:inset 0 0 0 .5px #a8d5fb,0 10px 24px rgba(120,171,227,.09)}
.mode-card.selected .mode-icon{background:linear-gradient(135deg,#d9f4ff,#efe9ff);color:#347fd7}
.drop-zone{border-color:#98d6f2;background:linear-gradient(180deg,#fcfdff,#f8fbff)}
.drop-zone:focus-visible,.drop-zone.dragover{border-color:#53b8ee;background:linear-gradient(180deg,#ecf8ff,#fff9fc)}
.drop-zone .drop-icon{background:linear-gradient(135deg,#e2f6ff,#ebfff5);color:#2f96e1}
.ghost-btn{border-color:#d4eaf9;color:#317ec4}
.field input:focus,.field select:focus{border-color:#77c7f6;box-shadow:0 0 0 3px rgba(168,227,255,.34)}
.primary-btn{background:linear-gradient(90deg,#4cb8f0 0%, #5fc9ef 20%, #79d7d9 40%, #ffb969 72%, #ff8fb0 100%);border:0;color:#fff;box-shadow:0 12px 24px rgba(92,154,221,.22)}
.small-primary{background:linear-gradient(90deg,#54b8f3,#6f9cff 60%,#a67fff 100%);border:0}
.success-icon{background:linear-gradient(135deg,#e0fff0,#e5f3ff);color:#33a37a}
.preview-note{background:linear-gradient(180deg,#f7fbff,#fffafe)}
.preview-bottom span{background:linear-gradient(135deg,var(--cika-yellow),var(--cika-pink),var(--cika-purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-grid{background:linear-gradient(180deg,#f5faff,#fffafe)}
.stat-grid strong{color:#3a8fe1}
.side-status{background:linear-gradient(135deg,#ebf8ff,#edf8ff);color:#3f9ae2}
.side-status.soft{background:linear-gradient(135deg,#fff4de,#fff0f8);color:#d99b55}
.sheet-diagram{border-color:#d7ebf8;box-shadow:0 12px 24px rgba(130,173,211,.22)}
.fold-axis{border-left-color:#94caeb}
.bottom-info>div{background:linear-gradient(180deg,#ffffff,#fbfcff)}
.toast{background:linear-gradient(135deg,#2d4361,#364f72)}


/* Cika xiaohongshu resource card: brand-consistent soft promotion. */
.community-mobile{display:none}
.cika-community{border-radius:16px;border:1px solid #e6eaf6;background:linear-gradient(143deg,#f0faff 0%,#fffefd 51%,#fff2f9 100%);padding:16px 13px 13px;color:#385374;box-shadow:0 8px 22px rgba(76,125,181,.05)}
.community-topline{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:12px}
.community-kicker{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:#dd5b76;letter-spacing:.4px}
.community-kicker-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#ff8eb7,#ffb4a6)}
.community-spark{color:#f4af55;font-size:18px}
.community-header{display:flex;gap:10px;align-items:center;min-width:0}
.community-avatar{width:43px;height:43px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 14px rgba(94,117,181,.15);flex-shrink:0}
.community-header h3{margin:0;color:#2e4a70;font-size:13px;line-height:1.55;letter-spacing:-.1px}
.community-subline{display:block;margin-top:3px;color:#94a5b8;font-size:9px;line-height:1.5}
.community-description{font-size:10.5px;line-height:1.8;color:#69809b;margin:14px 0 10px}
.community-description strong{color:#476b9b;font-weight:750}
.community-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.community-tags span{font-size:9px;line-height:1.4;background:rgba(255,255,255,.86);border:1px solid #e3edf8;border-radius:100px;padding:5px 7px;color:#617c9d;white-space:nowrap}
.community-account{border-top:1px dashed #dfe7f2;padding-top:13px;display:flex;flex-direction:column;align-items:stretch;gap:9px}
.community-account>span{font-size:10px;color:#8799ad}
.community-account>span strong{font-size:12px;color:#374f72;margin-left:3px;font-variant-numeric:tabular-nums}
.community-copy{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #f4bbcc;border-radius:9px;color:#d65d82;background:#fff9fc;padding:10px 12px;font-size:11px;font-weight:800;transition:background .16s,transform .16s}
.community-copy:hover,.community-copy:focus-visible{background:#fff0f7;transform:translateY(-1px)}
.community-copy span{font-size:15px}
.community-footnote{font-size:9px;line-height:1.65;margin:10px 0 0;color:#91a4b8}
.community-footnote b{font-weight:750;color:#6385ac}
@media(max-width:1260px){.cika-community{padding:15px 10px 12px}.community-header{gap:7px}.community-avatar{width:39px;height:39px}.community-header h3{font-size:12px}.community-tags{gap:4px}.community-tags span{font-size:8px;padding:4px 6px}}
@media(max-width:720px){.community-desktop{display:none}.community-mobile{display:block;margin:15px 0 18px}.community-mobile .cika-community{padding:16px 17px}.community-mobile .community-header{gap:12px}.community-mobile .community-avatar{width:52px;height:52px}.community-mobile .community-header h3{font-size:16px}.community-mobile .community-subline{font-size:10px}.community-mobile .community-description{font-size:12px;margin:13px 0 10px}.community-mobile .community-tags span{font-size:10px;padding:6px 9px}.community-mobile .community-account{flex-direction:row;justify-content:space-between;align-items:center;gap:9px}.community-mobile .community-account>span{font-size:11px}.community-mobile .community-copy{padding:10px 12px}.community-mobile .community-footnote{font-size:10px}.community-mobile .community-kicker{font-size:11px}}
@media(max-width:385px){.community-mobile .community-account{align-items:stretch;flex-direction:column}.community-mobile .community-copy{width:100%}}

/* ===== CIKA V2 light tools additions ===== */
.sidebar{padding-top:22px}.sidebar .side-item{padding:8px 9px;gap:8px;margin-bottom:4px}.sidebar .side-icon{font-weight:800;font-size:17px}.sidebar .side-label{font-size:12px}.sidebar .side-label small{font-size:9px;margin-top:2px}.sidebar-separator{margin:14px 9px}
.small-drop{min-height:155px}.v2-file-note{margin:10px 0;color:#6987a2;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.v2-help{font-size:11px;line-height:1.85;color:#7794af;margin:12px 0}.v2-warning{font-size:11px;line-height:1.9;color:#986a3e;background:linear-gradient(90deg,#fff9ed,#fff7fb);padding:12px 14px;border:1px solid #ffebce;border-radius:10px;margin:14px 0}.v2-image-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.v2-image-row{display:flex;gap:9px;align-items:center;background:#fbfdff;border:1px solid #e2edf7;border-radius:10px;padding:7px 10px}.v2-image-row strong{display:block;color:#557799;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v2-image-row small{display:block;color:#91a9c1;font-size:10px;margin-top:3px}.v2-image-row .v2-image-name{flex:1;min-width:0}.v2-image-row button{background:white;border:1px solid #dce9f7;color:#6b99c3;border-radius:7px;padding:5px 8px}.v2-image-row button:disabled{opacity:.4}.v2-image-mini{width:34px;height:34px;object-fit:cover;background:#eff8ff;border-radius:7px}.tool-view .primary-btn{margin-top:15px}.side-item:focus-visible,.v2-image-row button:focus-visible{outline:2px solid #71bafa;outline-offset:2px}
@media(max-width:720px){.sidebar{overflow-x:auto;scroll-snap-type:x proximity;justify-content:flex-start;gap:6px;scrollbar-width:thin;overscroll-behavior-x:contain}.sidebar .side-item{flex:0 0 105px;min-width:105px;padding:9px 3px;margin:0;scroll-snap-align:start;gap:5px}.sidebar .side-icon{width:34px;height:34px;font-size:18px}.sidebar .side-label{font-size:10px;line-height:1.3}.sidebar .side-label small{display:none}.sidebar .side-arrow{display:none}.sidebar::after{content:'';display:block;min-width:2px}.v2-warning{font-size:11px}}
/* All tools remain visible on small screens; no hidden horizontal menu. */
@media(max-width:720px){
  .sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow:visible;scroll-snap-type:none;padding:10px;background:#fafeff}
  .sidebar .side-item{width:100%;min-width:0;flex:none;margin:0;padding:9px 3px;scroll-snap-align:none;border:1px solid transparent}
  .sidebar .side-item.active{border-color:#c7e5f7}
  .sidebar::after{display:none}
}

/* ==== V2.1: Four grouped categories + in-panel tool shortcuts ==== */
.tool-categories{display:flex;flex-direction:column;gap:10px}
.category-item{display:flex;align-items:center;gap:10px;width:100%;padding:14px 10px;border:1px solid transparent;border-radius:14px;background:transparent;text-align:left;color:#536a86;transition:background .16s,border-color .16s,transform .16s}
.category-item:hover{background:#f4f9ff;border-color:#e4eff8;transform:translateY(-1px)}
.category-item.active{background:linear-gradient(110deg,#eaf7ff 0%,#f5faff 65%,#fff1f8 100%);border-color:#c6e4fa;color:#297bcb;box-shadow:0 5px 18px rgba(94,159,224,.07)}
.category-item .side-icon{width:40px;height:40px;flex-shrink:0;font-size:20px;box-shadow:0 3px 14px rgba(92,161,207,.07)}
.category-item .side-label{font-size:13px;font-weight:780;line-height:1.4}
.category-item .side-label small{font-size:10px;font-weight:450;color:#9cacc0;line-height:1.4;margin-top:5px;white-space:nowrap}
.category-indicator{color:#adc2d8;font-size:23px;font-weight:350;margin-left:auto;line-height:1}
.category-item.active .category-indicator{color:#569fe1}
.subtool-navigation{margin-bottom:0}
.subtool-group{display:none;margin:0 0 23px;padding:15px 17px 16px;background:linear-gradient(135deg,#f3faff 0%,#fffefd 65%,#fff7fc 100%);border:1px solid #e2eefa;border-radius:16px}
.subtool-group.active{display:block}
.subtool-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}
.subtool-kicker{font-size:9px;font-weight:850;letter-spacing:2px;color:#86b0d6}
.subtool-heading h3{font-size:15px;color:#2d547c;margin:4px 0 2px}
.subtool-heading p{color:#91a9be;font-size:10px;margin:0;line-height:1.6}
.subtool-count{background:#fff;border:1px solid #e0edfa;border-radius:30px;padding:5px 9px;white-space:nowrap;font-size:10px;color:#74a2c9}
.subtool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tool-shortcut{display:flex;align-items:center;justify-content:center;gap:5px;text-align:center;border-radius:10px;background:#fff;border:1px solid #e3eafa;min-height:39px;padding:9px 6px;color:#607f9d;font-size:11px;font-weight:730;transition:background .15s,border-color .15s,transform .15s}
.tool-shortcut:hover{border-color:#a9cef1;color:#347fca;transform:translateY(-1px)}
.tool-shortcut.active{background:linear-gradient(110deg,#def5ff 0%,#f3f2ff 50%,#fff1f7 100%);border-color:#94cafa;color:#2a78c4;box-shadow:inset 0 0 0 1px #c2e3ff}
.category-item:focus-visible,.tool-shortcut:focus-visible{outline:2px solid #70b9fa;outline-offset:3px}
@media(max-width:1260px){.category-item{gap:7px;padding:12px 7px}.category-item .side-icon{width:36px;height:36px}.category-item .side-label{font-size:12px}.category-item .side-label small{font-size:9px}}
@media(max-width:720px){
  .sidebar{display:block;padding:11px!important;overflow:visible}
  .sidebar-heading,.sidebar-separator,.sidebar-quote,.sidebar-bottom{display:none}
  .tool-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .category-item{min-width:0;width:100%;min-height:59px;margin:0!important;display:flex;flex-direction:row;justify-content:flex-start;padding:8px 7px!important;gap:7px}
  .category-item .side-icon{width:33px;height:33px;padding:8px;font-size:15px}
  .category-item .side-label{font-size:11px;white-space:normal;text-align:left}
  .category-item .side-label small{display:none}
  .category-indicator{font-size:15px}
  .subtool-group{margin-bottom:18px;padding:13px 11px}
  .subtool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .tool-shortcut{font-size:11px;min-height:38px;padding:7px 3px}
  .subtool-heading h3{font-size:14px}
  .subtool-heading p{font-size:10px}
}


/* V2.2: prefer browser-native file picking over hidden input.click() on upload areas. */
.drop-zone{position:relative;isolation:isolate;overflow:hidden}
.drop-zone input[type="file"]{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;font-size:100px}
.drop-zone .ghost-btn{position:relative;z-index:3}
.drop-zone:focus-within{border-color:#49a2df;background:#f1faff;box-shadow:0 0 0 3px rgba(122,199,249,.15)}
.build-version{position:fixed;right:8px;bottom:6px;z-index:5;font-size:9px;color:#849db3;background:#ffffffdc;border:1px solid #e2ecf7;border-radius:30px;padding:3px 9px;pointer-events:none}
@media(max-width:720px){.build-version{position:static;width:max-content;margin:0 auto 12px}}

.cika-boot-error{position:relative;z-index:50;background:#fff1ed;border-bottom:1px solid #efb9b5;color:#a43c34;text-align:center;padding:14px 18px;font-size:13px;line-height:1.65}

/* Native picker handles taps on the whole zone, including the visual button. */
.drop-zone input[type="file"]{z-index:4}
.tool-view[data-busy="true"] .drop-zone{opacity:.65;cursor:wait}

.download-again{display:block;margin-top:12px;text-align:center;text-decoration:none;overflow-wrap:anywhere}

.generate-preview{margin-top:16px;margin-right:8px;min-height:40px;font-size:12px}
.generated-result{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:14px;border:1px solid #cce9e0;background:#f5fcf9;border-radius:12px}
.generated-result>strong{width:100%;font-size:12px;color:#426c60;line-height:1.8;overflow-wrap:anywhere}
.generated-result .download-again{margin:0;min-height:34px;display:inline-flex;align-items:center;text-decoration:none}
#outputPreview{width:min(1080px,calc(100vw - 24px));height:min(900px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #d8e9f3;border-radius:16px;background:#f8fbff;color:#355575;overflow:hidden}
#outputPreview[open]{display:flex;flex-direction:column}
#outputPreview::backdrop{background:rgba(25,43,64,.55)}
.preview-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;background:white;border-bottom:1px solid #e3edf5}
.preview-dialog-header strong{font-size:18px}.preview-dialog-header p{margin:5px 0 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.preview-dialog-header>div{min-width:0;flex:1}.preview-dialog-header>button{flex-shrink:0}
.preview-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:#eef7ff}
.preview-toolbar label{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px}.preview-toolbar label[hidden]{display:none}
.preview-toolbar select{max-width:360px;min-width:0;padding:7px;border:1px solid #ccdeed;border-radius:7px;background:white;color:#365a78}
.preview-toolbar button{padding:7px 10px;border:1px solid #ccdeed;border-radius:7px;background:white;color:#365a78;font-size:12px}
#outputPreviewStatus{padding:8px 16px;font-size:12px;line-height:1.5;min-height:32px}#outputPreviewStatus.error{color:#a94444}
#outputPreviewStage{flex:1;min-height:100px;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:16px;background:#e5ebf1}
#outputPreviewCanvas{background:white;box-shadow:0 2px 12px #26384925;flex-shrink:0;max-width:none}
#outputPreviewCanvas[hidden],#outputPreviewImage[hidden]{display:none}
#outputPreviewImage{height:auto;object-fit:contain;max-height:none;background:white;box-shadow:0 2px 12px #26384925}
.preview-dialog-footer{display:flex;gap:10px;flex-wrap:wrap;padding:14px 20px;background:white;border-top:1px solid #e3edf5}
.preview-dialog-footer a{min-height:36px;display:inline-flex;align-items:center;text-decoration:none}.preview-dialog-footer a[hidden]{display:none}
@media(max-width:720px){#outputPreview{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);width:calc(100vw - 12px)}.preview-dialog-header{padding:12px}.preview-toolbar{padding:8px}.preview-toolbar label{width:100%}.preview-toolbar select{max-width:100%;flex:1}.preview-dialog-footer{padding:10px}#outputPreviewStage{padding:8px}}