:root{--bg:#fff;--card:#fff;--text:#222;--muted:#777;--line:#e9e9e9;--accent:#333;--accent-soft:#f2f2f2;--radius:6px}body{background:#fff;min-width:0;font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}.site-header{margin-bottom:0;justify-content:space-between}.resource-home{font-size:12px;color:#777}.resource-intro{max-width:760px;width:calc(100% - 48px);margin:48px auto 0}.resource-intro h1{font-size:26px;letter-spacing:0;margin:0 0 14px;font-weight:500;line-height:1.4}.resource-intro p{font-size:13px;color:#777;line-height:1.8}.app{padding:20px 0 30px;width:min(100% - 48px,760px)}.main-tabs{border-radius:4px;background:#f3f3f3}.main-tab{border-radius:3px;font-weight:500}.main-tab.active{box-shadow:none}.panel,.result{box-shadow:none}.type-tab{border-radius:4px}.action{background:#333;border-radius:4px}.action:hover:not(:disabled){background:#555}.drop-zone{border-radius:4px;background:#fafafa}.resource-footer{max-width:760px;width:calc(100% - 48px);border-top:1px solid var(--line);margin:12px auto 36px;padding-top:20px;font-size:11px;color:#999;display:flex;gap:12px;align-items:center}.resource-footer a{margin-left:auto}textarea,input{border-radius:4px!important}.type-tab.active{color:#333;background:#f2f2f2}@media(max-width:600px){.resource-intro,.app,.resource-footer{width:calc(100% - 40px)}.resource-intro{margin-top:36px}.resource-intro h1{font-size:24px}.resource-home{font-size:12px}.resource-intro p{font-size:12px}.main-tab{height:48px}.panel,.result{padding:20px}}
/* Dark appearance shared with the personal homepage. */
:root{color-scheme:dark;--bg:#090909;--card:#111;--text:#f4f4f4;--muted:#999;--line:#2b2b2b;--accent:#eee;--accent-soft:#292929}body{background:#090909;color:#f4f4f4}.site-header{justify-content:space-between}.resource-home{color:#aaa}.resource-intro{text-align:center;margin-top:58px}.resource-intro h1{font-size:40px;letter-spacing:-.035em}.resource-intro p{color:#999}.main-tabs{background:#171717}.main-tab{color:#999}.main-tab.active{background:#303030;color:#fff}.panel,.result{background:#111;border-color:#292929}.drop-zone{background:#161616;border-color:#333;color:#ccc}.drop-zone:hover{background:#202020;border-color:#777}.type-tab{color:#999}.type-tab.active{background:#2a2a2a;color:#fff}.action{background:#eee;color:#111}.action:hover:not(:disabled){background:#fff}.action:disabled{background:#292929;color:#777}textarea,input,.id-input{background:#171717!important;color:#eee!important;border-color:#333!important}textarea::placeholder,input::placeholder{color:#888}.resource-footer{color:#888}.icon-button{background:#242424;color:#ddd}.id-row{border-color:#333}.preview pre,#text-preview{background:#171717;color:#ddd}.result-name,.file-name{color:#eee}dialog{background:#161616;color:#eee;border:1px solid #333}dialog button{background:#292929;color:#eee}.resource-home:hover{color:white}@media(max-width:600px){.resource-intro{margin-top:40px}.resource-intro h1{font-size:32px}}