.cc{--ink:#241b22;--line:#e1d7da;--paper:#f6f2f3;--wine:#7a3350;--soft:#7d6d73;background:var(--paper);min-height:100vh;color:var(--ink);font-family:Arial,Hiragino Kaku Gothic ProN,sans-serif}.cc header{border-bottom:1px solid var(--line);letter-spacing:.08em;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 24px;font-size:12px;display:grid}.cc header a{color:var(--ink);align-items:center;gap:7px;font-weight:700;text-decoration:none;display:flex}.cc header b{justify-self:end}.cc .cc-hero{justify-content:space-between;align-items:end;gap:30px;max-width:1380px;margin:auto;padding:22px 34px 16px;display:flex}.cc .cc-hero p{color:var(--soft);margin:0 0 10px}.cc .cc-hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(19px,2.4vw,28px);line-height:1.15}.cc .cc-hero small{max-width:690px;color:var(--soft);margin-top:16px;font-size:13px;line-height:1.75;display:block}.cc .cc-hero small b{color:var(--wine);font-weight:700}.cc .cc-hero>svg{color:#d3c0c8;stroke-width:1px;flex:none}.cc-desk{grid-template-columns:420px minmax(0,1fr);align-items:start;gap:24px;max-width:1380px;margin:auto;padding:0 34px 70px;display:grid}.cc-box{box-shadow:var(--af-card);border-radius:var(--af-r);background:#fff;border:0;padding:24px;position:sticky;top:20px}.cc-boxhead{justify-content:space-between;align-items:end;gap:12px;display:flex}.cc-boxhead small{letter-spacing:.14em;color:var(--soft);font-size:10px}.cc-boxhead h2{margin:3px 0 0;font-size:20px}.cc label{margin-top:16px;font-size:12px;font-weight:700;display:block}.cc label i{color:var(--soft);margin-top:2px;font-size:11px;font-style:normal;font-weight:400;line-height:1.7;display:block}.cc textarea{width:100%;font:inherit;color:inherit;resize:vertical;background:#fff;border:1px solid #d6c9cd;border-radius:6px;min-height:190px;margin-top:5px;padding:9px;font-size:13px;line-height:1.7}.cc-demo{box-shadow:var(--af-card);color:var(--ink);white-space:nowrap;background:#fff;border:0;border-radius:99px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;display:flex}.cc-demo:disabled{opacity:.4}.cc-upload{color:var(--soft);cursor:pointer;background:#fbf8f9;border:1px dashed #cbb9c0;border-radius:8px;align-items:center;gap:10px;margin:14px 0 0;padding:11px;font-size:12px;display:flex;position:relative;overflow:hidden}.cc-upload small{color:#9a8890;font-size:10px;display:block}.cc-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.cc-upload:focus-within{outline:3px solid #d3aebf}.cc-image{text-align:center;background:#f1eaec;border-radius:8px;max-height:220px;margin-top:12px;position:relative;overflow:auto}.cc-image img{object-fit:contain;max-width:100%;max-height:210px}.cc-image button{background:#fff;border:1px solid #d6c9cd;border-radius:7px;padding:8px;position:absolute;top:7px;right:7px}.cc-make{background:var(--wine);color:#fff;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;padding:13px;font-size:15px;font-weight:700;display:flex}.cc-make:disabled{background:#c39aad}.cc-spin{animation:1s linear infinite ccspin}@keyframes ccspin{to{transform:rotate(360deg)}}.cc-err{color:#a8372c;margin:12px 0 0;font-size:13px;line-height:1.6}.cc-hint{color:var(--soft);margin:14px 0 0;font-size:11px;line-height:1.75}.cc-clear{border:1px solid var(--line);color:#9a8890;background:0 0;border-radius:6px;width:100%;margin-top:10px;padding:8px;font-size:12px}.cc-blank{text-align:center;color:var(--soft);background:#fbf9f9;border:1px dashed #d6c9cd;border-radius:10px;padding:56px 30px;font-size:13px;line-height:1.9}.cc-blank strong{color:var(--ink);margin-bottom:10px;font-size:17px;display:block}.cc-sum{box-shadow:var(--af-card);border:0;border-left:4px solid var(--wine);color:var(--wine);background:#fff;border-radius:0 10px 10px 0;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.cc-sum p{color:#3d2d34;margin:0;font-size:13px;line-height:1.85}.cc-ihead{justify-content:space-between;align-items:end;gap:14px;margin:26px 0 14px;display:flex}.cc-ihead small{letter-spacing:.14em;color:var(--soft);font-size:10px}.cc-ihead h2{margin:3px 0 0;font-size:22px}.cc-clause{box-shadow:var(--af-card);border-radius:var(--af-r);background:#fff;border:0;margin-bottom:10px;padding:16px 20px}.cc-clause strong{font-size:15px}.cc-clause p{color:#4c4046;margin:8px 0 0;font-size:12.5px;line-height:1.8}.cc-problem{align-items:flex-start;gap:6px;display:flex;color:#9a3226!important;font-size:12.5px!important}.cc-problem svg{flex:none;margin-top:2px}.cc-should{color:var(--soft)!important;font-size:11.5px!important}.cc-say{background:#f6eef1;border:1px solid #e6d5dc;border-radius:8px;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;display:flex}.cc-say span{color:#4c4046;flex:1;font-size:12px;line-height:1.7}.cc-say button{background:var(--ink);color:#fff;white-space:nowrap;border:0;border-radius:99px;align-items:center;gap:5px;padding:7px 12px;font-size:11px;font-weight:700;display:flex}.cc-list{box-shadow:var(--af-card);border-radius:var(--af-r);background:#fff;border:0;margin-top:16px;padding:16px 20px}.cc-list small{letter-spacing:.14em;color:var(--soft);font-size:10px}.cc-list h3{margin:3px 0 0;font-size:15px}.cc-list ul{margin:10px 0 0;padding-left:18px}.cc-list li{font-size:12.5px;line-height:1.85}.cc-unclear h3{color:#7b5a12}.cc-unclear{background:#fdfaf0;border-color:#e0d0a1}.cc-disclaimer{color:#7b3a2c;background:#fdf6f5;border:1px solid #e0b1a9;border-radius:10px;align-items:flex-start;gap:8px;margin-top:22px;padding:14px 16px;font-size:11.5px;line-height:1.85;display:flex}.cc-disclaimer svg{flex:none;margin-top:2px}.cc-disclaimer b{color:#9a3226}@media (max-width:860px){.cc-desk{grid-template-columns:1fr}.cc-box{position:static}}