/* CoinYun shared interface theme. Does not style exported canvases or chat bubbles. */
:root{--cy-green:#167153;--cy-ink:#253c32;--cy-muted:#7b8b82;--cy-line:#e5ebe7;--cy-paper:#fafbf8;--ink:#253c32;--muted:#7b8b82;--line:#e5ebe7;--panel:#fff;--page:#fafbf8;--blue:#167153}
body.cy-app{margin:0;min-height:100vh;background:var(--cy-paper);color:var(--cy-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
.cy-app .cy-topbar{width:min(1200px,calc(100% - 64px));height:90px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--cy-line);box-sizing:border-box;background:transparent}
.cy-app .cy-logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--cy-ink);flex:none;font-size:23px;font-weight:750;letter-spacing:-1px;line-height:1.6}
.cy-app .cy-mark{width:35px;height:35px;background:var(--cy-green);border-radius:10px;display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:4px;place-content:center;transform:rotate(-5deg);flex:none}
.cy-app .cy-mark i{display:block;background:white;border-radius:2px}.cy-app .cy-mark i:last-child{background:#b7d7a4;transform:rotate(16deg)}
.cy-app .cy-logo small{font-size:12px;font-weight:400;letter-spacing:1px;color:#95a198;border-left:1px solid #dce3dc;padding-left:13px;margin-left:5px}
.cy-app .cy-nav{display:flex;align-items:center;gap:6px;line-height:1.6}.cy-app .cy-nav a{display:block;padding:8px 12px;color:#6d8073;font-size:12px;text-decoration:none;border-radius:6px;font-weight:400;white-space:nowrap;transition:background .18s,color .18s}.cy-app .cy-nav a:hover{color:var(--cy-green);background:#f0f4eb}.cy-app .cy-nav a[aria-current=page]{background:#eaf2e5;color:var(--cy-green);font-weight:600}
.cy-app .cy-nav .cy-home{margin-right:10px;padding-right:20px;border-right:1px solid #e1e8de;border-radius:0}.cy-app .cy-topbar a:focus-visible,.cy-app .cy-footer a:focus-visible{outline:3px solid #8dbaa0;outline-offset:3px}
.cy-app .cy-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px}.cy-app .cy-eyebrow{font-size:10px;color:#7c9678;letter-spacing:1.7px;font-weight:600;line-height:1.6;margin-bottom:10px}.cy-app .cy-intro h1{font-size:30px;font-weight:700;color:#273f31;line-height:1.4;letter-spacing:-1px;margin:0 0 10px}.cy-app .cy-intro p{font-size:12px;line-height:1.8;color:#8b9789;margin:0}.cy-app .cy-intro-side{display:flex;align-items:center;gap:12px;font-size:11px;color:#8a9a87;white-space:nowrap}.cy-app .cy-dot{width:6px;height:6px;border-radius:50%;background:#6f9e71;display:inline-block;margin-right:5px}
.cy-app .cy-footer{width:min(1200px,calc(100% - 64px));margin:35px auto 0;padding:22px 0 26px;border-top:1px solid var(--cy-line);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;line-height:1.7;color:#9ba797;box-sizing:border-box;text-align:left}.cy-app .cy-footer b{color:#80917b;font-size:13px;margin-right:10px}.cy-app .cy-footer a{color:#7e9277;text-decoration:none}.cy-app .cy-footer a:hover{color:var(--cy-green)}
.cy-app .primary{background:var(--cy-green);border-color:var(--cy-green);color:white;border-radius:7px;box-shadow:none}.cy-app .primary:hover{background:#115b42;border-color:#115b42}.cy-app input[type=range],.cy-app input[type=checkbox]{accent-color:var(--cy-green)}
.cy-app :is(.editor,.settings,.auth-card) :is(input:not([type=range]):not([type=checkbox]):not([type=file]),textarea,select){border-color:#dfe7dc;background:#fcfdfb;color:#354d3d;border-radius:6px}.cy-app :is(.editor,.settings,.auth-card) :is(input,select,textarea):focus-visible{outline:2px solid #91b897;outline-offset:1px;box-shadow:none}
.cy-app .panel{border-color:#e1e8de;border-radius:13px;box-shadow:none}.cy-app .quiet{border-color:#dfe6db;color:#657d5e;border-radius:6px}.cy-app .muted{color:#98a493}
/* Question-and-answer editor */
.cy-zh .shell{max-width:1200px;margin:auto;padding:38px 0 0;min-height:0}.cy-zh .workspace{max-width:none;gap:28px;grid-template-columns:minmax(320px,410px) minmax(0,1fr)}.cy-zh .editor{padding:24px;border-radius:13px;border-color:#e1e8de}.cy-zh .editor .brand{margin-bottom:23px;align-items:center}.cy-zh .editor .brand h2{font-size:15px;margin:0 0 5px;color:#3d5740}.cy-zh .editor .brand p{font-size:11px;color:#94a08f}.cy-zh .field>span,.cy-zh .switch-field>span{font-size:12px;color:#6e8268;font-weight:500}.cy-zh .field{margin-bottom:19px}.cy-zh .actions{gap:8px}.cy-zh button,.cy-zh .file-button{border-radius:6px;font-size:12px;font-weight:500}.cy-zh .preview-wrap{min-width:0;min-height:600px;background:#edf1e8;border:1px solid #e1e8da;border-radius:13px;padding:26px}.cy-zh canvas{max-width:100%;box-shadow:0 10px 30px #31462b16}.cy-zh .status,.cy-zh .image-status{font-size:11px}.cy-zh .switch-field input:checked+b{background:var(--cy-green)}.cy-zh .draw-actions button:first-child{border-color:#d79a91}.cy-zh .draw-actions .active{background:#d86859;border-color:#d86859}.cy-zh .auth-card{border-radius:13px;border-color:#dfe7db;box-shadow:0 15px 45px #2946290b;padding:30px}.cy-zh .auth-card h2{font-size:23px;color:#2e4935;margin-bottom:10px}.cy-zh .auth-card>p{font-size:12px;margin:0 0 20px}.cy-zh.auth-locked{overflow:auto}.cy-zh.auth-locked .auth-screen{min-height:calc(100vh - 190px);padding:35px 20px;background:var(--cy-paper)}
/* Chat editor: preserve the phone mockup's own colors and type. */
.cy-lt main{max-width:1200px;padding:38px 0 0;margin:auto}.cy-lt .workspace{grid-template-columns:minmax(420px,1fr) 430px;gap:42px}.cy-lt .tabs{border-color:#edf0e9}.cy-lt .tabs button.active{color:var(--cy-green);border-color:var(--cy-green)}.cy-lt .person.selected{background:#f4f8f0;border-color:#acc6a2}.cy-lt .text-button,.cy-lt .avatar-actions button{color:var(--cy-green)}.cy-lt .text-button.danger{color:#ac7b70}.cy-lt .type-tabs{background:#f1f5ed}.cy-lt .type-tabs button.active{color:var(--cy-green)}.cy-lt .editor-footer{background:#f8faf5;color:#9aa68f}.cy-lt .section-head h2>span{background:#eef3e7;color:#819976}.cy-lt .export-card{border-color:#e1e8dc;border-radius:12px}.cy-lt .emoji-picker{background:#fafcf7;border-color:#e1e9da}.cy-lt .emoji-category-tabs button[aria-selected=true]{background:#e8f1e1;color:var(--cy-green)}
/* Photo collage editor */
.cy-tp main{max-width:1200px;margin:0 auto;padding:38px 0 0}.cy-tp .layout{grid-template-columns:minmax(0,1fr) 295px;gap:28px}.cy-tp .stage{background:#edf1e8}.cy-tp .toolbar{border-color:#edf0e8}.cy-tp .toolbar strong{color:#486445}.cy-tp .settings label{color:#718368}.cy-tp .secondary{color:#5e7954;border-color:#dce7d5}.cy-tp .notes,.cy-tp .hint{color:#96a28d}.cy-tp #status{color:#6f8765}.cy-tp .clear{color:#ad7a70}.cy-tp .settings h2{color:#435d3d}.cy-tp .seal-heading{border-color:#e3ebdc}.cy-tp .settings .watermark-note{color:#97a48e}
@media(max-width:1264px){.cy-zh .shell,.cy-lt main,.cy-tp main{width:calc(100% - 64px)}.cy-lt .workspace{gap:28px;grid-template-columns:minmax(360px,1fr) 390px}}
@media(max-width:1000px){.cy-app .cy-logo small{display:none}.cy-app .cy-nav{gap:2px}.cy-app .cy-nav a{padding:8px 9px}.cy-app .cy-intro-side{font-size:10px}.cy-lt .workspace{grid-template-columns:minmax(330px,1fr) 375px;gap:20px}.cy-zh .workspace{grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:20px}}
@media(max-width:900px){.cy-zh .workspace{grid-template-columns:1fr}.cy-zh .preview-wrap{min-height:0}.cy-lt .workspace{grid-template-columns:1fr}.cy-lt .editor{max-width:640px;width:100%;margin:auto}.cy-lt .preview-area{max-width:460px;width:100%;margin:0 auto}.cy-app .cy-intro-side{white-space:normal}}
@media(max-width:780px){.cy-app .cy-topbar{height:auto;min-height:100px;flex-wrap:wrap;gap:15px;padding:18px 0 12px;width:calc(100% - 32px)}.cy-app .cy-logo{font-size:21px}.cy-app .cy-logo small{display:block;font-size:10px}.cy-app .cy-nav{width:100%;justify-content:space-between;padding-top:10px;border-top:1px solid #edf0e8;gap:3px}.cy-app .cy-nav a{font-size:11px;padding:7px 6px}.cy-app .cy-nav .cy-home{margin-right:0;padding-right:9px}.cy-app .cy-intro{display:block;margin-bottom:24px}.cy-app .cy-intro h1{font-size:26px}.cy-app .cy-intro-side{margin-top:15px}.cy-app .cy-eyebrow{font-size:9px}.cy-zh .shell,.cy-lt main,.cy-tp main{width:calc(100% - 32px);padding:27px 0 0}.cy-tp .layout{grid-template-columns:1fr}.cy-app .cy-footer{width:calc(100% - 32px);align-items:flex-start;flex-direction:column;gap:8px;margin-top:27px;padding-top:18px}.cy-zh .editor{padding:20px}.cy-zh .preview-wrap{padding:14px}.cy-tp .settings{width:100%}.cy-lt .workspace{gap:28px}.cy-zh.auth-locked .auth-screen{min-height:calc(100vh - 235px)}}
@media(prefers-reduced-motion:reduce){.cy-app *{scroll-behavior:auto;transition:none!important}}