.arttao-pro-wrap{--cyan:#CCFFFF;--line:#d6e1e1;--soft:#f7fafa;--ink:#202020;max-width:80%px;margin:28px auto;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-weight:400;line-height:1.55}
.arttao-pro-wrap *{box-sizing:border-box}
.arttao-pro-title{text-align:center;font-size:20px;font-weight:400;margin:0 0 14px}
.arttao-pro-master-toggle{
    position:relative;
    display:block;
    width:1100px !important;
    max-width:100% !important;
    min-height:46px;
    margin:0 auto !important;
    border:1px solid #FFE4B5;
    border-radius:9px;
    background:#CCFFFF;
    font-size:18px;
    font-weight:400;
    cursor:pointer;
}
.arttao-pro-master-toggle i{position:absolute;right:16px;font-style:normal;font-size:23px}
.arttao-pro-master-body[hidden],.arttao-pro-plans[hidden],.arttao-pro-props[hidden]{display:none!important}
.arttao-pro-master-body{padding-top:10px}
.arttao-pro-topbar{display:flex;flex-wrap:wrap;gap:5px;padding:7px;border:1px solid var(--line);border-radius:7px;background:#fafcfc;margin-bottom:7px}
.arttao-pro-topbar button,.arttao-pro-file-btn,.arttao-pro-json-btn,.arttao-pro-left button,.arttao-pro-layer-actions button{border:1px solid #bfd1d1;background:#fff;border-radius:5px;padding:6px 9px;font-size:10px;font-weight:400;cursor:pointer}
.arttao-pro-file-btn,.arttao-pro-json-btn{background:#CCFFFF;border-color:#99CCCC}.arttao-pro-file-btn input,.arttao-pro-json-btn input{display:none}
.arttao-pro-airow{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:8px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff;margin-bottom:7px}
.arttao-pro-field label{display:block;font-size:9px;color:#666;margin-bottom:3px}.arttao-pro-field select,.arttao-pro-field input{width:100%;font-size:10px}
.arttao-pro-layout{display:grid;grid-template-columns:116px minmax(0,1fr) 250px;gap:7px;align-items:start}
.arttao-pro-left,.arttao-pro-right{border:1px solid var(--line);border-radius:7px;background:#fafcfc;padding:7px;position:sticky;top:12px}
.arttao-pro-left{display:flex;flex-direction:column;gap:5px}.arttao-pro-left button.is-active{background:#CCFFFF;border-color:#99CCCC}.arttao-pro-side-title{font-size:11px;margin:1px 0 4px}.arttao-pro-divider{height:1px;background:#dfe7e7;margin:4px 0}
.arttao-pro-center{min-width:0}.arttao-pro-canvas-toolbar{display:flex;align-items:center;gap:8px;background:#fafcfc;border:1px solid var(--line);border-radius:7px;padding:6px 8px;margin-bottom:6px;font-size:9px}.arttao-pro-status{flex:1}.arttao-pro-zoom{width:140px}
.arttao-pro-stage-shell{background:#e9eeee;border:1px solid #cfdada;border-radius:7px;overflow:auto;padding:16px}
.arttao-pro-stage-holder{width:100%;min-width:620px;display:flex;justify-content:center;align-items:flex-start}
.arttao-pro-stage{display:block;width:min(100%,1100px);height:auto;aspect-ratio:4/3;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12);touch-action:none;user-select:none}
.arttao-pro-selection-box{fill:none;stroke:#3c9b9b;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}
.arttao-pro-handle{fill:#fff;stroke:#3c9b9b;stroke-width:2;vector-effect:non-scaling-stroke;cursor:nwse-resize}
.arttao-pro-handle.rotate{fill:#CCFFFF;cursor:grab}
.arttao-pro-rotate-line{stroke:#3c9b9b;stroke-width:1.5;vector-effect:non-scaling-stroke}
.arttao-pro-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:7px}.arttao-pro-tabs button{border:1px solid #cbd8d8;background:#fff;border-radius:5px;padding:6px;font-size:10px;cursor:pointer}.arttao-pro-tabs button.is-active{background:#CCFFFF}
.arttao-pro-tabpanel{display:none}.arttao-pro-tabpanel.is-active{display:block}.arttao-pro-prop-empty{font-size:10px;color:#777;padding:8px}
.arttao-pro-section{border-top:1px solid #dfe7e7;padding:8px 0}.arttao-pro-section:first-child{border-top:0}.arttao-pro-section h4{font-size:11px;font-weight:400;margin:0 0 6px}
.arttao-pro-section>label{display:block;font-size:9px;margin:6px 0}.arttao-pro-section label span{float:right;color:#777}.arttao-pro-section input[type=range],.arttao-pro-section select{width:100%;font-size:10px}
.arttao-pro-prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.arttao-pro-prop-grid label{font-size:9px}.arttao-pro-prop-grid input{width:100%;border:1px solid #cedada;border-radius:4px;padding:5px;font-size:10px}
.arttao-pro-layer-actions{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.arttao-pro-layer-list{display:flex;flex-direction:column;gap:4px;max-height:620px;overflow:auto}
.arttao-pro-layer{display:grid;grid-template-columns:32px 1fr auto auto;gap:5px;align-items:center;border:1px solid #dce5e5;border-radius:5px;padding:4px;background:#fff;cursor:pointer}.arttao-pro-layer.is-selected{background:#eaffff;border-color:#99CCCC}.arttao-pro-layer img{width:32px;height:26px;object-fit:cover}.arttao-pro-layer span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arttao-pro-layer button{border:0;background:transparent;font-size:11px;cursor:pointer;padding:2px}
.arttao-pro-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px}.arttao-pro-plan{border:1px solid var(--line);border-radius:6px;background:#fafcfc;padding:5px}.arttao-pro-plan strong{font-size:10px;font-weight:400}.arttao-pro-plan svg{width:100%;background:#fff;aspect-ratio:4/3;border:1px solid #e0e7e7}.arttao-pro-plan button{width:100%;border:1px solid #99CCCC;background:#CCFFFF;border-radius:5px;padding:5px;font-size:9px;cursor:pointer;margin-top:4px}
@media(max-width:1050px){.arttao-pro-layout{grid-template-columns:92px minmax(0,1fr)}.arttao-pro-right{grid-column:1/-1;position:static}.arttao-pro-airow{grid-template-columns:1fr 1fr}.arttao-pro-plans{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.arttao-pro-layout{grid-template-columns:1fr}.arttao-pro-left{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.arttao-pro-center{grid-column:1}.arttao-pro-right{grid-column:1}.arttao-pro-airow{grid-template-columns:1fr}.arttao-pro-stage-holder{min-width:520px}}

/* Shared B materials library panel. Scoped to Collage Pro only. */
.arttao-pro-wrap .arttao-cp-library{margin:10px 0;padding:12px;border:1px solid #9cd5e8;border-radius:8px;background:#f7feff}
.arttao-pro-wrap .arttao-cp-library-title{font-weight:700;font-size:14px;margin-bottom:10px}
.arttao-pro-wrap .arttao-cp-library-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.arttao-pro-wrap .arttao-cp-library-controls label{display:flex;gap:8px;align-items:center;font-size:13px}
.arttao-pro-wrap .arttao-cp-category{min-width:180px;max-width:270px;height:34px;border:1px solid #a7cdda;border-radius:5px;background:#fff}
.arttao-pro-wrap .arttao-cp-refresh,.arttao-pro-wrap .arttao-cp-more{border:1px solid #a7cdda;border-radius:6px;background:#f0ffff;padding:7px 12px;cursor:pointer}
.arttao-pro-wrap .arttao-cp-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:280px;overflow:auto}
.arttao-pro-wrap .arttao-cp-material-item{min-width:0;padding:5px;border:1px solid #d4e5eb;border-radius:5px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}
.arttao-pro-wrap .arttao-cp-material-item:hover{border-color:#347db7;background:#eef9ff}
.arttao-pro-wrap .arttao-cp-material-item img{height:77px;width:100%;object-fit:cover}
.arttao-pro-wrap .arttao-cp-material-item span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.arttao-pro-wrap .arttao-cp-library-help{margin:8px 0 0;font-size:12px;color:#55717b}