:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#1d3028;background:#f5f6f2;font-size:15px;--green:#206c49;--line:#d8dfd5;--muted:#526459}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #78a98a}::selection{background:#c9e6d1}a{color:var(--green)}button,.upload-button,.download{cursor:pointer;border:1px solid var(--line);background:#fff;color:#24382c;border-radius:6px;padding:11px 17px;text-decoration:none;text-align:center}button:hover,.upload-button:hover{background:#edf4ed}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--green);color:#fff;border-color:var(--green);font-weight:600}.primary:hover{background:#175436}input,textarea,select{border:1px solid #a8b8a9;border-radius:5px;padding:12px;background:white;color:#203429;width:100%}textarea{resize:vertical;line-height:1.65}input[type=file]{padding:10px;font-size:.88rem}input::placeholder,textarea::placeholder{color:#69786e}label{display:block;font-weight:600;margin:22px 0 9px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.25;letter-spacing:-.035em;margin-bottom:13px;font-weight:650}h2{font-size:1.45rem;font-weight:650}h3{font-size:1.05rem;margin:28px 0 14px}.header{height:85px;display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:auto;padding:0 32px;border-bottom:1px solid var(--line)}.brand{font-size:1.4rem;font-weight:750;text-decoration:none;color:#203429;display:flex;gap:18px;align-items:center}.brand span{font-weight:400;font-size:.85rem;color:var(--muted);border-left:1px solid #a8b8a9;padding-left:18px}main{max-width:1160px;margin:auto;padding:32px}.muted,.fine,.optional{color:var(--muted);line-height:1.75}.fine{font-size:.83rem}.optional{font-size:.85rem;font-weight:400}.text-button{border:0;background:transparent;color:var(--green);font-size:.9rem}.full{width:100%}.auth-layout{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:100px;min-height:690px}.intro h1{font-size:clamp(2.5rem,4.5vw,3.8rem);margin-bottom:25px}.intro>p{line-height:1.9;color:var(--muted)}.sample{height:240px;margin:12px 0 24px}.sample img{width:250px;height:240px;object-fit:contain;mix-blend-mode:multiply}.auth-panel{background:#fff;padding:36px;border:1px solid var(--line);border-radius:12px}.auth-panel .primary{margin:28px 0 12px}.auth-panel .fine{margin:16px 0 0}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 28px}.workspace-heading h1{font-size:2.3rem}.workspace-heading p{margin-bottom:0}.pill{border:1px solid #b0c9b4;background:#e8f2e8;border-radius:30px;padding:9px 16px;font-size:.85rem;white-space:nowrap}.license-panel{border-block:1px solid var(--line);padding:16px 0;margin-bottom:24px}.license-panel summary{cursor:pointer;font-weight:600}.license-panel form{max-width:720px}.inline{display:flex;align-items:center;gap:10px}.inline input{flex:1;min-width:0}.inline button{white-space:nowrap}.spread{justify-content:space-between;flex-wrap:wrap;margin:7px 0 24px}.upload-button{font-weight:400;font-size:.85rem;margin:0;padding:9px 12px}.studio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:50px;padding:4px 0 36px}.editor>label:first-child{margin-top:0}.editor .primary{margin:12px 0}.preview{background:#fff;border:1px solid var(--line);padding:24px;border-radius:10px;align-self:start}.preview-top{display:flex;justify-content:space-between;align-items:center}.preview-top h2{font-size:1rem;margin:0}.preview-top span{font-size:.8rem;color:var(--muted)}.preview-canvas{aspect-ratio:1;display:grid;place-items:center;margin:20px 0;background:#fafbf8;border:1px solid #e5eae2;padding:10px}.preview-canvas img{width:100%;max-height:100%;object-fit:contain}.empty-mark{font-size:2.5rem;display:block;color:#76967e;line-height:1.2}#empty-preview{text-align:center;color:var(--muted)}#empty-preview p{margin:13px 0 5px}.download{display:block;background:#eaf3ea;border-color:#b8cbb6;color:var(--green);font-weight:600}.preview>.fine{margin:16px 0 0}.admin{border-top:1px solid var(--line);padding:20px 0 40px}.card-create{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.card-create label{margin:0}.card-create select{width:auto}.card-create input{width:85px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:6px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.88rem}td,th{text-align:left;padding:14px;border-bottom:1px solid #e9ece6}th{font-size:.8rem;background:#eef2eb;color:#4b6153}td button{padding:6px 10px;font-size:.8rem}#created-panel{padding:10px 0 20px}#created-panel button{margin:8px 8px 0 0}#notice{position:sticky;top:12px;z-index:10;padding:0;white-space:pre-wrap;overflow-wrap:anywhere}#notice:not(:empty){padding:14px 18px;background:#e4f1e4;color:#1f4f30;border:1px solid #aec7ae;border-radius:7px;margin-bottom:18px}#notice.error{background:#fff0eb;color:#8b3021;border-color:#e3b7a9}footer{max-width:1160px;padding:24px 32px;margin:auto;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.visually-hidden:focus-visible+.upload-button{outline:3px solid #78a98a}@media(max-width:800px){.auth-layout{gap:35px;grid-template-columns:1fr;min-height:auto}.intro{padding-top:24px}.intro br{display:none}.sample{display:none}.auth-panel{padding:26px}.studio{grid-template-columns:1fr;gap:24px}.workspace-heading{align-items:flex-start;flex-direction:column;gap:12px}.header{padding:0 20px;height:72px}.brand span{display:none}main{padding:22px 20px}.preview{max-width:100%}.workspace-heading h1{font-size:2rem}footer{padding:22px 20px;flex-direction:column}.card-create{gap:10px}.card-create label{font-size:.85rem}}