*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#263e32;background:#f5f5ef;margin:0;font:14px/1.65 Microsoft YaHei,PingFang SC,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #0000;border-radius:9px;padding:9px 15px;font-weight:600;transition:all .15s}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.94)}:is(button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible){outline-offset:3px;outline:3px solid #b8cba3}header{border-bottom:1px solid #dce1d6;justify-content:space-between;align-items:center;max-width:1420px;height:92px;margin:auto;padding:0 42px;display:flex}.brand{color:inherit;letter-spacing:1px;align-items:center;gap:12px;font-size:21px;font-weight:700;text-decoration:none;display:flex}.brandmark{color:#f5f4dd;background:#2b5541;border-radius:12px;place-items:center;width:44px;height:48px;font-size:30px;display:grid}.brand small{letter-spacing:2.6px;color:#788673;font:9px/1.6 Arial,sans-serif;display:block}.header-right{align-items:center;gap:12px;display:flex}.badge{color:#62724d;white-space:nowrap;background:#e8ecd9;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500}.soft{color:#7b8877;background:#f2f3ec}.quiet{color:#3c5545;background:#fff;border-color:#dfe4d9}.text-button{color:#537755;background:0 0;padding:0;font-size:12px}.primary{color:#fff;background:#2f5c43;box-shadow:0 3px 7px #2f5c4310}.wide{width:100%}main{max-width:1420px;margin:auto;padding:0 42px}.intro{justify-content:space-between;align-items:center;padding:42px 0 31px;display:flex}.eyebrow{letter-spacing:2.8px;color:#839273;margin:0 0 10px;font:10px Arial,sans-serif}h1{letter-spacing:-1px;margin:0 0 12px;font-size:34px;font-weight:650;line-height:1.35}.intro p:last-child{color:#7d8978;letter-spacing:1px;margin:0}.intro-note{border-left:1px solid #d6decf;flex-direction:column;padding:6px 20px;display:flex}.intro-note b{letter-spacing:10px;font:24px Georgia,serif}.intro-note span{color:#8a927e;margin-top:6px;font-size:11px}.workspace{grid-template-columns:1fr 1fr;gap:24px;display:grid}.card{background:#fff;border:1px solid #e1e5da;border-radius:16px;padding:24px;box-shadow:0 6px 20px #203d2303}.section-title{align-items:center;gap:10px;margin-bottom:22px;display:flex}.section-title h2{margin:0;font-size:17px;font-weight:650}.section-title>.text-button,.section-title>.badge{margin-left:auto}.step{color:#6c8052;background:#eef1e5;border-radius:50%;place-items:center;width:28px;height:28px;font:12px Georgia,serif;display:grid}.dropzone{cursor:pointer;background:#f8faf3;border:1.5px dashed #cbd5be;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:264px;margin-bottom:18px;display:flex}.dropzone.drag{background:#eaf2df;border-color:#729455}.upload-icon{color:#809a63;margin-bottom:4px;font:42px Georgia,serif}.dropzone small{color:#8d9782;font-size:11px}.dropzone input{display:none}.source-card .primary{margin-top:6px}.privacy{color:#8e9887;margin:14px 0 0;font-size:11px;line-height:1.8}.hint{color:#84907b;font-size:12px;line-height:1.8}.check{color:#7b8971;align-items:center;gap:6px;margin:12px 0;font-size:12px;display:flex}.check input{accent-color:#2f5c43}.field{color:#75836b;flex-direction:column;gap:5px;margin-bottom:14px;font-size:12px;display:flex}input,select,textarea{color:#324a38;background:#fcfdf9;border:1px solid #dce2d4;border-radius:7px;width:100%;min-width:0;padding:9px 10px}input[type=checkbox]{width:auto}.settings-grid{grid-template-columns:repeat(3,1fr);gap:0 12px;display:grid}textarea{resize:vertical;letter-spacing:1px;min-height:154px;font:18px/1.8 Consolas,Microsoft YaHei,monospace}.syntax{color:#7b8a71;margin-top:-6px;font-size:11px}.syntax summary{cursor:pointer}.syntax p{line-height:1.9}.proof{padding:10px 0 4px}.project-actions{gap:10px;margin-top:14px;display:flex}.project-actions button{flex:1;padding:6px;font-size:12px}.image-toolbar{color:#6d7d60;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.canvas-wrap{text-align:center;background:#edf0e7;border-radius:8px;max-height:420px;line-height:0;overflow:auto}canvas{touch-action:none;cursor:crosshair;background:#fff;max-width:100%;height:auto}#imagePanel .hint{margin-bottom:10px}.score-card{margin-top:24px}.score-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.score-heading .section-title{margin:0}.score-actions{flex-wrap:wrap;gap:8px;display:flex}.score-actions button{padding:7px 12px;font-size:11px}.empty-score{color:#a3ad95;flex-direction:column;justify-content:center;align-items:center;height:230px;display:flex}.empty-score>span{color:#b2bea6;font:60px/1.3 Georgia,serif}.empty-score b{font-size:14px;font-weight:500}.empty-score p{font-size:11px}.notices{color:#8b6d32;background:#fff8e9;border:1px solid #eee1bf;border-radius:8px;margin:16px 0;padding:11px 14px;font-size:12px}.notices p{margin:4px 0}.notices.error{color:#a4453b;background:#fff0ed;border-color:#f0c7be}#scoreOutput{margin-top:18px;overflow:auto}#scoreOutput svg{width:100%;min-width:680px;display:block}#scoreOutput g.active{filter:drop-shadow(0 0 3px #9aba6c)}#scoreOutput g.active text{fill:#c27523}#noteSummary{margin-top:5px}.dialog-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dialog-title h2{margin:0;font-size:20px}dialog{color:#304b38;border:1px solid #d8e0d0;border-radius:18px;width:90%;max-width:520px;padding:26px;box-shadow:0 20px 100px #1d342c35}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a302a66}dialog .hint{margin-bottom:18px}dialog .primary{margin-top:15px}footer{color:#a0aa96;letter-spacing:.4px;justify-content:space-between;padding:22px 0 32px;font-size:10px;display:flex}#toast{color:#fff;z-index:100;background:#2f513c;border-radius:10px;max-width:90vw;padding:12px 22px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #142d3726}body.busy{cursor:progress}[hidden]{display:none!important}@media (max-width:950px){main,header{padding:0 20px}.intro-note{display:none}h1{font-size:28px}.workspace{gap:16px}.card{padding:20px}.score-heading{flex-direction:column;align-items:flex-start}.settings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){header{height:76px}.header-right>.badge{display:none}.brand{font-size:17px}.brand small{font-size:8px}.header-right{gap:6px}.header-right button{padding:7px;font-size:11px}.intro{padding-top:28px}.eyebrow{font-size:8px}h1{font-size:25px}.workspace{grid-template-columns:1fr}.dropzone{min-height:200px}.score-actions{gap:5px}.score-actions button{padding:7px}footer{gap:12px}.card{border-radius:12px}}@media print{@page{size:A4 landscape;margin:12mm}body{background:#fff}header,.intro,.workspace,footer,.score-heading,.notices,#noteSummary,#toast{display:none!important}main{max-width:none;padding:0}.score-card{box-shadow:none;border:0;margin:0;padding:0}#scoreOutput{margin:0;overflow:visible}#scoreOutput svg{width:100%;min-width:0;max-height:none}}body>div{display:contents}.catalog-card{margin-bottom:24px}.catalog-card .section-title>a{margin-left:auto;text-decoration:none}.catalog-search{gap:10px;display:flex}.catalog-search>input{flex:1}.catalog-search button{white-space:nowrap}.catalog-results{overscroll-behavior:contain;grid-template-columns:1fr 1fr;gap:0 22px;max-height:330px;margin:12px 0;padding:0;list-style:none;display:grid;overflow:auto}.catalog-results li{border-bottom:1px solid #edf0e6;align-items:center;gap:8px;min-width:0;padding:10px 0;display:flex}.catalog-title{text-align:left;text-overflow:ellipsis;white-space:nowrap;color:#365b42;background:0 0;border:0;flex:1;padding:0;font-size:13px;font-weight:500;overflow:hidden}.catalog-kind{color:#82926f;white-space:nowrap;background:#f0f3e8;border-radius:5px;padding:1px 5px;font-size:10px}.catalog-results a{white-space:nowrap;color:#8a987e;font-size:10px;text-decoration:none}.catalog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;font-size:12px;display:flex}.catalog-pagination button{padding:6px 11px;font-size:11px}.catalog-pagination form{align-items:center;gap:7px;display:flex}.catalog-pagination input{width:70px;padding:5px}.catalog-dialog{width:94vw;max-width:940px}.catalog-dialog h2{max-width:85%;font-size:17px;line-height:1.6}.catalog-preview{text-align:center;background:#f6f7f1;border-radius:8px;min-height:120px;max-height:65vh;overflow:auto}.catalog-preview img{max-width:100%;height:auto}.catalog-preview img:not([src]){display:none}.catalog-detail-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.catalog-detail-actions a{color:#6a8158;margin-left:auto;font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:680px){.catalog-search{flex-wrap:wrap}.catalog-search>input{flex-basis:100%}.catalog-search button{flex:1}.catalog-results{grid-template-columns:1fr;max-height:300px}.catalog-kind{display:none}.catalog-detail-actions button{padding:8px;font-size:11px}.catalog-dialog{padding:16px}}@media print{.catalog-card,.catalog-dialog{display:none!important}}