.sys-frame{border:1px solid var(--border);padding:var(--space-lg);margin-bottom:var(--space-lg);background:0 0;transition:border-color .3s;position:relative}.sys-frame:hover{border-color:var(--text-tertiary)}.frame-corner{border:2px solid var(--accent);z-index:1;width:8px;height:8px;transition:all .3s;position:absolute}.frame-corner.topleft{border-bottom:0;border-right:0;top:-1px;left:-1px}.frame-corner.topright{border-bottom:0;border-left:0;top:-1px;right:-1px}.frame-corner.bottomleft{border-top:0;border-right:0;bottom:-1px;left:-1px}.frame-corner.bottomright{border-top:0;border-left:0;bottom:-1px;right:-1px}.sys-frame:hover .frame-corner{width:16px;height:16px}.frame-label{background:var(--bg-primary);font-size:var(--font-size-xxs);color:var(--text-tertiary);letter-spacing:1px;text-transform:uppercase;z-index:10;padding:0 .5rem;font-weight:700;position:absolute;top:-.6rem;left:1rem}@media (max-width:768px){.sys-frame{padding:var(--space-md)}}@media (max-width:480px){.sys-frame{padding:var(--space-md)!important}}@media (max-width:320px){.sys-frame{padding:var(--space-xs)}.frame-label{font-size:.55rem}.frame-corner{width:6px;height:6px}}