.picart-template-editor{width:min(1220px,calc(100vw - 48px));height:min(820px,calc(100vh - 48px));padding:0;border:1px solid #ffffff2b;border-radius:28px;color:#f7f4fb;background:rgba(25,22,35,.96);box-shadow:0 28px 90px #0008;overflow:hidden}
.picart-template-editor::backdrop{background:rgba(8,6,13,.72);backdrop-filter:blur(18px) saturate(90%)}
.picart-template-editor-shell{display:grid;grid-template-rows:72px minmax(0,1fr) 76px;height:100%}
.picart-template-editor header,.picart-template-editor footer{display:flex;align-items:center;gap:12px;padding:0 24px;border-color:#ffffff18;background:#ffffff08}
.picart-template-editor header{border-bottom:1px solid #ffffff18}.picart-template-editor footer{justify-content:space-between;border-top:1px solid #ffffff18}
.picart-template-editor-title{min-width:0;margin-right:auto}.picart-template-editor-title strong,.picart-template-editor-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picart-template-editor-title strong{font-size:18px}.picart-template-editor-title small{margin-top:4px;color:#b8b0c4;font-size:12px}
.picart-template-editor button,.picart-template-editor select,.picart-template-editor input{font:inherit}.picart-template-editor button{min-height:40px;padding:0 16px;border:1px solid #ffffff20;border-radius:20px;color:inherit;background:#ffffff0d;cursor:pointer}.picart-template-editor button:hover{background:#ffffff18}.picart-template-editor button:disabled{opacity:.36;cursor:default}.picart-template-editor .primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,#d65cff,#8557ff)}
.picart-template-editor-main{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:0}.picart-template-stage{display:grid;place-items:center;min-width:0;min-height:0;padding:28px;background:radial-gradient(circle at 50% 42%,#5f4b7b2c,transparent 58%),#15121d;overflow:auto}
.picart-template-canvas{position:relative;width:min(100%,760px);max-height:100%;background:var(--template-background,#fff);background-position:center;background-size:cover;box-shadow:0 24px 70px #0008;overflow:hidden;touch-action:none;user-select:none}.picart-template-layer{position:absolute;left:0;top:0;box-sizing:border-box;transform-origin:center;outline:0}.picart-template-layer.is-selected:after{content:"";position:absolute;inset:-3px;border:2px solid #b66cff;border-radius:inherit;box-shadow:0 0 0 1px #fff8,0 0 20px #9d62ff80;pointer-events:none}.picart-template-photo{display:grid;place-items:center;border:0;background:#2d2737;color:#c8bfd4;overflow:hidden}.picart-template-photo img,.picart-template-graphic{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.picart-template-photo span{padding:10px;text-align:center;font-size:12px}.picart-template-text{padding:4px;white-space:pre-wrap;overflow:hidden;cursor:text}.picart-template-safe-area{position:absolute;border:1px dashed #b46dff70;pointer-events:none}
.picart-template-inspector{min-height:0;padding:24px;border-left:1px solid #ffffff18;background:#ffffff06;overflow:auto}.picart-template-inspector h3{margin:0 0 6px;font-size:16px}.picart-template-inspector>p{margin:0 0 24px;color:#aaa1b7;font-size:13px;line-height:1.5}.picart-template-inspector label{display:grid;gap:8px;margin:0 0 18px;color:#c8bfd4;font-size:12px}.picart-template-inspector input[type="range"]{width:100%;accent-color:#a761ff}.picart-template-inspector output{justify-self:end;color:#f7f4fb}.picart-template-empty-inspector{padding:20px;border:1px dashed #ffffff24;border-radius:18px;color:#aaa1b7;line-height:1.55}
.picart-template-image-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.picart-template-editor-status{color:#b8b0c4;font-size:12px}.picart-template-editor-hint{color:#b8b0c4;font-size:12px}
body[data-appearance="light"] .picart-template-editor,body.light .picart-template-editor{color:#292431;background:rgba(250,248,252,.97)}body[data-appearance="light"] .picart-template-stage,body.light .picart-template-stage{background:radial-gradient(circle at 50% 42%,#bca6d22b,transparent 58%),#e9e4ed}body[data-appearance="light"] .picart-template-inspector,body.light .picart-template-inspector{background:#ffffff73}body[data-appearance="light"] .picart-template-editor-title small,body[data-appearance="light"] .picart-template-editor-status,body[data-appearance="light"] .picart-template-editor-hint,body.light .picart-template-editor-title small,body.light .picart-template-editor-status,body.light .picart-template-editor-hint{color:#706879}
@media(max-width:860px){.picart-template-editor{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.picart-template-editor-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.picart-template-inspector{max-height:210px;border-left:0;border-top:1px solid #ffffff18}.picart-template-editor-hint{display:none}}
@media(prefers-reduced-motion:reduce){.picart-template-editor::backdrop{backdrop-filter:none}}