.arttao-trd-wrap{
 --cyan:#CCFFFF;--pink:#FFCCFF;--line:#d8e2e2;
 max-width:1500px;margin:28px auto;color:#202020;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
 font-weight:400
}
.arttao-trd-wrap *{box-sizing:border-box}
.arttao-trd-toggle{
 position:relative;width:100%;min-height:46px;
 border:1px solid #E6CCFF;border-radius:9px;background:#CCFFFF;
 font-size:18px;font-weight:400;cursor:pointer
}
.arttao-trd-toggle i{position:absolute;right:16px;font-style:normal;font-size:23px}
.arttao-trd-body[hidden]{display:none!important}
.arttao-trd-body{padding-top:8px}

.arttao-trd-toolbar{
 display:flex;flex-wrap:wrap;gap:5px;padding:7px;
 border:1px solid var(--line);border-radius:7px;background:#fafcfc
}
.arttao-trd-toolbar button,.arttao-trd-filebtn{
 border:1px solid var(--pink);background:#fff;border-radius:5px;
 padding:6px 9px;font-size:10px;font-weight:400;cursor:pointer
}
.arttao-trd-filebtn{background:#CCFFFF}
.arttao-trd-filebtn input{display:none}

.arttao-trd-inputs{
 display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px
}
.arttao-trd-inputs section,
.arttao-trd-layout aside section,
.arttao-trd-recipes section{
 border:1px solid var(--line);border-radius:7px;background:#fafcfc;padding:8px
}
.arttao-trd-wrap h4{font-size:11px;font-weight:400;margin:0 0 7px}
.arttao-trd-inputs label{display:block;font-size:9px;margin:7px 0}
.arttao-trd-inputs select{
 width:100%;border:1px solid #ccd8d8;border-radius:4px;padding:5px;background:#fff;font-size:10px
}
.arttao-trd-inputs p,.arttao-trd-wrap .line{
 font-size:9px;line-height:1.65;color:#555;margin:4px 0
}

.arttao-trd-layout{
 display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:7px;margin-top:7px
}
.arttao-trd-status{
 border:1px solid var(--line);border-radius:7px;background:#fafcfc;padding:6px 8px;font-size:9px
}
.arttao-trd-canvas-shell{
 margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#e9eeee;overflow:auto
}
.arttao-trd-canvas{
 display:block;max-width:100%;height:auto;margin:0 auto;background:#fff;
 box-shadow:0 2px 10px rgba(0,0,0,.08)
}
.arttao-trd-type-name{
 display:block;font-size:13px;margin-bottom:5px
}
.arttao-trd-score{
 display:inline-flex;min-width:52px;height:24px;align-items:center;justify-content:center;
 border:1px solid var(--pink);border-radius:5px;background:#fff;font-size:9px
}

.arttao-trd-recipes{
 display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px
}
.recipe-block{
 border-top:1px solid #e1e8e8;padding:7px 0
}
.recipe-block:first-child{border-top:0}
.recipe-grid{
 display:grid;grid-template-columns:110px 1fr;gap:4px 8px;font-size:9px;line-height:1.6
}
.recipe-grid .k{color:#666}
.recipe-grid .v{color:#222}


.arttao-trd-note{
 margin-top:7px;border:1px solid var(--line);border-radius:7px;
 background:#fffdf8;padding:8px;font-size:9px;line-height:1.65;color:#6f5a2e
}
.arttao-trd-note strong{font-weight:400}

@media(max-width:900px){
 .arttao-trd-layout{grid-template-columns:1fr}
}
@media(max-width:700px){
 .arttao-trd-inputs,.arttao-trd-recipes
 .recipe-grid{grid-template-columns:1fr}
}